Change The Appearance of Usergroup Titles

[Peggy]

Use this tutorial to change the color of usernames in postbit and the Whos Online box. Many admins do this so that members can distinguish between administrators, moderators and other usergroups.
Go into adminCP
Usergroups
Usergroup Manager
on the right, select the usergroup you want to change the color of, and click on edit and Go.
Go to Username HTML Markup field add this in the fields:To add color:
Left Field -
<span style="color: #9F0505;">

Right Field -
</span>


To add bold and color:

<span style="font-weight: bold; color: #6699ff;">


Now add italics to the bold and color!

<span style="font-style: italic; font-weight: bold; color: #6699ff;">



If you don't know color codes, you can use the handy hex color code chart below -


co-credit: Xhris for adding to this tutorial

http://img234.imageshack.us/img234/8206/colorcodes1nv6.png
http://img481.imageshack.us/img481/9898/colorcodes2kv2.png

[Chris]

I added a HTML Color Code page to the tutorial. So users can find the color they want.

[Peggy]

very kewl!

[Big Dan]

Thank you Peggy, just what I needed. :)

[sng]

Very Nice will be using this mod very soon!

[mrsmac1974]

Nicest hex chart I've seen!!!!!! Thanks!

[mototips]

thank you for this tip was wondering how to do this :D

[Peggy]

Original post has been updated, additional information added.

[Dream]

I think theres a problem with codes in your how to

[Peggy]

GARS keeps screwing up the codes :mad: all fixed.

[BlinkY]

Sweet ive been looking for something like this for ages. good job.

[KildridMagician]

Great code, thanks a lot mate. ;)

[Syncdrinker]

Thanks for that. I have been wondering how to do it.

[Teamster]

Thanks Peggy!!!
What would the code be if you wanted Italic font also with the bold? I tried some things on my own but it broke. :)

[Peggy]

You would add the following to the code -

font-style: italic;

So your entire code would be something like this -


<span style="font-style: italic; font-weight: bold; color: #6699ff;">

[Peggy]

NOTE: I added the italics part to the original post ;)

[Teamster]

Are you a rockett? cuz your ahhhh rockin... :)

[Yaoren]

I had actually forgotten how to do this so am glad I found it, thanks again :)

[goldendox]

nice and easy. thank you, peggy!

[Demonmonkey]

Thanks - I was just wondering that a little while ago

[RAMON]

Thanks this is what I was looking for.:)

[Peggy]

Good, I'm glad we could help :D

[Fivestones]

thanks this is great I will add it

[DREAM.KILLER]

Nice wORK