Fancypants menu - example & download files [config]

139 Posts

Darkelve Reply #11, 15 years, 2 months ago

Hi, this is great - but, could you tell me how to use it on the right side of a page and then let the submenu ’fly out’ to the left?

By the way, I find all the Wayfinder stuff the hardest part of Modx so it’s great to see config packs like this B)

2,314 Posts

anonymized-26931 Reply #12, 15 years, 2 months ago

Hi Darkelve,

to place the Navigation on the right side, change the css to:

#floatMenu {
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: 200px;
	width: 200px;
	z-index: 100;
	}

...for the flyouts to the left, i’ll have a look at it later

cheers, j

139 Posts

Darkelve Reply #13, 15 years, 2 months ago

Thanks, but I figured out that part myself... it’s the fly-outs I’m having trouble with. Again, great ’script’!

2,314 Posts

anonymized-26931 Reply #14, 15 years, 2 months ago

Hi Darkelve,

take the attached css-file, it will position your menu to the right, with the flyouts going left. i marked the changed or added parts with

/*new flyout left */

it’s tested with FF2, IE6 & 7

wink

glad you like it

cheers, jan

90 Posts

jzigbe Reply #15, 14 years, 6 months ago

Nice one Sharkbait. Many Thanks.

2,314 Posts

anonymized-26931 Reply #16, 14 years, 6 months ago

Nice one Sharkbait. Many Thanks.

...glad you like it

( wow -almost 100 downloads ^^ )

133 Posts

fourroses Reply #17, 14 years, 5 months ago

yea gona use this one wink

nice work.
I’ll drop a link when finished.

Best CMS eva!

2,314 Posts

anonymized-26931 Reply #18, 14 years, 5 months ago

yea gona use this one nice work.
I’ll drop a link when finished.

hey fourroses, thanks!
great news - looking forward to it

208 Posts

ian_m Reply #19, 14 years, 4 months ago

This menu is almost exactly what I am after however is there a way to get rid of the floating option, as cool as the effect it I really need it to be static.

Thanks

Ian

2,314 Posts

anonymized-26931 Reply #20, 14 years, 4 months ago

Hi Ian,

I really need it to be static.

in your fancypants.config.php file change that part:

<script type="text/javascript">
	var name = "#floatMenu";
	var menuYloc = null;
	var jq = jQuery.noConflict(); 
		jq(document).ready(function(){
			menuYloc = parseInt(jq(name).css("top").substring(0,jq(name).css("top").indexOf("px")))
			jq(window).scroll(function () { 
				offset = menuYloc+jq(document).scrollTop()+"px";
				jq(name).animate({top:offset},{duration:500,queue:false});
			});
			jq("ul.sff-menu").superfish({ 
			delay: 200 // 0.2 second delay on mouseout 
			}); 
		}); 
</script>

to:

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

...should work