[How To?] Suffix on names.

[PALACE]

Hey, I want to make the rank grey. It is a suffix that I have for my names on different ranks. Is there any way to have the name purple and for example the "[Mod]" grey or any other color and also use the [Mod} without the background URL.

My Website: www.prankcalling.org/

Example:  but I want it like 

<span style="color: #842DCE; text-shadow: 1px 1px 5px #842DCE; background: transparent url(http://i.imgur.com/7F70N.gif);">[Mod] {username}</span>

Thanks.

[Josh H.]

Move [Mod] into its own span? It doesn't necessarily have to be within the same one (as far as I'm aware)

[PALACE]

Move [Mod] into its own span? It doesn't necessarily have to be within the same one (as far as I'm aware)

Exactly but how do you do it?

[mmadhankumar]

Exactly but how do you do it?

something like this...

<span style="color: #929292;">[Mod]</span>
<span style="color: #842DCE; text-shadow: 1px 1px 5px #842DCE; background: transparent url(http://i.imgur.com/7F70N.gif);">{username}</span>

[Destroy666]

^And if the above is too long for the input (limit is 200 chars), use classes:

<span class="modclass">[Mod]</span><span class="anothermodclass">{username}</span>

Then add this to your themes' global.css and to the admin/styles/[any_style]/main.css files:

.modclass {
    color: #929292;
}

.anothermodclass {
    color: #842DCE;
    text-shadow: 1px 1px 5px #842DCE;
    background: transparent url(http://i.imgur.com/7F70N.gif);
}

[PALACE]

Thanks guys! @mmadhankumar suggestion helped me! But the other one was helpful aswell. Thanks