The Arcive of Official vBulletin Modifications Site.

Usergroup Legend on Mouseover · **Released**: 03-03-2011

/*================================================= =========*\
|| ################################################## ## ||
|| # 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:

Code:

Phrase Type: Global
Product: vBulletin
Varname: legend_title
Text: Usergroup Legend

Save!

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

Code:

Phrase Type: Global
Product: vBulletin
Varname: legend_alt_title
Text: User Group Legend

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:

Code:

<!-- what's going on box -->

Add Below:

Code:

<script type="text/javascript">
<!--

setup_memberlegend = function(tobj)
{
	prefix = ''
	suffix = ''

	if (tobj.getAttribute('ital'))
	{
		prefix += '<em>'
		suffix += '</em>'
	}

	if (tobj.getAttribute('undr'))
	{
		prefix += '<u>'
		suffix += '</u>'
	}

	if (tobj.getAttribute('bold'))
	{
		prefix += '<b>'
		suffix += '</b>'
	}

	if (tobj.getAttribute('line'))
	{
		prefix += '<s>'
		suffix += '</s>'
	}

	if (tobj.getAttribute('clr'))
	{
		prefix += '<span style="color:' + tobj.getAttribute('clr') + ';">'
		suffix += '</span>'
	}



	fetch_object('memberlegend').innerHTML = prefix + tobj.getAttribute('group') + suffix
}

-->
</script>

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

Code:

<!-- end logged-in users -->

Add below:

Code:

<!-- Usergroup Legend --> 
<div id="wgo_legend" class="wgo_subblock section collapse"><h3 class="blocksubhead"><img src="{vb:stylevar imgdir_misc}/forum_stats.png" alt="{vb:phrase legend_alt_title}"/>{vb:phrase legend_title}</h3> <a class="collapse" id="collapse_legend_list" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse_40b.png" alt="Collapse/Expand" /></a>
</div>
            <div>
               <div style="float:left; width:18px; height:2px"></div>
                <div style="float:left;">&nbsp;</div>
		<div class="alt2" style="float:left;height:15px;width:15px;padding:0px;" group="Administrator" 

clr="#FF0000" bold="y" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = 

''">
			<div style="height:15px;width:15px;background:#FF0000;"></div>
                </div>
                <div style="float:left;">&nbsp;</div>
		<div class="alt2" style="float:left;height:15px;width:15px;padding:0px;" group="Super Moderator" 

bold="y" clr="#00FF00" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = 

''">
			<div style="height:15px;width:15px;background:#00FF00;"></div>
		</div>
                <div style="float:left;">&nbsp;</div>
		<div class="alt2" style="float:left;height:15px;width:15px;padding:0px;" group="Moderator" 

bold="y" clr="#008000" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = 

''">
			<div style="height:15px;width:15px;background:#008000;"></div>
		</div>
                <div style="float:left;">&nbsp;</div>
		<div class="alt2" style="float:left;height:15px;width:15px;padding:0px;" group="Supporter" 

bold="y" clr="#FFFF00" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = 

''">
			<div style="height:15px;width:15px;background:#FFFF00;"></div>
		</div>
                <div style="float:left;">&nbsp;</div>
		<div class="alt2" style="float:left;height:15px;width:15px;padding:0px;" group="Member" 

clr="#00FFFF" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
			<div style="height:15px;width:15px;background:#00FFFF;"></div>
		</div>
                <div style="float:left;">&nbsp;</div>
		<div class="alt2" style="float:left;height:15px;width:15px;padding:0px;" group="Validating" 

clr="#A0522D" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = 

''">
			<div style="height:15px;width:15px;background:#A0522D;"></div>
		</div>
                <div style="float:left">&nbsp;</div>
                <div class="alt2" style="float:left;height:15px;width:15px;padding:0px;" group="Banned" 

ital="y" line="y" clr="#FF00FF" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object

('memberlegend').innerHTML = ''">
			<div style="height:15px;width:15px;background:#FF00FF;"></div>
		</div>
		<div style="float:left;width:10px;height:1px;">&nbsp;</div>
		<div style="float:left;" id="memberlegend"></div>
         </div>
<br><br>
<!-- End Usergroup Legend -->

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:

Code:

<div style="float:left;">&nbsp;</div>
		<div class="alt2" style="float:left;height:12px;width:12px;padding:0px;" group="Member" bold="y" 

clr="#000000" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
			<div style="height:12px;width:12px;background:#000000;"></div>
		</div>

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.

SuperTaz · #2 03-04-2011, 09:47 PM

Reserved post.

gamerzhut · #3 03-05-2011, 02:15 AM

Live demo would be appreciated.

SuperTaz · #4 03-05-2011, 02:18 AM

Quote:

Originally Posted by gamerzhut

Live demo would be appreciated.

Added.

leclownos · #5 03-05-2011, 02:06 PM

merci pour ce mod..

SuperTaz · #6 03-05-2011, 02:41 PM

Quote:

Originally Posted by leclownos

merci pour ce mod..

You're Welcome.

Cobe. · #7 03-05-2011, 03:36 PM

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

VERY good job.

Dr.osamA · #8 03-06-2011, 11:56 AM

thank you bro good work

installed + rated

for Arabic users

Quote:

Phrase Type: Global
Product: vBulletin
Varname: usergroup_legend
Text: Usergroup Legend

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

SuperTaz · #9 03-06-2011, 09:44 PM

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

commonwealth · #10 03-12-2011, 11:42 AM

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)

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.09430 seconds Memory Usage 2,351KB Queries Executed 27 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (7)bbcode_code (3)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (10)post_thanks_box (1)post_thanks_box_bit (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (1)post_thanks_postbit (10)post_thanks_postbit_info (9)postbit (3)postbit_attachment (10)postbit_onlinestatus (10)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_postinfo_query fetch_postinfo fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

Благодарность от:
JamalFree

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!