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:

</span></b>



Always remember to close your tags!!



I hope you find this useful.. Cya!!

Thanks for posting this detailed article

Glad to be of help

Thnx for awesome tutorial