We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Hover Member Legend; By Mwr247
Topic Started: Feb 3 2010, 11:43 PM (3,471 Views)
Reid
Member Avatar
È una trappola!

This topic has been moved from our official support board.

Originally posted by: Will
Hover Member Legend
 
This code has been moved here from our old support forum (as it will soon no longer exist at it's current location).
Please use the report button on this post to notify our staff of any problem with this modification.


Originally posted by: Mwr247
Hover Member Legend
 
Name:
Hover Member Legend (By Mwr247)

Description:
An IF to ZB conversion. Want to add more style to your member legend? Want to have it list all the member groups instead of just those that are online? Then try this out.

Once added, the user legend will display colored pips for each of your groups in your user legend. Hovering over each one will cause the "Member Legend" text to change into the name of the group. Clicking a box will search for everyone in that group in the member list.

Unlike most older user legends from IF that require you to make, upload, and load image boxes for every color, this actually does it for you using blocks of text, allowing for simple use and easy installation. Basically automatic pips of any color you can imagine!

Browser compatibility:
Tested to work in IE, FireFox, Mozilla, Opera, and Safari.

Preview:
ZetaBox
Check the Board Statistics.

Installation:
Goes in your board template "Below the Board" area:
Quote:
 
<script type="text/javascript">
// Hover Member Legend (By Mwr247)

// Add Groups (Title, Color, Group_Number)
n=0;
var addgroup=[];
addgroup[n++]=['Admin','red','4'];
addgroup[n++]=['Moderator','blue','6'];
addgroup[n++]=['Member','green','3'];
addgroup[n++]=['Validating','black','1'];
addgroup[n++]=['<s>Banned</s>','purple','5'];
</script>
<script name="Z.H.M.L." src="http://z3.ifrm.com/1/22/0/p130/zetalegend.ibf"></script>

The text in red is the title of the group that appears when you hover over the block. To add effects such as a strikethrough or bold or underline, just put the tags around it like in the banned example.

The text in blue the color of the group. This color will effect the block and the group title text. You can use words (red) or hex codes (#FF0000).

The text in green is the group number. To find that, just hover your mouse over the group link in the old user legend for the group you want, and look at the number at the end of the link. That is the group number.

If you want to add more groups, just copy the last "addgroup" line and paste it below it.

And that's it! Your super amazing hover user legend is installed! Enjoy :D

Extras:
Here are some optional addons for your code.

Add this to the CSS to remove the default Zetaboards member legend:
Code:
 
<style>#stats_legend{ display: none; }</style>


This code replaces the default user legend with IF styled online member sorting links (preview on test board, add after main javascript code):
Code:
 
<script type="text/javascript">
<!--
var adl=document.getElementById('stats_legend');
if(adl){adl.innerHTML='Show detailed list by: <a href="'+main_url+'online/?sort=t">Last Click</a>, <a href="'+main_url+'online/?sort=n">Member Name</a>';}
// -->
</script>
Edited by Reid, Feb 7 2010, 01:50 AM.
Offline Profile Quote Post Goto Top
 
Deleted User
Deleted User

A little off topic, but how did you get the "members online" code?
Quote Post Goto Top
 
Darius111199991111
Member
[ * ]
How do you fidn out the group number. :S
Offline Profile Quote Post Goto Top
 
Reid
Member Avatar
È una trappola!

From the first post:
Quote:
 
To find that, just hover your mouse over the group link in the old user legend for the group you want, and look at the number at the end of the link. That is the group number.
Offline Profile Quote Post Goto Top
 
Darius111199991111
Member
[ * ]
Nothing happens when I hover over them. It work on the preview board and I havent changed nay of the main coding. :S
Edited by Darius111199991111, Apr 5 2010, 11:44 AM.
Offline Profile Quote Post Goto Top
 
Fonduta
Member Avatar
Dead Frontier Beta Player
[ * ]
Darius111199991111
Apr 4 2010, 08:10 PM
Nothing happens when I hover over them. It work on the preview board and I havent changed nay of the main coding. :S

This same problem happened to me. It was working fine until I added this code:
Quote: (Admin CP > Themes > Themes > Edit Layout)
 
<br><div id="main_content">
<div id="header">
<div id="header_l"><!-- top left corner --></div>
<div id="header_r"><!-- top right corner --></div></div>
<div id="side_l"><div id="side_r">

<!-- TOPMENU --><!-- HEADER --><!-- SUBMENU --><div id="wrap"><!-- NAV --><!-- BOARD --></div>
<br><center><font size="0px"><b></b><a href=http://zetaboardthemes.com><b></b></a></font></center>
</div></div>

<div id="footer">
<div id="footer_l"><!-- bottom left corner --></div>
<div id="footer_r"><!-- bottom right corner --></div>
</div></div>

<script type="text/javascript" src="http://z3.ifrm.com/11/88/0/p32184/h2.js"></script>

<script type="text/javascript">
//<![CDATA[
$("td.c_user dl").corner("11px");
$("#nav").corner("bottom 8px");
$("#top").corner("top 8px");

//]]>
</script>


That is from the skin "silt" (http://resources.zetaboards.com/topic/5026954/1/)
>_>
Edited by Krupa, Aug 13 2010, 12:31 AM.
Offline Profile Quote Post Goto Top
 
Mike
Member Avatar
Coda
[ *  *  * ]
If anyone wants to send me a fix of the code based on the conditions noted in the previous post that seem to break it, I'd be happy to update the first one and give credit for the fix :)

P.S.
I'd do it myself, but I'm busy with college work and haven't done very much ZB coding in a while.
Offline Profile Quote Post Goto Top
 
RedBldSandman
Member Avatar
Asante sana Squash banana
[ *  *  *  * ]
I just tested it and the code worked fine using the "silt" theme. The problem was probably caused by something else (not copied properly or a conflicting code etc.).

It was interesting to see that the Theme Copyright was removed in the Layout posted up by Fonduta though :r
Offline Profile Quote Post Goto Top
 
Deleted User
Deleted User

RedBldSandman
Sep 24 2010, 12:25 PM
I just tested it and the code worked fine using the "silt" theme. The problem was probably caused by something else (not copied properly or a conflicting code etc.).

It was interesting to see that the Theme Copyright was removed in the Layout posted up by Fonduta though :r
And now re-added again it seems....kinda lame IMO.

But anyway on-topic, I've noticed that the code didn't work previously for me as well when it was in the board template / below the board.
However it's now in theme layout and the code works fine on both my test board as well as my own forum with a handful of scripts enabled.

Quote Post Goto Top
 
Sireana
Member Avatar
Member
[ * ]
This still doesn't work for me.
I tried both codes. -.-
Offline Profile Quote Post Goto Top
 
BioAnarchy
Member
[ * ]
I have a question with this code... how the heck do I go about creating new pips! Lol. Everything works smoothly, but I can't seem to figure out how to make smaller, different color pips.
Offline Profile Quote Post Goto Top
 
Quozzo
Member Avatar
By the blood of Sanguinius!
[ *  *  *  *  * ]
If you mean the pips to denote ones rank depending on post count then this isn't used, nor needed, to display that information in the member legend..
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards Codes & Modifications · Next Topic »
Add Reply