WEST SIDE CALI KILLERS


HOME OF WSCK CLAN
 
HomeCalendarFAQSearchMemberlistUsergroupsstoreRegisterLog in

Share | 
 

 Hover group legend

View previous topic View next topic Go down 
AuthorMessage
Duke Nukem
Moderator
Moderator
avatar

Country : USA
Posts : 174
Caps : 293
Times Thanked : 6
Browser : Internet Explorer

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

Back to top Go down
 

Hover group legend

View previous topic View next topic Back to top 
Page 1 of 1

 Similar topics

-
» [GD]COOLEST! Group Name!
» MARVEL LEGENDS ARES WAVE IN AUSTRALIA
» Marvel Legends you would like to see
» Just got my first Brutal Legend
» Chest of support group

Permissions in this forum:You cannot reply to topics in this forum
WEST SIDE CALI KILLERS :: Computer Related :: Coding :: Forumotion Related-