[ozzy47]

If you have multiple styles, that are different colors you can also do the following:

Username HTML Markup. ACP --> Usergroups --> Usergroup Manager edit each usergroup, you will need to add the html to the two input fields found in the setting, Username HTML Markup.

NOTE: Your field boxes won't be as wide as the ones in the image, I over-sized them for illustration purposes.


The first field is the opening tag. The second field is the closing tag. These tags will be inserted around the user's username like this:

[opening tag]username[closing tag]

Some HTML tags you might want to use here include:

<span style="font-weight: bold;"> </span> 
<span style="text-decoration: line-through; font-weight:bold;">  </span>
<span style="font-style: italic;"> </span> 
<span style="text-decoration: underline;"> </span>
<span style="color: red;"> </span>

Example 1

First field

<span style="color: Red;">

Second field

</span>

Example 2

First field

<span style="color: Blue; font-weight: bold;">

Second field

</span>

You can also do combinations by using more than one attribute in the style property.

Q. Wait, I have different colored styles, it is very difficult to choose a color to work on them all, what can I do?

A. Well then you should use this solution. It will take time to set up for each usergroup, but it's worth it.

First off add this code to your additional.css templates for all your styles.
In each style you can define a different color for each group.
You can add more groups or change the names as you wish.

.admin 
{
        color: #FF0000;
        font-weight: bold;
}

.moderator 
{
        color: #0000ff;
        font-weight: bold; 
}

.supermod 
{
        color: #32CD32;
        font-weight: bold; 
}

.registered users
{
        color: #802A2A;
        font-weight: bold; 
}

.banned
{
        color: #000000;
        text-decoration: line-through;
        font-weight: bold; 
}

.group1 
{
        color: #FF8000;
        font-weight: bold;  
}

.group2 
{
        color: #A020F0;
        font-weight: bold; 
}

.group3 
{
        color: #FFC0CB;
        font-weight: bold; 
}

Then for each usergroups html markup do like this.

Example 1

First field

<span class="admin">

Second field

</span>

Example 2

First field

<span class="moderator">

Second field

</span>

Remember to change the class to the usergroup you are working with.

You can get a good list of colors here, Color Codes