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:
Locked Topic
  • Pages:
  • 1
[ C ] Member Legend
Topic Started: Jul 18 2011, 09:43 AM (1,072 Views)
Skrew
Member
[ *  * ]
Board Address: http://pfb-rs.co.uk/index/
Board Software: ZetaBoards
Description: It disappears whenever there isn't any members online.
Posted Image

As opposed to this:
Posted Image

Anyway i could make it stay even when no one is online? thanks in advance.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Disable the default legend and setup a new one with a code. The example will add three groups. "400" is for normal weight font, "700" is for bold.

Admin CP Posted Image Themes Posted Image Board Template Posted Image Below the Board
Code:
 
<script type="text/javascript">
$("#stats tr:eq(1)").after("<tr><td colspan='2' id='stats_legend'></td></tr>");

function addLegend(color, weight, group) {
$("#stats_legend").append("<span style='color: " + color + "; font-weight: " + weight + "; padding: 0 5px'>" + group + "</span>");
}

addLegend("red", "700", "Admin");
addLegend("blue", "700", "Moderator");
addLegend("#000", "400", "Member");
</script>
Offline Profile Goto Top
 
Skrew
Member
[ *  * ]
it doesnt work well, the legend is moved to a column above the users online
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
It works fine for me on your board when I remove the default legend. Can I see a screenshot of what you see?
Offline Profile Goto Top
 
Skrew
Member
[ *  * ]
If i remove the existing one from below the board and replace it with yours, i see this: http://i.imgur.com/vz1MQ.png
Am i suppose to remove something else?
Edited by Skrew, Jul 18 2011, 06:49 PM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code:
 
<script type="text/javascript">
$("#stats tr:eq(1)").after("<tr><td id='stats_legend' colspan='2'></td></tr>");
$("tr:has(#stats_legend)").insertAfter("tr:has(#stats_members)");
$("#stats td.c_mark:eq(0)").attr("rowspan", "2");

function addLegend(color, weight, group) {
$("#stats_legend").append("<span style='color: " + color + "; font-weight: " + weight + "; padding: 0 5px'>" + group + "</span>");
}

addLegend("red", "700", "Admin");
addLegend("blue", "700", "Moderator");
addLegend("#000", "400", "Member");
</script>
Try that instead, it should have no placement issues.
Offline Profile Goto Top
 
Skrew
Member
[ *  * ]
Still doesnt work sorry.
Offline Profile Goto Top
 
familywin
Member
[ *  * ]
you can try this

Admin CP → Board Preferences → Board settup
→ Show a color key for all groups in the online list → Yes

Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Please post your Board Template, it works correctly on my test board.

That's the current feature he appears to be using, familywin, but by default it doesn't appear when no one is logged in or no one from that group is logged in.
Offline Profile Goto Top
 
familywin
Member
[ *  * ]
Cory's code works correctly on my test board.
Offline Profile Goto Top
 
Skrew
Member
[ *  * ]
Javascript:
<script language="Javascript" type="text/javascript">
<!--
if (window != window.top)
top.location.href = location.href;
//-->
</script>
<script type='text/javascript' src='http://z3.ifrm.com/313/104/0/p312803/zeta_cookie.js'></script>

<script type="text/javascript">
$(function(){
$(".spoiler_toggle").unbind("click").live("click", function(){
$(this).next().slideToggle("slow");
});
});
</script>

<script type="text/javascript">
//<![CDATA[
window.onload=(function() {
$("td.c_post img[alt='Posted Image']").each(function() {
if (this.width >= 750) {
$(this).wrap("<a href='" + this.src + "'></a>");
$(this).after("<br /><small><a href='" + this.src + "' class='view_full'>View Full Image</a></small>");
}
});
});
//]]>
</script>

Above Board:
<center><table cellspacing="0"><tr><td class="board" width="864" ><table width="100%" border="1" cellpadding="2" cellspacing="0" class="tableborder"><tr><td width="90%" valign="top">
<center><table width="100%" border="0" cellspacing="1" cellpadding="4"><tr><td class="row2" width="33%" height="60" valign="top">
<center><b><font color="white">Leadership</font></b></center></img><hr color="000000"><center>
<!-- START LEFT SIDE NEWS -->
@</font><font color="#CC0088"><b>Leader</b></font><br>
<font color="White"><b>
Omicha Inc <br></font> </b>
<br>

ϟ<font color="#57E964"><b>Pk Leader</b></font><br></b>
<font color="White"> <b>
Miley Cyrus <br></b>
</font><br>

~<font color="#FFDD77"><b>Mentor</b></font><br>
<font color="White"> <b>
D Mega Ulti <br>
Skrew <br></font></b>


<!-- END LEFTSIDE NEWS -->


</center></td><td class="row2" width="33%" valign="top">
<center><b><font color="white">Announcements</font></b></center><hr color="000000">
<center><marquee height="150" width="400" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2" style="Filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=0);">

<!-- START SCROLLING CENTER -->


