Usergroup Legend on Mouseover
 

/*================================================= =========*\
|| ################################################## ## ||
|| # Usergroup Legend For vBulletin Forums 4.1.x
|| # Version 1.01
|| # Author: Warden
|| # This mod may only be used from vbulletin.org
|| # DO NOT display this mod on any other modification site without my
|| # permission!
|| # You can alter this code and re-display it here on vbulletin.org
|| ################################################## ## ||
\*================================================ ==========*/

Description: This makes a usergroup legend that you can see what group belongs to whom by hovering over the color.

This mod is ported from this one here: https://vborg.vbsupport.ru/showthread.php?t=140019

All credits go to Digitalus since he came up with this design.

Note: This mod does work with vBulletin 4.1.8.

It is easy to add more colors for usergroups. I will post that below.

Installation time: About 2 minutes (2 Phrases, 1 Manual Template Change)

Note: If you are using this mod, https://vborg.vbsupport.ru/showthread.php?t=254239, it will conflict with my mod. Make sure if you use my mod, to delete the other one.

Also note: Make sure your style is updated to the newest version or there may be issues.

Also Note: This mod may contain a few glitches and/or bugs until I get them worked out. If someone wants to make this into an XML product, knock yourself out.

Installation:

Step 1: Go to admincp > Languages & Phrases > Phrase Manager > Add New Phrase:

Save!

Step 2: Go to Admincp > Languages & Phrases > Phrase Manager > Ass New Phrase:

Save!

Step 3: Go to your AdminCP > Styles & Templates > Style Manager

Step 4: Choose your style

Step 5: Click on "Forum Home Templates", then click on "Forum Home"

Step 6: Look for:


Add Below:

Step 7: Also in the "Forum Home" template, look for:

Add below:

Click on Save and Reload!

You can adjust the usergroup names and colors to your liking.

If you want to add another usergroup, find the spot you want in the code above, and add this code:


The blue highlighted area is the name you can change
The red highlighted area is the html color code you can change.

Live Demo Here

Scroll down to the bottom.

Remember: If you want support, CLICK INSTALL

Any problems, let me know.

Reserved post.

Live demo would be appreciated.

Added. :)

merci pour ce mod..

You're Welcome. :)

Love it, Hope it gets better, as maybe showing the actual user html markup(sparkles and all)

VERY good job.

thank you bro good work

installed + rated

for Arabic users

نوع العبارة:Global
المنتج:vBulletin
المتغير:usergroup_legend
النص: مجموعات الاعضاء

Thank you for the rating and translation, Dr. Osama. :)

Most of it is working well, however I am having trouble actually making our user names change the color that we want. all of mine are staying the generic color and not changing (if that makes any sense)

This does not change the colors of your users. This only shows the colors that you want for each usergroup.

In order to change your usergroup colors, you have to do this:

Go to your Admincp > Click on Usergroups dropdown menu > Usergroup Manager > Click on "GO" next to the usergroup you want to change > Look for Username HTML Markup and add this:

For the first box add, you can change the color:
For the second box add:
Save.

Then, on my mod, you change the color to the one you chose for each usergroup as shown above.

oh perfect, thanks a ton for that!

when convenient for me not someone has an idea?

What version of vBulletin are you using?

I have 4.1.2

Can you pm me the URL of your site so I can take a look at it? The only thing I can think of is that the style that you have it on is not a 4.1.2 style.

here is my forumhome

If you can, check to see if this mod works on the default vB template for me. I have checked my styles and it works on all of them. All of my styles are all updated to 4.1.2 though.

If it works on the default template, but not on the style you showed above, then it is a style issue. Make sure they are all 4.1.2 compatible styles.

Confirmed that this mod still works on 4.1.3 and 4.1.4 Beta 1. If anyone is having any issues, try on a test site with no mods installed using the default style.

I have taken this mod off beta stage for now. If any issues arise, let me know and I will see what I can do.

very nice, thank you

Sorry for the delay, but, You're welcome. :)

Updated mod to work with 4.1.8. :)

thanks buddy :)

thanks ..

Glad to help. :)

Minor code update. :)

Working using vB4.2.0 without the mod installed as noted in the very first post...

thanks for mod installed on vb 4.2

You're welcome. :)

Hey, I was wondering if there's any way to make this into just an html code for a Forum Block. I already use a different legend for Out of Character accounts which is about eight usergroups, but I have a lot of other usergroups that's color coded depending on the character job and I would really like it to just be in a forum block on the side bar. I actually tried to put the code there and it works, except for the mouseover part.

I used:

But I need something to make that have the mouseover effect and tell the usergroup in just plain HTML, under the box or to the right, would be great.

Revised: Had no idea this was part of a mod, when I commented. So what I was explaining is totally out of context and probably worthless. Sorry.

"Mouseover" is a JavaScript "Event". "Pseudo selector class "hover" is CSS. Not sure which one you are talking about, but I am guessing "hover". You cannot embed a "selector pseudo class" directly in the HTML it must be contained within a style element. For vbulletin add this class to "additional.css" if you are a beginner.

You want do something like this:


The css in the style tags should really be inserted into additional.css.
See CSS Pseudo Selectors for more information.