Menu Builder

Subscribe to be notified of SneakySheep.com's latest developments.

Google Friend Connect

Ads by Google

Ads by Google

Create a dynamic menu in 3 easy steps! View example menu.
Build your menu. Start by adding an item.
Edit menu item
label
url
Insert the following between the <head> tags: 
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/fonts/fonts-min.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/menu/assets/skins/sam/menu.css">
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/container/container_core-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/menu/menu-min.js"></script>
<script type="text/javascript">
YAHOO.util.Event.onDOMReady(function(){
	var menu=new YAHOO.widget.Menu(document.createElement("div"),{context:['menu_container','tl','tl'],clicktohide:false,keepopen:true});

	menu.addItems();

	menu.render(document.getElementById("menu_container"));

	menu.show();
});
</script>
Insert the following where the menu should appear: 
<div id="menu_container" class="yui-skin-sam"></div>

Done!

Here's a full page including your menu:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/fonts/fonts-min.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/menu/assets/skins/sam/menu.css">
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/container/container_core-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/menu/menu-min.js"></script>
<script type="text/javascript">
YAHOO.util.Event.onDOMReady(function(){
	var menu=new YAHOO.widget.Menu(document.createElement("div"),{context:['menu_container','tl','tl'],clicktohide:false,keepopen:true});

	menu.addItems();

	menu.render(document.getElementById("menu_container"));

	menu.show();
});
</script>
</head>
<body>
	<div id="menu_container" class="yui-skin-sam"></div>
</body>
</html>
© 2010 SneakySheep.com - All rights reserved.