[Хак] Usergroup Legend on Mouseover V2 by DhiRLS

Instructions:

Step 1: Go to admincp Styles & Templates> Style manager> select the style and select Edit settings
Step 2: Expand Forum Home Templates> Select FORUMHOME
Step 3: Search for:

Код:

<div id="wgo_onlineusers" class="wgo_subblock section">

Add Below:

Код:

<!-- DhiRLS Usergroup Legend -->
								<div class="colorlegend">
										<span class="bm_legend" id="legend"></span>
										<div class="bm_administrator" onmouseover="fetch_object('legend').innerHTML = '&lt;span class=\'um_administrator\'&gt;Administrators&lt;/span&gt;'" onmouseout="fetch_object('legend').innerHTML = ''"></div>
										<div class="bm_assistantadmin" onmouseover="fetch_object('legend').innerHTML = '&lt;span class=\'um_assistantadmin\'&gt;Assistant Admins&lt;/span&gt;'" onmouseout="fetch_object('legend').innerHTML = ''"></div>
										<div class="bm_elitemoderator" onmouseover="fetch_object('legend').innerHTML = '&lt;span class=\'um_elitemoderator\'&gt;Elite Moderators&lt;/span&gt;'" onmouseout="fetch_object('legend').innerHTML = ''"></div>
										<div class="bm_moderator" onmouseover="fetch_object('legend').innerHTML = '&lt;span class=\'um_moderator\'&gt;Moderators&lt;/span&gt;'" onmouseout="fetch_object('legend').innerHTML = ''"></div>
										<div class="bm_vip" onmouseover="fetch_object('legend').innerHTML = '&lt;span class=\'um_vip\'&gt;VIP Members&lt;/span&gt;'" onmouseout="fetch_object('legend').innerHTML = ''"></div>
										<div class="bm_donator" onmouseover="fetch_object('legend').innerHTML = '&lt;span class=\'um_donator\'&gt;Donators&lt;/span&gt;'" onmouseout="fetch_object('legend').innerHTML = ''"></div>
										<div class="bm_releaser" onmouseover="fetch_object('legend').innerHTML = '&lt;span class=\'um_releaser\'&gt;Releasers&lt;/span&gt;'" onmouseout="fetch_object('legend').innerHTML = ''"></div>
										<div class="bm_respected" onmouseover="fetch_object('legend').innerHTML = '&lt;span class=\'um_respected\'&gt;Respected Members&lt;/span&gt;'" onmouseout="fetch_object('legend').innerHTML = ''"></div>
										<div class="bm_gfx" onmouseover="fetch_object('legend').innerHTML = '&lt;span class=\'um_gfx\'&gt;GFX Designers&lt;/span&gt;'" onmouseout="fetch_object('legend').innerHTML = ''"></div>
										<div class="bm_registered" onmouseover="fetch_object('legend').innerHTML = '&lt;span class=\'um_registered\'&gt;Registered Users&lt;/span&gt;'" onmouseout="fetch_object('legend').innerHTML = ''"></div>
										<div class="bm_banneduser" onmouseover="fetch_object('legend').innerHTML = '&lt;span class=\'um_banneduser\'&gt;Banned Users&lt;/span&gt;'" onmouseout="fetch_object('legend').innerHTML = ''"></div>
								</div>
<!-- End DhiRLS Usergroup Legend -->

To change the name of the Usergroups or to add, use this code and add it according to where you want it to be displayed. (i.e if you want this to be displayed after administrator then you will post this code after the administrator code which in the default case is the first code if you look on the above code):

Код:

<div class="bm_your custom usergroup name" onmouseover="fetch_object('legend').innerHTML = '&lt;span class=\'um_administrator\'&gt;your custom usergroup name to be displayed on mouseover&lt;/span&gt;'" onmouseout="fetch_object('legend').innerHTML = ''"

Step 4: Now goto CSS templates> Additional.css and add this below:

Код:

/* Usergroup Legend by DhiRLS.net */
.colorlegend {float: right;margin-right: 5px;}
.colorlegend div {display: inline-block;height: 12px;width: 12px;margin: 10px 5px 0px 0px;padding-left: 0px !important;border: 1px solid #000000;cursor: help;}
.bm_legend {float: left; margin: 10px 10px 0px 0px;}
.bm_administrator{background: #FF0000;}
.um_administrator{color:#FF0000;font-weight:bold}
.bm_assistantadmin{background: #BC0000;}
.um_assistantadmin{color:#BC0000;font-weight:bold}
.bm_elitemoderator{background: #0000FF;}
.um_elitemoderator{color:#0000FF;font-weight:bold}
.bm_moderator{background: #177500;}
.um_moderator{color:#177500;font-weight:bold}
.bm_vip{background: #ff6600;}
.um_vip{color:#ff6600;font-weight:bold}
.bm_donator{background: #6C7200;}
.um_donator{color:#6C7200;font-weight:bold}
.bm_releaser{background: #00BFFF;}
.um_releaser{color:#00BFFF;font-weight:bold}
.bm_respected{background: #861BAA;}
.um_respected{color:#861BAA;font-weight:bold}
.bm_gfx{background: #FF00FF;}
.um_gfx{color:#FF00FF;font-weight:bold}
.bm_registered{background: #000000;}
.um_registered{color:#000000;font-weight:bold}
.bm_banneduser{background: #777777;}
.um_banneduser{color:#777777;text-decoration:line-through;font-weight:bold}

How to add or edit the usergroup you did in the FORUMHOME Template:

Код:

.bm_your usergroup name which you used in the FORUMHOME{background: Color code of the box you want;}