1
Hello,
here is DROP DOWN MENU for all :)
See in action
hereSee demo vertical
hereSee demo horizontal
hereMake menu is very easy :)
Only 6 step
1.Inside head your html.theme copy this:
<link rel="stylesheet" href="css/MenuMatic.css" type="text/css" media="all" />
<script type="text/javascript" src="http://www.google.com/jsapi" >script>
<script type="text/javascript" > google.load("mootools", "1.2.1"); script>
<script type="text/javascript" src="js/MenuMatic_0.68.3.js" >script>
2.Make new USER BLOCK and copy inside this:
<script type="text/javascript">
window.addEvent('domready', function() {
var myMenu = new MenuMatic({
id:"nav",
effect:"slide & fade",
duration:500,
hideDelay:500,
orientation:"horizontal",
tweakInitial:{x:-30,y:3},
opacity:95
});
});
script>
<ul id="nav">
<li><a href='#'>Link 1a>li>
<li>
<a href='#'>Link 2a>
<ul>
<li><a href='#'>Link 2.1a>li>
<li><a href='#'>Link 2.2a>li>
<li><a href='#'>Link 2.3a>li>
<li>
<a href='#'>Link 2.4a>
<ul>
<a href='#'>Link 2.4.1a>
<a href='#'>Link 2.4.2a>
<a href='#'>Link 2.4.3a>
ul>
li>
<li><a href='#'>Link 2.5a>li>
ul>
li>
<li><a href='#'>Link 3a>li>
<li><a href='#'>Link 4a>li>
<li><a href='#'>Link 5a>li>
<li><a href='#'>Link 6a>li>
<li>
<a href='#'>Link 7a>
<ul>
<li><a href='#'>Link 7.1a>li>
<li><a href='#'>Link 7.2a>li>
ul>
li>
ul>
3.Now replace # - modules/news/ or another module
Link 1....7 is your link name (Home, News....)
var myMenu = new MenuMatic - myMenu u can replace to your name (menuPrincipal)
Dont forget change id:"nav" and id="nav" to your menuname (menuPrincipal)
4. Download
MenuMatic5. Unzip this and folders: css, img and js from vertical or horizontal folder copy to your root...
6. Go to ..root/css/Open MenuMatic.css and repair color as u like
Thats all :)
Sorry for my bad english