How To Set Username 'Color/Font/Style' Per Usergroup
 

Distance's First Official vBulletin Article!!

What it does

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:

[openning tag]username[closing tag]


Installation

1. Go to your admincp
2. Expand the Usergroups setting group
3. Click on Usergroup Manager
4. Select the usergroup you wish to set the username markup for and select 'Edit Usergroup (id: x) Then click Go

x being the id number of the usergroup

5. You should see an option saying 'Username HTML Markup'

The first box is the start tag, and the seccond box is the end tag.



Examples of the start tag


You can either use standard tags such as:

<b> - Making your username Like this
<i> - Making your username Like this
<u> - Making your username Like this

You can combine any of these for example all three

<b><i><u> Making your username Like This



Or you can use the more advanced way to do it


Like this:

<span style="font-weight: bold;"> - Making your username Like this
<span style="font-style: italic;"> - Making your username Like this
<span style="text-decoration: underline;"> - Making your username Like this

You can combine any of these for example all three

<span style="font-weight: bold; font-style: italic; text-decoration: underline;"> Making your username Like This


Other style options:


Usergroup Colour

<span style="color: red;"> Making your username - Like this



Usergroup Font

<span style="font: Comic Sans MS;"> Making your username - Like this


Usergroup Size

<span style="font: 20px;"> Making your username 20px in size




Once again you can link all these together like this:

<span style="font: 20px Comic Sans MS; color: red;"> Making your username Like this



Or... All style options..

<span style="font: 20px Comic Sans MS; color: red; font-weight: bold; font-style: italic; text-decoration: underline;"> Making your username Like this


*note i cannot show you the size on this page as vBulletin have disabled it on this board for security reasons*


Examples of the End Tag

For every tag you open, you must close it..


So if you have got <span xxxxwhatever >

you must have </span> in the seccond close tag box..


Eg..

Box 1:

<span style="font: Comic Sans MS;><b>

Box 2:

</b></span>



Always remember to close your tags!!



I hope you find this useful.. Cya!!

Thanks so much for this. I must have overlooked how to change the username colors at least 50 times already. lol!

You cant find it if you dont know what you are looking for :)

Is there a way to do this so different Forum Styles has a different set of colors? Cause what works on one Style [dark] may not work on a different style [lite].

Can we somehow restrict this to the members list?

I dont want the colors to be shown in the posts.

:confused:

yes define a css class then call the class there is a post on here somewhere how to do it so i wont go into how to do it here...serach its here i seen it

Box 2 should be:
You NEVER have overlapping tags in HTML.

Thanks! I never knew you could alter the font :)

http://www.lambdacoremodule.net/foru...lastposter&f=3

Chilling!

Whats so bad about overlapping tags? I've never had a problem with them. Just bad technique?

It's bad coding practice and in addition to that, it's not specification :).
http://www.w3.org/TR/xhtml1/#h-4.1

Sorry, my mistake.

Edited

I have done this for my administrator group to try:

Originally Posted by Distance
Box 1:

Box 2:

But instead of my username the title of my forum came up (very confused)

Any reason why this is?

I'm using version 3.6.6

thanks

how can i add user group legend at the end of my forum page?

Should replace
<i> with <em>
<b> with <strong>

for validation purposes.

As far as my experience goes, you are not supposed to put < / b > in the ending codes. just the < / span > should do the trick.

so your ending code should be

Thank you. Very useful.

1 Question How do u do Like Username But in Glitter like this http://img300.imageshack.us/img300/8742/70761372.png

Please replay Cuz i need to know..

For the slower among us ... I very much like the option of being able to use larger, customized fonts for user names in the posbit, but don't want the changes to carry over to the "who's online" display, which it has done on both my CMPS and forum index. Is there an easy way limit the html changes to the user name display in the postbit?

Merci. :)

what would be close tag for this <span style="color: red;"> ? kind new to forum.

aww thank you