Ported: Aerodrome 1.0

Skinning and designing Serendipity (CSS, HTML, Smarty)
sonichouse
Regular
Posts: 196
Joined: Sun May 11, 2008 2:53 am
Contact:

Ported: Aerodrome 1.0

Post by sonichouse »

I have taken on my first full port, and am currently testing it.

I would welcome some critical eyes to look over my efforts so far.

The test link is here.

I will bundle up a release package once I have ironed out the remaining wrinkles.

A link to the original author is in the credits of the footer of my test page.

It has been a good learning experience, especially working out how to do nested comments gracefully.

Gravatar support has been added, and works better if you tell the plugin to emit smarty code, or, if not, set the gravatar to float:right.

Can't wait ....
/Steve
Last edited by sonichouse on Wed Jan 28, 2009 10:03 pm, edited 3 times in total.
Steve is occasionally blogging here
Don Chambers
Regular
Posts: 3657
Joined: Mon Feb 13, 2006 2:40 am
Location: Chicago, IL, USA
Contact:

Post by Don Chambers »

Congrats Steve!!! Keep up the fantastic work!

I am half dead tonight having had a really rough past few days, however, a quick check in IE6 shows some problems.

Add this to .storywrap: {display:inline}. This will get you out of IE's margin doubling bug on floated elements (google if you need more info).

You also need to trigger haslayout on the <p> containing the page footer (page 1 of x totalling y entries).... my first suggestion would be position: relative.... there are lots of ways to trigger it, but I get away with that 99% of the time.

My personal preference is that the "reply" link in comments is too large - again, my personal preference.

Finally, run a validator against the css, not just the html...... tons of errors there, but they may be beyond your control since they were probably inherited in the port process.
=Don=
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: Ported: Aerodrome 1.0

Post by yellowled »

sonichouse wrote:I have taken on my first full port, and am currently testing it.
Way to go, Steve!

There is a margin between the headmenu ul and the actual header, which is noticable to the human eye even in FF. The entry footer needs work, too, but that depends a little on how close you're trying to get to the original.

As for the IE fixes, I usually go with Don's suggestions myself, he's got a knack for those :)

YL
sonichouse
Regular
Posts: 196
Joined: Sun May 11, 2008 2:53 am
Contact:

Post by sonichouse »

Don Chambers wrote:Congrats Steve!!! Keep up the fantastic work!
Thanks Don, might be my first and last one too !!!
Don Chambers wrote:Add this to .storywrap: {display:inline}.
Done.
Don Chambers wrote:You also need to trigger haslayout on the <p> containing the page footer (page 1 of x totalling y entries).... my first suggestion would be position: relative.... there are lots of ways to trigger it, but I get away with that 99% of the time.
OK, added but can't test. You have just got to love this cross-browser stuff.
Don Chambers wrote:My personal preference is that the "reply" link in comments is too large - again, my personal preference.
Agreed, toned them down a bit.
Don Chambers wrote:Finally, run a validator against the css, not just the html...... tons of errors there, but they may be beyond your control since they were probably inherited in the port process.
The CSS has quite a few browser hacks for moz to add rounded corners etc which do not validate, but as you say I inherited most of them :cry:
Steve is occasionally blogging here
sonichouse
Regular
Posts: 196
Joined: Sun May 11, 2008 2:53 am
Contact:

Re: Ported: Aerodrome 1.0

Post by sonichouse »

yellowled wrote:There is a margin between the headmenu ul and the actual header, which is noticable to the human eye even in FF. The entry footer needs work, too, but that depends a little on how close you're trying to get to the original.
Thanks YL for your support.

The entry footer has a makeover - it was way to big !!

The headmenu is the same as the original template by the author.
I am not completely sold on the idea of the margin either :wink:
Steve is occasionally blogging here
Don Chambers
Regular
Posts: 3657
Joined: Mon Feb 13, 2006 2:40 am
Location: Chicago, IL, USA
Contact:

Post by Don Chambers »

Much better Steve.....

Only remaining comment is the pipe character before your categories...
Looks like you are always showing the categories for an entry on a line before the author and date.... the pipe character, often uses as a separator, does not really make a lot of sense in that context IMHO.... but, again, these are all personal judgement calls.

Great job!
=Don=
sonichouse
Regular
Posts: 196
Joined: Sun May 11, 2008 2:53 am
Contact:

Post by sonichouse »

Don Chambers wrote:Much better Steve.....

