| Drop Down menu (HTML user block) |
| by Marvin_CZ on 2010/2/8 23:39:51 Hello, here is DROP DOWN MENU for all :) ![]() See in action here See demo vertical here See demo horizontal here Make menu is very easy :) Only 6 step 1.Inside head your html.theme copy this: le="color: #000000"><?php <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: le="color: #000000"><?php <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 1</a></li> <li> <a href='#'>Link 2</a> <ul> <li><a href='#'>Link 2.1</a></li> <li><a href='#'>Link 2.2</a></li> <li><a href='#'>Link 2.3</a></li> <li> <a href='#'>Link 2.4</a> <ul> <a href='#'>Link 2.4.1</a> <a href='#'>Link 2.4.2</a> <a href='#'>Link 2.4.3</a> </ul> </li> <li><a href='#'>Link 2.5</a></li> </ul> </li> <li><a href='#'>Link 3</a></li> <li><a href='#'>Link 4</a></li> <li><a href='#'>Link 5</a></li> <li><a href='#'>Link 6</a></li> <li> <a href='#'>Link 7</a> <ul> <li><a href='#'>Link 7.1</a></li> <li><a href='#'>Link 7.2</a></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 MenuMatic 5. 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 |