1
Marvin_CZ
Drop Down menu (HTML user block)
  • 2010/2/8 23:39

  • Marvin_CZ

  • Just popping in

  • Posts: 28

  • Since: 2009/4/2 1


Hello,
here is DROP DOWN MENU for all :)

Resized Image


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:
<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 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

Login

Who's Online

69 user(s) are online (40 user(s) are browsing Support Forums)


Members: 0


Guests: 69


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Aug 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits