PDA

View Full Version : How To Set Username 'Color/Font/Style' Per Usergroup


Distance
06 Feb 2007, 15:40
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!!

M_OReilly16
21 Feb 2007, 03:36
Thanks so much for this. I must have overlooked how to change the username colors at least 50 times already. lol!

Distance
27 Feb 2007, 22:38
You cant find it if you dont know what you are looking for :)

odie3
25 Mar 2007, 22:08
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].

abhimation
10 Apr 2007, 06:37
Can we somehow restrict this to the members list?

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

:confused:

cOuNtErFiET
10 Apr 2007, 08:53
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].

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

Dismounted
10 Apr 2007, 10:57
Box 1:

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

Box 2:

</span></b>
Box 2 should be:
</b></span>
You NEVER have overlapping tags in HTML.

sonichero
11 Apr 2007, 06:48
Thanks! I never knew you could alter the font :)

http://www.lambdacoremodule.net/forums/member.php?find=lastposter&f=3

Chilling!

UltimateOreo!
11 Apr 2007, 18:59
Whats so bad about overlapping tags? I've never had a problem with them. Just bad technique?

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

Distance
10 May 2007, 19:23
Sorry, my mistake.

Edited

ahmednadir
12 May 2007, 07:07
I have done this for my administrator group to try:

Originally Posted by Distance
Box 1:

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

Box 2:

</b></span>

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

Nadeemjp
06 Sep 2008, 16:19
how can i add user group legend at the end of my forum page?

Attitude5ire
07 Sep 2008, 11:31
Should replace
<i> with <em>
<b> with <strong>

for validation purposes.

Nadeemjp
12 Sep 2008, 02:03
I have done this for my administrator group to try:

Originally Posted by Distance
Box 1:

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

Box 2:

</b></span>

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
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
</span>

mrtroybaker
10 Mar 2009, 21:44
Thank you. Very useful.

DF08Said
24 Mar 2009, 22:33
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..

Noosphere
19 May 2009, 20:35
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. :)

0 Seo 0
15 Jun 2009, 02:54
what would be close tag for this <span style="color: red;"> ? kind new to forum.

mme42
15 Jun 2009, 18:12
what would be close tag for this <span style="color: red;"> ? kind new to forum.

</span>

blackberry
27 Apr 2011, 15:24
aww thank you