Forum Home Enhancements - Usergroup Color Bar Legend

Usergroup Color Bar Legend

This hack shows the user group tags under the name of the active users. This is an easy but usefull for you to determine the order of the groups.
install

Go to your admin cp, then:
Plugin System -> Manage Products -> [Add/Import Product] -> Select 'product-ugcb.xml' from your computer then press 'Import'

Modifications Info

Plugin : 1
Phrases : 5
Template : 0
Setting : 2

Usergroup Color Bar Setting

Go to your admin cp, then:
vBulletin Options -> Usergroup Color Bar ->

Versions:
v1.0 - Initial vB 3.7 version.
v2.0 - Initial vB 4.0 version.
v2.1 - Fixed.
v2.1.1 - Bug Fixed.

[Crotan]

4.1.2 breaks this. With the product enabled, users names and the userbar no longer show. If I disable the product, their names will reappear.

Worked up until 4.1.1 without a hitch

[BaanFarsang]

User Legend Color Bar disappear after VB4.1.2 updated

[Hall of Famer]

Well this is not compatible with VB4.1.2, sadly.

[Mrquarter2]

Hopefully it gets updated soon

[washingtonboise]

The method of defining HTML markup for user name shown in this thread is somewhat incomplete.

More powerful text formatting is possible if you define a style in your CSS style sheet and then reference it.

A short video explains the steps involved:
http://www.youtube.com/watch?v=1XJlNYQ1Q9A

There are two locations where you will define values:

1: Style sheet values
Styles & Templates > Style Manager > Edit Templates > CSS Templates > Additional.CSS

2: Username HTML Markup values
usergroups>usergroup manager>

To make this idiotproof, I am providing my own values below.

Username HTML MARKUP (for my 'admin' usergroup)
first input box <span class="admin">
Second box </span>


My CSS Stylesheet values:

.admin {
font-family: Microsoft Sans Serif;
font-size: 20px; color: red;
text-shadow: rgb(255, 0, 0) 0px 0px 4px, rgb(255, 255, 255) 2px 1px 0px, rgb(255, 0, 0) 0px 0px 12px;" }

.moderator {
font-family: Impact;
font-size: 15px;
text-shadow: rgb(255, 255, 0) 0px 0px 1px, rgb(255, 255, 0) 0px 0px 3px;" }

.supermod {
color: rgb(0, 0, 218);
text-shadow: rgb(255, 255, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 9px;" }

.lv1 {
font-family: Fixedsys;
font-size: 10px;
color: rgb(0, 0, 0); text-shadow: rgb(0, 0, 0) 0px 0px 5px;" }

.lv2 {
font-family: system;
font-size: 11px;
color: rgb(64, 64, 64); text-shadow: rgb(0, 0, 0) 0px 0px 3px;" }

.lv3 {
font-family: Microsoft Sans Serif;
font-size: 15px;
color: rgb(64, 64, 64); text-shadow: rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 2px;" }

.lv4 {
font-family: Microsoft Sans Serif; font-size: 17px; color: rgb(147, 147, 147); text-shadow: rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 2px, rgb(255, 255, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 2px, rgb(255, 255, 0) 0px 0px 5px;" }

.lv5 {
font-family: Microsoft Sans Serif; font-size: 20px; color: rgb(147, 147, 147); text-shadow: rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 12, 244) 0px 0px 3px, rgb(0, 12, 244) 0px 0px 4px;" }

[TeknoSounds]

does that work across all the forums where names appear? or just in the legend? Looks like it would affect everything everywhere. (which is a good thing, don't get me wrong)

[Crotan]

Originally Posted by washingtonboise

The method of defining HTML markup for user name shown in this thread is somewhat incomplete.

More powerful text formatting is possible if you define a style in your CSS style sheet and then reference it.

A short video explains the steps involved:
http://www.youtube.com/watch?v=1XJlNYQ1Q9A

There are two locations where you will define values:

1: Style sheet values
Styles & Templates > Style Manager > Edit Templates > CSS Templates > Additional.CSS

2: Username HTML Markup values
usergroups>usergroup manager>

To make this idiotproof, I am providing my own values below.

Username HTML MARKUP (for my 'admin' usergroup)
first input box <span class="admin">
Second box </span>


My CSS Stylesheet values:

.admin {
font-family: Microsoft Sans Serif;
font-size: 20px; color: red;
text-shadow: rgb(255, 0, 0) 0px 0px 4px, rgb(255, 255, 255) 2px 1px 0px, rgb(255, 0, 0) 0px 0px 12px;" }

.moderator {
font-family: Impact;
font-size: 15px;
text-shadow: rgb(255, 255, 0) 0px 0px 1px, rgb(255, 255, 0) 0px 0px 3px;" }

.supermod {
color: rgb(0, 0, 218);
text-shadow: rgb(255, 255, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 9px;" }

.lv1 {
font-family: Fixedsys;
font-size: 10px;
color: rgb(0, 0, 0); text-shadow: rgb(0, 0, 0) 0px 0px 5px;" }

.lv2 {
font-family: system;
font-size: 11px;
color: rgb(64, 64, 64); text-shadow: rgb(0, 0, 0) 0px 0px 3px;" }

.lv3 {
font-family: Microsoft Sans Serif;
font-size: 15px;
color: rgb(64, 64, 64); text-shadow: rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 2px;" }

.lv4 {
font-family: Microsoft Sans Serif; font-size: 17px; color: rgb(147, 147, 147); text-shadow: rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 2px, rgb(255, 255, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 2px, rgb(255, 255, 0) 0px 0px 5px;" }

.lv5 {
font-family: Microsoft Sans Serif; font-size: 20px; color: rgb(147, 147, 147); text-shadow: rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 12, 244) 0px 0px 3px, rgb(0, 12, 244) 0px 0px 4px;" }

Thanks for this, and i guess we can do better color patterns/effects with this method but sadly it doesn't fix the actual user legend being broken after 1.1.2

[matrixmark]

I am glad others are having problems with this not working on the latest update

I thought I might have done something to break it lol.

Guess we just have to wait and hope it it gets updated.

[Boofo]

What was changed in the latest update to break this? It might be nice to know before we upgrade.

[bpi007]

Originally Posted by Boofo

What was changed in the latest update to break this? It might be nice to know before we upgrade.

They changed in FORUMHOME template

{vb:raw activeusers}

with

<vb:each from="activeusers" value="loggedin">
	<li> {vb:stylevar dirmark}<a class="username" href="{vb:link member, {vb:raw loggedin}}">{vb:raw loggedin.musername}</a>{vb:raw loggedin.invisiblemark}{vb:raw loggedin.buddymark}</li>
</vb:each>

More information here