Only remaining comment is the pipe character before your categories...
Looks like you are always showing the categories for an entry on a line before the author and date.... the pipe character, often uses as a separator, does not really make a lot of sense in that context IMHO.... but, again, these are all personal judgement calls.

Great job!
Thanks Don - much appreciated.

Is my web cam on ? - you seem to be looking over my shoulder just as I attack an issue :roll:. The category thing is done, as well as tidying up the nested comments.
Steve is occasionally blogging here
akremedy
Regular
Posts: 56
Joined: Sat Jul 26, 2008 9:06 am
Location: Bay Area, U.S.A.
Contact:

Post by akremedy »

Looks great Steve - I'm posting this comment that I left for you here at the S9Y forum too ... is anyone else seeing this behavior in FF3 in the Comments box?

Steve, there's something goofy with FF3 as I type in this text box. The text itself is almost so light as to be invisible (except that every once in awhile, a letter will show up, then become very light on the next keystroke. Minimizing and maximizing the browser "fixes" it, but only until the next keystroke. This behavior doesn't exist in IE7. I think there is a transparency or alpha issue in FF. Otherwise, it's a great layout!
sonichouse
Regular
Posts: 196
Joined: Sun May 11, 2008 2:53 am
Contact:

Post by sonichouse »

akremedy wrote:Steve, there's something goofy with FF3 as I type in this text box. The text itself is almost so light as to be invisible (except that every once in awhile, a letter will show up, then become very light on the next keystroke. Minimizing and maximizing the browser "fixes" it, but only until the next keystroke. This behavior doesn't exist in IE7. I think there is a transparency or alpha issue in FF. Otherwise, it's a great layout!
Thanks for that I was testing in FF2, so after I installed FF3 I also get the problem.

The fix is

Code: Select all

#commentform textarea {background-color: inherit;}
Not entirely happy, but then again, I don't fully understand what is going on either :?
Steve is occasionally blogging here
judebert
Regular
Posts: 2478
Joined: Sat Oct 15, 2005 6:57 am
Location: Orlando, FL
Contact:

Post by judebert »

Holy cow, that's a fantastic theme! I had to work hard to see it, because my computer can't access anything but port 80; I had to set up a proxy server. But it was worth it!

Great job!
Judebert
---
Website | Wishlist | PayPal
sonichouse
Regular
Posts: 196
Joined: Sun May 11, 2008 2:53 am
Contact:

Post by sonichouse »

judebert wrote:Holy cow, that's a fantastic theme! I had to work hard to see it, because my computer can't access anything but port 80; I had to set up a proxy server. But it was worth it!

Great job!
Thanks nearly there, I have a few minor tweaks to make, and then I may consider it complete.

BTW the site should be visible on port 80.
Steve is occasionally blogging here
judebert
Regular
Posts: 2478
Joined: Sat Oct 15, 2005 6:57 am
Location: Orlando, FL
Contact:

Post by judebert »

sonichouse wrote:BTW the site should be visible on port 80.
The main site is, but the devblog apparently uses port 8008 for CSS (since I'm getting unstyled HTML), and the Aerodrome link is definitely using port 8008.
Judebert
---
Website | Wishlist | PayPal
sonichouse
Regular
Posts: 196
Joined: Sun May 11, 2008 2:53 am
Contact:

Post by sonichouse »

The zip for the theme is now available for public consumption.

Thanks to YellowLed, Don, and Judebert for their patience and guidance, without whom I wouldn't have got this far.

More details and download files can be found in my blog article

Feedback and bug reports all welcome :lol:
Last edited by sonichouse on Wed Jan 28, 2009 10:04 pm, edited 1 time in total.
Steve is occasionally blogging here
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Post by yellowled »

sonichouse wrote:Thanks to YellowLed, Don, and Judebert for their patience and guidance, without whom I wouldn't have got this far.
You're welcome :-)

Hate to break it to you, but the textarea in the comment form is wider than its container which means it breaks out of the bg image ...

Plus, I can't seem to get past your comment captcha. L'il fucker always gives me a 500 error.

YL
sonichouse
Regular
Posts: 196
Joined: Sun May 11, 2008 2:53 am
Contact:

Post by sonichouse »

yellowled wrote:You're welcome :-)

Hate to break it to you, but the textarea in the comment form is wider than its container which means it breaks out of the bg image ...

Plus, I can't seem to get past your comment captcha. L'il fucker always gives me a 500 error.

YL
1. Padding was missing from the comment form - fixed :x
2. Contacted Akismet - waiting for a reply :evil:
Steve is occasionally blogging here
Post Reply