PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Deviant Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="dynamic javascript menu that has same effect as deviantart menu" />
<meta name="keywords" content="javascript,menu,dynamic,unlimited,mootools" />
<link href="css/global.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/deviantMenu.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="Source/mootools.js"></script>
<script type="text/javascript" src="Source/deviantMenu.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
var devmenu = new deviantMenu('deviantMenu-main-conatiner');
});
</script>
</head>
<body>
<div id="main-container">
<div>
<h1>a Javascript class for Mootools framework that creates an unlimited dynamic menu from a ul lists and has a similar effect as the deviantart menu http://www.deviantart.com</h1>
</div>
<div id="content">
<div id="deviantMenu-main-conatiner">
<ul>
<li>
Menu 1
<ul>
<li>Menu 1-1
<ul>
<li><a href="http://www.mootools.net">Menu 1-1-1</a></li>
<li><a href="#">Menu 1-1-2</a></li>
</ul>
</li>
<li>
Menu 1-2
</li>
<li >Menu 1-3
<ul>
<li>Menu 1-3-1
<ul>
<li>Menu 1-3-1-1</li>
<li>Menu 1-3-1-2</li>
</ul>
</li>
<li>Menu 1-3-2
<ul>
<li>Menu 1-3-2-1</li>
<li>Menu 1-3-2-2</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>Menu 3</li>
<li>Menu 4</li>
<li>Menu 5</li>
<li>Menu 6</li>
<li>Menu 7</li>
<li>Menu 8
<ul>
<li>Menu 8-1</li>
</ul>
</li>
</ul>
</div>
<div id="download">
<a href="https://github.com/dirar/deviantmenu">⇓ Download script</a>
</div>
<div style="margin-top:20px;">
Code by Dirar Abu Kteish - dirar {at} zanstudio {dot} com
<br />
↳ <a href="http://www.developer.ps/moo/Sowar/">Sowar</a>
<br />
↳ <a href="http://developer.ps/moo/mooquee">mooquee</a>
<br />
↳ <a href="http://developer.ps/moo/scrollermoo">scrollermoo</a>
<br />
Tinymce thirdparty plugins
<br />
↳ <a href="http://sourceforge.net/tracker/index.php?func=detail&aid=1588919&group_id=103281&atid=738747">Sooraasp</a>
<br />
↳ <a href="http://sourceforge.net/tracker/index.php?func=detail&aid=1669190&group_id=103281&atid=738747">dfileslink</a>
</div>
</div>
</div>
<div id="footer">
<div style="float:right;margin-right: 10px;">
<a href="http://validator.w3.org/check?uri=referer"><img src="images/xhtml-valid-button.gif" alt="valid XHTML" /></a> <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.developer.ps/moo/mooquee/"><img src="images/css_valid.png" alt="valid css"/></a>
</div>
<div style="float:left;margin-left: 10px;">
mootools: <a href="http://www.mootools.net/">http://www.mootools.net/</a><br />
</div>
</div>
</body>
</html>
