Project Menu: A list of the menus that I planned to use for the website.
Menu created using MenuMatic
Code for the 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 runat="server">
<title>Eternal</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.0/build/reset/reset-min.css">
<!--<link
rel="stylesheet"
href="http://www.fileden.com/files/2009/3/28/2382629/style-revised.css"
type="text/css" media="all" charset="utf-8" />-->
<link rel="stylesheet" href="http://www.fileden.com/files/2009/3/28/2382629/MenuMatic.css"
type="text/css" media="screen" charset="utf-8" />
<!--[if
lt IE 7]>
<link
rel="stylesheet" href="css/MenuMatic-ie6.css" type="text/css"
media="screen" charset="utf-8" />
<![endif]-->
</head>
<body>
<!--
BEGIN Menu -->
<ul id="nav">
<li><a href="#">Eternal</a>
<ul>
<li><a href="#">Menu</a>
<ul>
<li><a href="http://eternal.synthasite.com/blog.php">Blog</a></li>
<li><a href="http://eternal.synthasite.com/projects.php">Projects</a></li>
<li><a href="http://eternal.synthasite.com/tutorials.php">Tutorial</a></li>
<li><a href="http://eternal.synthasite.com/links.php">Links</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Projects</a>
<ul>
<li><a href="#">Media</a>
<ul>
<li><a href="http://eternal.synthasite.com/media.php">Media</a></li>
<li><a href="http://eternal.synthasite.com/wallpaper1.php">Wallpapers</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Tutorials</a>
<ul>
<li><a href="http://eternal.synthasite.com/tutorials---autocad.php">Autocad</a></li>
<li><a href="http://eternal.synthasite.com/tutorials---photoshop.php">Photoshop</a></li>
<li><a href="http://eternal.synthasite.com/tutorials---nippongo.php">Nippongo</a></li>
<li><a href="http://eternal.synthasite.com/tutorials---mathlab.php">Mathlab</a></li>
<li><a href="http://eternal.synthasite.com/tutorials---cisco.php">Cisco</a></li>
</ul>
</li>
</ul>
<!--
END Menu -->
<!--
Load the Mootools Framework -->
<script src="http://www.google.com/jsapi"></script><script>google.load("mootools", "1.2.1");</script>
<!--
Load the MenuMatic Class -->
<script src="http://greengeckodesign.com/projects/menumatic/examples/horizontal/js/MenuMatic_0.68.3.js"
type="text/javascript"
charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
var myMenu = new MenuMatic({hideDelay[1000]});
</script>
<!-- Create a MenuMatic Instance -->
<script type="text/javascript" >
window.addEvent('domready', function() {
var myMenu = new MenuMatic();
});
</script>
</body>
</html>
Code for the menu:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight:
bold;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu6-3 {
width: 200px;
margin: 0 0 0 10px;
}
#menu6 li a, #menu6-3 li a {
height: 32px;
voice-family:
"\"}\"";
voice-family:
inherit;
height: 24px;
text-decoration: none;
}
#menu6-3 li a:link, #menu6-3 li a:visited {
color: #8D9179;
display: block;
background: url(resources/menu6-3.jpg?timestamp=1266933941652);
padding: 8px 0 0 10px;
}
#menu6-3 li a:hover, #menu6-3 li a:active {
color: #6C7250;
background: url(resources/menu6-3.jpg?timestamp=1266933941652) 0 -32px;
padding: 8px 0 0 10px;
}
</style>
</head>
<body>
<div id="menu6-3">
<ul>
<li><a href="http://www.eternal.synthasite.com/" title="Home">Home</a></li>
<li><a href="http://www.selcherblog.blogspot.com/"
title="Blog">Blog</a></li>
<li><a href="http://www.eternal.synthasite.com/about.php" title="About">About</a></li>
<li><a href="http://www.eternal.synthasite.com/contact.php"
title="Contact">Contact</a></li>
<li><a href="javascript:bookmarksite('Eternal',%20'http://eternal.synthasite.com/')"
title="Bookmark">Bookmark</a></li>
</ul>
</div>
<br>
</body>
</html>
