User Legend: on ForumHome with mouseover

************************************************** *******
** UserLegend on ForumHome with mouseover
** Version: 1.00
** Modification by Digitalus
**
** Works on any vBulletin versions
**
************************************************** *******

************************************************** *******
TEMPLATES EDITS
************************************************** *******

--------------------------------------------

In forumhome template, find:

----------------------------------------

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

------------------------------------------------------

Add below:

-----------------------------------------------------

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

--------------------------------------------

In forumhome template, find:

----------------------------------------

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

------------------------------------------------------

Add below:

-----------------------------------------------------

<!-- User Legend By Digitalus-->
<tbody> <tr> <td class="thead" colspan="2"> <a style="float: right;" href="#top" onclick="return toggle_collapse('forumhome_legend')"><img src=$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_legend].gif alt="" name="collapseimg_forumhome_legend" width="16" height="16" border="0" id="collapseimg_forumhome_legend"></a> <a href="showgroups.php$session[sessionurl_q]" rel="nofollow">User Legend </a></td> 
		</tr> </tbody> <tbody id="collapseobj_forumhome_legend" style=""> <tr> <td class="alt2"><a href="showgroups.php$session[sessionurl_q]" rel="nofollow"><img title="Legend" src="$stylevar[imgdir_misc]/whos_online.gif" alt="Legend" border="0"></a></td> <td class="alt1" width="100%"> 				<div style="float:left;"><strong>Legend</strong>:</div>
                <div style="float:left;">&nbsp;</div>
		<div class="alt2" style="float:left;height:8px;width:8px;padding:0px;" group="Banned Member" ital="y" line="y" clr="#000000" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
			<div class="tborder" style="height:8px;width:8px;background:#000000;"></div>
		</div>
		<div style="float:left;">&nbsp;</div>
		<div class="alt2" style="float:left;height:8px;width:8px;padding:0px;" group="Member" bold="y" clr="#999999" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
			<div class="tborder" style="cursor:help;height:8px;width:8px;background:#999999;"></div>
		</div>
		<div style="float:left;">&nbsp;</div>
		<div class="alt2" style="float:left;height:8px;width:8px;padding:0px;" group="Vip Member" bold="y" clr="#FF9933" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
			<div class="tborder" style="cursor:help;height:8px;width:8px;background:#FF9933;"></div>
		</div>
		<div style="float:left;">&nbsp;</div>
		<div class="alt2" style="float:left;height:8px;width:8px;padding:0px;" group="Moderators" bold="y" clr="#339933" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
			<div class="tborder" style="cursor:help;height:8px;width:8px;background:#339933;"></div>
		</div>
		<div style="float:left;">&nbsp;</div>
		<div class="alt2" style="float:left;height:8px;width:8px;padding:0px;" group="Super Moderators" bold="y" clr="#0D3CEB" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
			<div class="tborder" style="cursor:help;height:8px;width:8px;background:#0D3CEB;"></div>
		</div>
		<div style="float:left;">&nbsp;</div>
		<div class="alt2" style="float:left;height:8px;width:8px;padding:0px;" group="Administrators" clr="#DC143C" bold="y" ital="y" undr="y" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
			<div class="tborder" style="cursor:help;height:8px;width:8px;background:#DC143C;"></div>
		</div>
		<div style="float:left;width:10px;height:1px;">&nbsp;</div>
		<div style="float:left;" id="memberlegend"></div> </td> </tr> </tbody>
<!-- End User Legend by Digitalus -->

[rjmjr69]

I gave it a quick shot and I found it to be very plane and simple. The user colors were not correct for what I have set. And its very small for such a large amount of space it uses. Perhaps adding this to be below the current users online or even Users who have Visited in the last 24 hours. Something like the example below. But have it always below the last line if listed members.
Other than that I guess it would suit a small simple site.

johny,dan,joe,cliff
USERLEGEND

[mgurain]

Why are the colors hard-coded ? The should be gathered from the database.

[dbirosel]

Originally Posted by PoetJA-1975

Great! Looks like a copy of Zero Tolerance personal website modification: http://forums.gzevolution.net/index.php

Anyway - did it the hard way - Could especially used this mod couple weeks ago.

Nice share though!

Jacquii.

How do we position our legends to become like his?

[dbirosel]

It was updated yesterday. What changed?

[bashy]

Hi

I would like to add some text to the right of the coloured legend, not sure if i need <td> or <tr> or <bobs ya uncle> nor where to put it lol

Any help would be greatfully received

[dbirosel]

How come on IE the boxes are bigger than how it looks in firefox and opera? Ff and opera is normal but IE totally messes up the template.

[WebmasterSimds]

Originally Posted by mgurain

Why are the colors hard-coded ? The should be gathered from the database.

Thats Easy to answer, because if it were taken from the DB, then there is a querry from the Db, which slows things down more. the more you take from the DB the more it slows

How come on IE the boxes are bigger than how it looks in firefox and opera? Ff and opera is normal but IE totally messes up the template.

Thats just the way Microstuff did their browser.

For those asking why the colors dont look right. if I may, if your running your display on your computer at only 264 colors, then your limited to that.

As for other reason, here is the code

<div style="float:left;">&nbsp;</div>
		<div class="alt2" style="float:left;height:8px;width:8px;padding:0px;" group="Site Helpers" bold="y" clr="#666633" onmouseover="setup_memberlegend(this)" onmouseout="fetch_object('memberlegend').innerHTML = ''">
			<div class="tborder" style="height:8px;width:8px;background:#666633;"></div>
		</div>

Now if you will notice there are 2 (TWO) places you ned to change the color, the one next to the actual title of the person, then the Last Line needs to be the same. if not then it will not show up properly.

[TOGUIMASTER]

Cool ....Installed

[iorkara]

awesome Installed

[Ronak]

Liked the hack...5 starz