Formatting an empty [style] tag
Imagine CSS to be something like ordering at a fancy restaurant (or Denny's if you live in the US), as weird as that sounds. You're escorted to a seat, then the waitress/waiter takes your order. They write down where you are seated (in this situation) and bring you your order when it's ready! With that in mind, let's begin:
First, you start with a name for your Style (i.e. the name of your party). In this example, you're going to be called the Smith Family Reunion. Classes start with a period, and your class can be called whatever your heart desires! Periods let the code know that they need to look for the class that is featured after the period. Classes can contain the alphabet and underscores, but not hyphens, other special characters, numbers or even spaces.
[style]
.smith_family
[/style]
[style]
.smith_family
{ } [/style]
[style]
.smith_family
{ text-decoration
: underline
; } [/style]
Wow, that was anti-climatic. Now we just have an underline. But how did we take the Smith's order and make it?
[styleclass
=
smith_family
]
Here's how we made it! [/styleclass]
.smith_family
(with a period) became smith_family
(without a period)? That's how [styleclass
] works. In the [style
] code, we needed to tell Sally that smith_family
is a class, but we don't need to in [styleclass
]. This also applies to certain codes that were made by Niet (panel, expbar, and tooltips) but not ones used by other sites (table, b, h3, div).
Remember: Inside the BBCode, give a class (with a period!), add { and }, add some CSS, then call it with [styleclass
], without the period!
[styleclass
=
smith_family
]
Now you can do it, too! [/styleclass]
[style]
.smith_family
{ text-decoration
: underline
; } [/style]