Usersgroups Legend For Each Style

[Merjawy]

There are few mods for that, but this one is different

This mod will allow you to change the usergroups colors based on each style, so if you use more than one style, the colors might not look right on some styles.

Inspired by a user's request and Matthew Gordon. Thanks Matthew

Install instructions:

Step 1

Edit each usergroup and use it's title (use whatever title you prefer)

In the Username HTML Markup 1st box:


<span class="Admin">




In 2nd box:



</span>




Repeat the steps for each usergroup using the title for the usergroup.

Step 2

Edit additional.css template and add this code to it (this is just an example)



.Admin {
color: #FF4400;
}

.SMod {
color: #22229C;
}

.Mod {
color: #738FBF;
}

.Registred {
color: black;
}

.Awaiting_Confirmation {
color: purple;
}

.Guest {
color: black;
}



Use the above titles or use your own as long they match what you put in the usergroups settings in step 1

Use any color you like to wrok with your styles and you can use the hex code of the lable I used both in this example.

Change the colors for each style as you see fit.

[Hornstar]

Thanks for this.

[Merjawy]

Enjoy and thanks

[vbenhancer]

VERY BAD CSS VARIABLES... sorry but learn a little css before posting something like that.

[Merjawy]

Thanks

[Paul M]

Moved to articles, this is really a "how to".

As vbenhancer mentions, those css class names are bad, dont use dots, use underscores. I would probably shorten them somewhat as well.

[Merjawy]

Thanks Paul... I updated the code

[abdobasha2004]

very nice and simple

[Merjawy]

Thanks