Welcome Guest [Log In] [Register]
This board has been archived and is no longer accepting new questions. If you have a support question for your ZetaBoard, please visit us at the new support board. Registration is free and easy.


Visit the NEW ZetaBoards Support forum!

Username:   Password:
Add Reply
iStatic Menu
Topic Started: Dec 3 2007, 12:51 PM (2,607 Views)
Dan T Dec 3 2007, 12:51 PM Post #1
Member Avatar
document.createElement("Alcohol")
[ * * ]
 ok its done ! i know the iFusion slide in menu was a big menu so this it a ZB version alittle cooler.

Preview: http://s1.zetaboards.com/holyscodetest/index/

ok Remove all the Submenu stuff in your CSS and than add this

CSS
Code:
 


/** Slide Menu **/
#slidemenu {
background: #D6E1F1;

color: #444;
margin: 1% auto;
padding:4px 2%;
height:30px;
}
td#menux, td#menuz {
background: #D6E1F1;
border:0px;
}
#submenu {
color: #444;
padding:0px;
}
#submenu a, #submenu a:hover {
color:#444;
}
#submenu a:hover {
text-decoration: underline;
}
#submenu {
font-size:85%;
text-align:left;
}

#submenu a {
padding:3px 5px;
}


add this in your header/body section
under the <--submenu -->
Code:
 

<table id="slidemenu" border="0"><tr><td id="menuz" width="5%"><a href="javascript:void(0);" id="slide" class="selected">Menu >></a></td><td id="menux"></td></tr></table>
<script type="text/javascript">
$(document).ready(function() {

$("#submenu").appendTo("#menux").hide();
$("#slide").toggle(function(){
$(this).removeClass("selected");
$("#submenu").fadeIn("slow");
},function(){
$(this).addClass("selected");
$("#submenu").fadeOut("slow");
});
});
</script>
Edited by Dan T, Dec 3 2007, 01:44 PM.
Offline Profile Quote Post Goto Top
 
Eureka Dec 3 2007, 03:05 PM Post #2
Member
[ * * * ]
 That's a clever one HS.

But I would prefer for it to activate on Mouse Hover rather than Mouse Click. It's annoying to keep clicking lol

Good one.
Offline Profile Quote Post Goto Top
 
Mysticwizard2005 Dec 3 2007, 03:22 PM Post #3
Member Avatar
Member
[ * ]
Ken
Dec 3 2007, 03:05 PM
That's a clever one HS.

But I would prefer for it to activate on Mouse Hover rather than Mouse Click. It's annoying to keep clicking lol

Good one.
I agree. Very nice but like Ken said
Offline Profile Quote Post Goto Top
 
MKDS_PoKE Dec 9 2007, 03:36 PM Post #4
Member
[ * ]
 Nice, and I to agree.
Offline Profile Quote Post Goto Top
 
Dan T Dec 9 2007, 10:31 PM Post #5
Member Avatar
document.createElement("Alcohol")
[ * * ]
 alright suggestions noted. and i will make it a hover over soon.

here is a quick edited version.

Code:
 

<script type="text/javascript">
/*
created by HolySavior of iFusion and
http://javascriptin.com
*/
$(document).ready(function() {

$("#submenu").appendTo("#menux").hide();
$("#slidemenu").hover(function(){
$(this).removeClass("selected");
$("#submenu").fadeIn("slow");
},function(){
$(this).addClass("selected");
$("#submenu").fadeOut("slow");
});
});
</script>
Edited by Dan T, Dec 10 2007, 02:17 PM.
Offline Profile Quote Post Goto Top
 
badtzmaru Dec 10 2007, 08:48 PM Post #6
Member Avatar
Member
[ * * * ]
 Gah, this is very tempting... @_@

But why do the black links look so rough? o_O Is it just my eyes??
Offline Profile Quote Post Goto Top
 
Dan T Dec 11 2007, 01:41 PM Post #7
Member Avatar
document.createElement("Alcohol")
[ * * ]
 you can change the style in the CSS
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · User Created Codes · Next Topic »
Add Reply