Duke Nukem Moderator
Country : Posts : 174 Caps : 293 Times Thanked : 6 Browser :
| Subject: Hover group legend Wed Jul 25, 2012 6:52 am | |
| Hover group legend Description Using this special tutorial you will be able to have a different kind of Legend: An interactive legend.... But this tutorial works only with templates Set up First, add this code in your overall_header template, into the /head tag - Code:
-
<script type="text/javascript" src="http://stanlemon.net/javascript/jquery.js"></script> <script type="text/javascript" src="http://stanlemon.net/javascript/jquery.jgrowl.js"></script> Then, Add this in your CSS code - Code:
-
.groups li { display:inline; margin:0;
} Now, GO to ACP > Display > templates > home page template find this code: - Code:
-
<p>{LEGEND} : {GROUP_LEGEND}</p> and replace it with this: - Code:
-
<!--- Subject: "Hover group legend" - Copyright 2012 by www.fmcodes.com. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified code. Distribution is not allowed without written consent from FMCodes---!> <p><center><ul class="groups"> <li><a onclick="$.jGrowl('The Administrator Of the forum: Niko');" href="javascript:void(0);"> Administrators</a></li> <li><a onclick="$.jGrowl('The Global Moderators Of the forum: Niko', { sticky: true });" href="javascript:void(0);">Global Moderators</a></li> <li><a onclick="$.jGrowl('The Support Moderators Of the forum: Niko', { sticky: true });" href="javascript:void(0);">Support Moderators</a></li> <li><a onclick="$.jGrowl('The Graphic Designers Of the forum: Niko', {sticky: true });" href="javascript:void(0);">Graphic Designers</a></li> <li><a onclick="$.jGrowl('Forum Members: Mathias', { beforeClose: function(e,m) { alert('About to close this notification!'); }, animateOpen: { height: 'show' } });" href="javascript:void(0);">Forum Members</a></li> </ul></center></p> |
|