BrainKing - Forum (BrainKing design)

Toezichthouder: 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

Forumlijst
U hebt geen toestemming om berichten op dit forum achter te laten. Het minimaal vereiste lidmaatschap om berichten op dit forum achter te mogen laten is Brain Paard.

Modus: Iedereen kan berichten achterlaten

6. april 2007, 01:53:09

AbigailII

toon berichten van deze speler | toon onderwerp | link

Onderwerp: Online image

Aangepast door AbigailII (6. april 2007, 01:54:52)

Could the image indicating an on-line opponent and its following nbsp (<img src=/images/online.gif> ) be put in a span with a decidated class? For instance:


  <span class = 'online-indicator'><img src='/images/online.gif'>&nbsp;</span>

6. april 2007, 10:16:55

Fencer

toon berichten van deze speler | toon onderwerp | link

Onderwerp: Re: Online image

AbigailII: Yes, that could be done. I know there are some small sections which were not optimized for the new design yet.

6. april 2007, 15:45:34

AbigailII

toon berichten van deze speler | toon onderwerp | link

Onderwerp: Re: Online image

Aangepast door 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>