BrainKing - Discussion boards (BrainKing design)

Moderator: toedder

BrainKing design

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

List of discussion boards

Mode: Everyone can post

Show oldest messages first

6. April 2007, 15:45:34

AbigailII

show this user posts | show thread | link

Subject: Re: Online image

Modified by AbigailII (6. April 2007, 15:46:42)

Fencer: Thank you.

I have a couple of more requests:

Give all the smileys class; preferably a class indicating a smiley, and a
class indicating which smiley it is. That enables people do something with
all smileys, or with specific ones. For instance:
<img src="/images/smileys/1116.gif" class = "smiley smiley1116">
Give the entries in the left hand column ('Main Page', 'New game', etc)
different ids, so you can CSS to ignore the ones you don't use.
In boards, can there be a class for the subject? Also for the
'show this user posts | show thread | link' part. The latter is inside
a div with class 'spacer to-right', but that doesn't seem be significant
enough to refer to this line.

The board postings have many elements (icon indicating membership, name,
envelope, board, hide link, date, subject, etc, etc) - ideal would be to
have distinctive classes for each element.
It would be nice if the list of boards on the right hand side had classes
indicating whether the board has new notes on it or not.

For instance:
```
<a href="Board?bc=136" title="English" class="lang">
<span class = "new-nodes">BrainKing design</span></a>
<span class="rednumber">(1 new)</span>
```
Then one can write CSS like:
```
    span.new-node   {  color: #ff0000 }
    span.rednumber  {  display: none }
```
And have boards with new nodes show up in red, without the number.
If there's also a class indicating no new nodes one could even write
some CSS that only lists the boards with new nodes.
</ul>