<center>
<font color="#FF00FF" face="verdana">
<U><B> #15 Single ~ Haters Talking Never Made Us Mad ;Dd </font>
</B></U>
<BR><br>

<img src="http://imgur.com/ZUEkv.jpg" width="200" height="150" />
<br><br>

</center>


<!-- END SCROLLING CENTER -->

</marquee></center></td>
<td class="row2" height="65" width="40%" valign="top"><center><b><font color="white">Information</font></b></center>
<hr color="#0174DF"><center>
<br>
<b><a href="http://pfb-rs.co.uk/topic/8371046/1/
"><font color="#0174DF">Click Here For Requirements</a><br></font>
<br>
<br>
<b><font color="#FF00FF">IRC Channel - #inced</b></font><br></b>
<br>
<br>
<b><a href="http://runehead.com/clans/ml.php?clan=pinkfluffy
"><font color="#0174DF">Memberlist</a><br></font>


<!-- END RIGHT SIDE LINKS -->

</center></td></tr></table></center></td></tr><br></table></td></tr></table></center>

<script type="text/javascript">
//<![CDATA[
$(function() {
$.getScript('http://www.tierrahosting.com/latest-post.php?url=http%3A%2F%2Fpfb-rs.co.uk%2Fsite%2F', function() {
$("div#latest").append(latestpost);
$("#latest h4:not(:eq(0)), #latest .portal_content:not(:eq(0))").remove();
$("#latest .portal_box").prepend("<h2>Latest Post</h2>").wrap("<div id='portal'></div>");
})
});
//]]>
</script>

<div id="latest"></div>

Below Board:
<div id="legend">
<span style="color:#CC0088;font-weight:bold">Leader</span> |
<span style="color:#57E964;font-weight:bold">Pk Leader</span> |
<span style="color:#FFDD77;font-weight:bold">Mentor</span> |
<span style="color:#0174DF;font-weight:bold">Oldschool</span> |
<span style="color:#FF00FF;font-weight:bold">Member</span> |
<span style="color:#80A0FF">Trial</span> |
<span style="color:#000">Retired</span> |
<span style="color:#FE0">Special Guest</span> |
<span style="color:#00FFFF">Forum User</span> |
<span style="color:#FDEEF4;font-weight:bold">Forum Member</span>

<script type="text/javascript"> <!--
var colors = ["Pink", "Silver", "Brown","Cyan"];
if(document.posting && document.posting.fcolor) $("select[name=fcolor]").each(function() {
for(var j = 0, f = this.options.length; j < colors.length; j++)
this.options[f + j] = new Option(colors[j], colors[j].toLowerCase());
});
// --> </script>


<script type="text/javascript">
ZetaFlash = function () {
var tVal=ZetaPrompt("FLASH", "http://");
var default_y = "300"
var default_x = "500"
if( tVal===null ){ return; }
var y=ZetaPrompt("FLASH_Y", default_y);
var x=ZetaPrompt("FLASH_X", default_x);
if( y===null ){ y=default_y; }
if( x===null ){ x=default_x; }
if( tVal ){ ZetaInsert("[FLASH="+x+","+y+"]"+ tVal +"[/FLASH]"); }
};
</script>

<script type="text/javascript">
function change(forum_num) {
if(document.getElementById('top_info').innerHTML.match('Register')) {
$('#inlinetopic[action*="f=' + forum_num + '"] table.posts').html('<table cellspacing="0" id="error_box"><thead><tr><th>Error:</th></tr></thead><tbody><tr class="generic"><td>You must be registered to view this forum</small></td></tr></tbody></table>');
$('#inlinetopic[action*="f=' + forum_num + '"]').next().remove();
$('#inlinetopic[action*="f=' + forum_num + '"]').next().remove();
$('#inlinetopic[action*="f=' + forum_num + '"]').prev().remove();
$('td.c_forum:has(a[href*="' + forum_num + '"])').next().find('a[href*="topic"]').replaceWith('<div style="font-style: italic">Protected Forum</div>').attr('href', '');
}
}

change("47829");
change("47832");
change("3029485");
change("47833");
change("3025149");
</script>

Above Copyright:
<script type="text/javascript">$('#stats_legend').html($('#legend').remove().html());</script>
Edited by Skrew, Jul 19 2011, 11:30 AM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Try removing the HTML member legend from your Below the Board wrapper and the code from the Above the copyright wrapper and put my most recent code at the bottom of the Below the Board wrapper.
Offline Profile Goto Top
 
Skrew
Member
[ *  * ]
Posted Image
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
You have to remove the default legend so that doesn't happen.

Admin CP Posted Image Preferences Posted Image Board Setup Posted Image Show a color key for all groups in the online list Posted Image No
Offline Profile Goto Top
 
Skrew
Member
[ *  * ]
Ok it works now but i want to use something like | to seperate them example: Leader | Pk Leader

Anytime i add | it stops the code
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
ZetaBoards - Free Forum Hosting
Create a free forum in seconds.
Learn More · Register for Free
Go to Next Page
« Previous Topic · Closed Requests · Next Topic »
Locked Topic
  • Pages:
  • 1