CSS Competition at Ozzu.com
One of the latest competitions at Ozzu is to design a CSS template for their phpBB powered forum site. The trick is to design a template purely from CSS without modifying the markup. It has been ages since the last time I did any CSS coding. Luckily, current Ozzu markups have plenty of divisions to be used for design purposes. Anyway, you can check out my entry for this competition.
I used deep dark ground colors combination to fit the medieval theme and a hint of dragon images embedded in the background throughout the layout. I might alter this template to fit for latest phpBB3 and release this template for free download if I lost in the competition.
Winning is to the main objective here, but what was learn throughout the process that counts. I have encountered two cross-browser bugs for Internet Explorer 6 and below which are known as Peek-a-Boo bug and IE Doubled Float-Margin Bug and manage to fix them using !important hack to selectively target IE6 and below and applying hasLayout fix.
I also realized that I also frequently fall into the trap of divitis and classitis. I used too many unnecessary divisions and classes in my markup codes which result to bloated and complicated codes. This can easily be fixed using the true power of background images in CSS for block property to achieve the same effects with less chunks of code.
Lili on 01.06.2008. 03:22
I like your Ozzu template man! Nice article.
xfahmix on 13.11.2008. 16:33
hey. thanks a mil! :)