WEST SIDE CALI KILLERS
Hover group legend 23104840
WEST SIDE CALI KILLERS
Hover group legend 23104840
WEST SIDE CALI KILLERS
Would you like to react to this message? Create an account in a few clicks or log in to continue.


HOME OF WSCK CLAN
 
HomeSearchLatest imagesstoreRegisterLog in

Share
 

 Hover group legend

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

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

Hover group legend Empty
PostSubject: Hover group legend   Hover group legend I_icon_minitimeWed 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

-
» (CSS) code for row hover!
» Navigation Bar Glow / Light Up when hover over it

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