Member Group Customisation

[Tommy Huynh]

Okay, this is to customise your member group colours, and to apply formatting.

First off, a bit about Cascading Style Sheets (CSS)

If you want to apply formatting, such as bold or italic and underline, the respective method to add it in are:

• For bold use: font-weight: bold;
  
• For italics use: font-style: italic;
  
• For underline use: text-decoration: underline;
  
• For Strikethrough use: text-decoration: strikethrough;

To apply colur use this:

• color: #hex;

and in place of the red hex, replace it with your hexidecimal colour code there, such as 000000 for black. Be sure to have the # proceeding the colour though.

The CSS classes follows like this:

.group1

and with every additional member group created, the '1' would increment. For instance, Global Moderator would be .group2, and moderator would be .group3. If I were to create a new group say, "Noob," the css class for Noob would be .group4

Now, lets put it all together.

<style type="text/css">
<!--
.group1
{

}
.group2
{

}
-->
</style>

You would insert your properties and values between the curly brackets. For instance, if I want to customise group1 so it has blue text colour, and underlined, and group2 to be green and with no text-decoration, my code would look like this

<style type="text/css">
<!--
.group1
{
color: #0000cc;
text-decoration: underline;
}
.group1
{
color: #000a00;
}
-->
</style>

When you're all done, place the code in your global headers.