Typo theme contest entry

Well, what can I say. I managed to submit my theme just in time (in it’s current state) however it’s far from finished :( …too much work, not enough play.

Theme is tested in Safari, Firefox and IE6 Win (currently a small issue with IE5.5).

Main features

  • Safari search field (and a mimicked version for other browsers).
  • A little calendar icon next to each post.
  • Lightweight design i.e. divs and images kept to a minimum (although there are few extra divs for fluid).
  • Fixed and Fluid designs (a couple of people beat me to it on this one).
  • Ruby red colour scheme to depict Typo’s origins.

I had a shed load of features that should have made it into the entry, just didn’t leave myself enough time.

I also had bleached and mint versions of the same theme in the pipeline which looked 100 times better however I ran out of time. These obviously won’t make it into the comp however if anyone is interested, let me know.

What have I leaned from this?

Rounded corners + fluid layout + hatching + vertical gradient= absolute nightmare!! Why? …two words “Internet Explorer”.

I generally don’t like using extra markup for layout however it is necessary for fluid + rounded corner layouts. That I can like with, it’s the fact that 80% of the time spent on this theme was used on workarounds for IE and it’s lack of proper transparent png support.

Tags: , ,

12 comments ↓

#1 Marco on 11.30.05 at 9:31 am

I just wanted to see what the comments look like in this theme. So here’s a test comment :)

#2 Thomas Aylott on 11.30.05 at 10:44 am

Sweet design.

The hard work definately shows.

There are two ways that i use to solve the transparent PNG support issue.

Check it out

http://subtlegradient.com/articles/2005/11/30/get-ie-5-5-to-support-transparent-pngs-using-microsoft-chow

#3 MDK on 11.30.05 at 11:53 am

It’s a great theme. Personally I’d love to see it as a default for Typo (maybe not in this colorset though)

#4 Jamie Hill on 11.30.05 at 12:26 pm

Thanks for the comments. I wasn’t actually expecting any positive feedback as I cobbled together a make-shift navbar in the final minutes.

I’ll look into the transparent PNG links.

#5 Jamie Hill on 11.30.05 at 12:39 pm

MDK: I’ll try and get a couple of colour variations up this eve. What would your preference be?

#6 iant on 11.30.05 at 8:54 pm

very nice theme.

#7 Thomas Aylott on 12.01.05 at 2:42 am

colour variations

Personally, I’ve always had a fondness for grayscale themes with colored links. ;)

I also like the mint theme ala haveamint.com
Dark greys and dusty greens, tiny touches of pale yellow occasionally and a point of blue.

#8 MDK on 12.02.05 at 3:26 am

And I must say I started liking the red… although dark blue version might be interesting too.

#9 rloaderro on 12.03.05 at 1:22 am

lucid theme is definitely one of my favorites too. are we the only ones that went for an apple-like search? i see you suffered through the liquid-layout too. and ran out of time - check out the header of my submission mail to the contest:
<em>November 28, 2005 11:59:29 PM GMT-06:00</em>

actually our themes are pretty similar - maybe if you would like lucid in blue check out <a href=”http://www.travelatlas.org/wired.zip” rel=”nofollow”>wired</a>?

i’m not posting here to push my theme really. i think we probably have similar tastes in code & design. so, of course your theme gets my vote :)

good work! -aeron

#10 rloaderro on 12.03.05 at 1:23 am

oh well - excuse my failed attempt to insert code..

#11 Garth on 12.05.05 at 10:58 am

Let me know when you’re done finishing this theme. Great design and well done.

#12 Will on 12.16.05 at 3:10 pm

This is a very nice theme.

Leave a Comment