<![CDATA[ Fancypants menu - example & download files [config] - My Forums]]> https://forums.modx.com/thread/?thread=40236 <![CDATA[Re: Fancypants menu - example &amp; download files [config]]]> https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=4#dis-post-232828 ]]> anonymized-26931 Apr 28, 2011, 11:13 PM https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=4#dis-post-232828 <![CDATA[Vertical navigation example for revolution (superfish js)]]> https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232827
(this is the static version, else u need to change the jQuery.noConflict() part of the script..)

First:
unpack and upload zipfile which is attached.

Put a chunks into your <head>[[$nav-script]]</head> and into <body>[[$nav]]</body>

Make some chunks
1)[[$nav-script]]
<link rel="stylesheet" media="screen" href="/assets/menu/css/superfish-vertical.css" />  
<script type="text/javascript" src="/assets/menu/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="/assets/menu/js/hoverIntent.js"></script>
<script type="text/javascript" src="/assets/menu/js/superfish.js"></script>
      
<script type="text/javascript">
	var jq = jQuery.noConflict(); 
		jq(document).ready(function(){
			jq("ul.sff-menu").superfish({ 
			delay: 200 // 0.2 second delay on mouseout 
			}); 
		}); 
</script>

2) Create a navigation chunk [[$nav]] with Wayfinder call and put somewhere in your <body>:
[[!Wayfinder? &startId=`0` &innerTpl=`navInner` &outerTpl=`navOuter` &level=`3`]]

3) Create the navInner chunk [[$navInner]]:
<ul>
    [[+wf.wrapper]]
</ul>

4) Create the navOuter chunk [[$navOuter]]:
<div id="floatMenu">  
   <ul class="sff-menu float">  
       [[+wf.wrapper]]
   </ul>
</div>

Then it should work and you only need to modify some css.
Good luck.

#edit#

if u don’t like the title when rollover add chunk [[$navOuterRow]] with this code:
<li class="[[+wf.classnames]]"><a href="[[+wf.link]]">[[+wf.linktext]]</a>[[+wf.wrapper]]</li>


Add into your wayfinder call: &rowTpl=`navOuterRow`


(other version with dropdown and not sidewards i used for some site: only change the css)
#floatMenu {width: 200px; margin-top:20px;}
.sff-menu {margin: 0; padding: 0; list-style: none; float: left; width: 200px;}
.sff-menu ul {width: 200px;}
.sff-menu li {float: left; position: relative; width: 200px;}
.sff-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}

.sff-menu li a {display: block; position: relative; height: 28px; line-height: 28px; outline: 0; color:#000;}
.sff-menu li a:hover{color:#BF0000;}
.sff-menu li li a{padding-left:0px; font-size:14px!important; height: 20px; line-height: 20px; color:#000;}
.sff-menu li li a:hover{color:#BF0000;}
.sff-menu li li.last a{margin-bottom:5px;}

.sff-menu li.active li a{color:#000000!important;}
.sff-menu li.active li a:hover{color:#BF0000!important;}
.sff-menu li.active li.active a:hover{color:#BF0000!important;}
.sff-menu li.active a{color:#BF0000!important;}
.sff-menu li.active li.active a{color:#BF0000!important;}

]]> fourroses666 Apr 28, 2011, 07:37 AM https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232827 <![CDATA[Re: Fancypants menu - example &amp; download files [config]]]> https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232826 It prolly will work, after some minor path changes into the config.php file.

Think im gona try cause i need a vertical navigation with right dropdown and thisone will do.]]> fourroses666 Apr 28, 2011, 06:47 AM https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232826 <![CDATA[Re: Fancypants menu - example &amp; download files [config]]]> https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232825 ]]> danielmiguel Jan 09, 2011, 11:37 AM https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232825 <![CDATA[Re: Fancypants menu - example &amp; download files [config]]]> https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232824 It’s being used here on some site i made: www.sailmasterclub.nl
Gona use the static version on an other website too.nice! smiley
]]> anonymized-26931 Oct 25, 2010, 10:04 PM https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232824 <![CDATA[Re: Fancypants menu - example &amp; download files [config]]]> https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232823 Gona use the static version on an other website too.


Did it here too: http://www.delekruiters.nl]]> fourroses666 Oct 25, 2010, 03:49 PM https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232823 <![CDATA[Re: Fancypants menu - example &amp; download files [config]]]> https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232822 Audiomad Feb 24, 2010, 03:17 PM https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232822 <![CDATA[Re: Fancypants menu - example &amp; download files [config]]]> https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232821 http://fireblue.net/index.php?id=47 please help]]> Audiomad Feb 24, 2010, 03:05 PM https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232821 <![CDATA[Re: Fancypants menu - example &amp; download files [config]]]> https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232820 Is the jquery 1.2.6 interfering with the QuickManager’s 1.3.2? The only place I have fancypants installed is also where I can’t see the QM even though I know it’s enabled. i just tested it and it’s working fine, even though both jQuery versions are loaded into the header. you could also try to replace the jQuery version in the config with 1.3.2 and set the QM configuration "Load jQuery in front-end" to false]]> anonymized-26931 Jan 28, 2010, 06:35 AM https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232820 <![CDATA[Re: Fancypants menu - example &amp; download files [config]]]> https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232819 Meristem Jan 28, 2010, 06:28 AM https://forums.modx.com/thread/40236/fancypants-menu---example-download-files-config?page=3#dis-post-232819