Learn how to customize BrainKing's view layer and share your CSS experiences.
Useful links Wikipedia - for general information on what CSS is, why it is useful, and a short introduction on how to use it. W3Schools - for a tutorial and a reference on CSS. W3C - for detailed and advanced information for those who are interested. CSS Zen Garden - for some trickery and demonstration of what is possible with CSS
I'm looking at having certain items in the right hide side column to be hidden. For instance, if you don't bother with labelling people, you will never have any friends that can be online, and you may want the 'Friends online' box in the RHS column to be hidden. But currently, this isn't easy to do - the box consists of a table with two rows. The class of the table is 'status-inner-space', but you cannot say "oh, I'll just set visibility for that class to hidden', because then other boxes will disappear as well. And while the 'Friends online' has a unique class ("status-friends-header"), the following 'none' is in the class ("menu-section"), which isn't unique either. Even '.status-inner-space.menu-section' isn't unique.
It would be useful if the tables forming the boxes in the RHS column (Date and time, Friends online, Favourite boards, Fellowships, Tip of the day) were inside DIV elements with unique class or id names.