Trying to code this style :D

  • Hi !

    I just downloaded from WBB version 3.0.0 of the forum and i am going to redraw the graphics of my forums for the new version.
    This is what i came up with and I am trying to understand WHERE all the CSS for everything is (i know EXACTLY in 2.3.6 but now it's all new :D ).

    I think i am going towards BIG problems as i will try and put transparent shadows in CSS and make them IE compatible...
    Ayone already used transparent PNG in IE with WBB3 and would like to share some knowledge?


  • Your Style looks really nice ;)

    The wBB3 uses a 24bit to 8bit Convertion to get png-images with alpha-transparency working on IE6 without any special hacks. For this you need Fireworks, in this Program you can save png-images to 8bit with alpha-transparency.

    There´s already a Tutorial how to optimize it (like in wBB3), but its in german: PNG8 Grafiken im IE6 gut aussehen lassen

    "coding styles are like assholes, everybody has one, but nobody likes anyone elses"

  • Thanx !
    I will read that (maybe with an online translator).

    But doesn't 8 bit alpha mean that you cannot do it with alpha gradients? Images slowly going from 100% opaque to 100% transparend in a gradient...

  • Fireworks can do it with gradiant (alpha-transparency) for modern Webbrowsers (Safari 2/3, Firefox 1/2/3, Opera 8/9, IE7). Only if you viewing the png-image with IE6 you can´t see the half-transparency.

    "coding styles are like assholes, everybody has one, but nobody likes anyone elses"

  • Little update.

    Trying to slice it to see what to put in Flash and what to put in DIVs... not an easy task from now on :D

  • Well of course, if anyone wants to help me coding this beast... that would be MORE than welcome :D

  • Not bad, I like that style. I hope, you post a link when it is ready, I want to see it in action ^^
    It's italian, eh?

    MfG Markus Zhang (aka RouL)

  • Thanx, i will.

    I will be coding it next week (between my day job and my girlfriend :D) and as soon as something is functioning I will post a link.

    Still have to understand how all the templates work and WHERE to find the different parts to be changed.
    Is there any tutorial in ENGLISH on the template design?

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!