Procure por
</head>
Copie e cole este código acima da tag encotradaAgora procure por<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ var timeout = 500; var closetimer = 0; var ddmenuitem = 0; function jsddm_open() { jsddm_canceltimer(); jsddm_close(); ddmenuitem = $(this).find('ul').css('visibility', 'visible');} function jsddm_close() { if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');} function jsddm_timer() { closetimer = window.setTimeout(jsddm_close, timeout);} function jsddm_canceltimer() { if(closetimer) { window.clearTimeout(closetimer); closetimer = null;}} $(document).ready(function() { $('#jsddm > li').bind('mouseover', jsddm_open) $('#jsddm > li').bind('mouseout', jsddm_timer)}); document.onclick = jsddm_close; //]]> </script>
]]></b:skin>
depois de encontrado, este código acima à tag encontradaSalve o modelo. Após terminar, use o código abaixo para adicionar o menu onde deseje#jsddm { margin: 0; padding: 15px; z-index:1000000000; position:relative; } #jsddm li { float: left; list-style: none; font: 12px Tahoma, Arial; } #jsddm li a { white-space: nowrap; margin:1px 3px; color:#002a37; text-shadow:#7eb8ca 1px 1px 0px; background: -webkit-gradient(linear, left top, left bottom, from(#1a7796), to(#40a0bb)); background: -moz-linear-gradient(top, #1a7796, #40a0bb); border-left: 1px solid #18596f; border-right: 1px solid #18596f; border-bottom: 1px solid #18596f; border-top: 1px solid #68b4c9; padding: 1px 6px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 11px; font-family: Helvetica, Arial, Sans-Serif; vertical-align: middle; } #jsddm li a:hover { background: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#202020)); background: -moz-linear-gradient(top, #161616, #202020); border-left: 1px solid #161616; border-right: 1px solid #161616; border-bottom: 1px solid #161616; border-top: 1px solid #343434; box-shadow: #000 0px 0px 1px solid; color:#fff; text-shadow:#000 1px 1px 2px; text-decoration:underline; } #jsddm li ul { margin-top:5px; padding: 2px 0px 2px 0px; position: absolute; visibility: hidden; float:left; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #f1f1f1; } #jsddm li ul li { float: none; display: inline; } #jsddm li ul li a { width: auto; background: -webkit-gradient(linear, left top, left bottom, from(#40a0bb), to(#1a7796)); background: -moz-linear-gradient(top, #40a0bb, #1a7796); border-left: 1px solid #18596f; border-right: 1px solid #18596f; border-bottom: 1px solid #18596f; border-top: 1px solid #68b4c9; transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#002a37; text-shadow:#7eb8ca 1px 1px 0px; float:left; } #jsddm li ul li a:hover { background: -webkit-gradient(linear, left top, left bottom, from(#fdebae), to(#fdebae)); background: -moz-linear-gradient(top, #fdebae, #fdebae); border:1px solid #585245; text-shadow: #fff8e0 1px 1px 0px; color: #9e660d; transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; }
<ul id='jsddm'>
<li><a href='/#home'>Home</a>
<li><a href=''>Menu Principal</a>
<ul>
<li><a href='/#'>Teste 1</a></li>
<li><a href='/#'>Teste 2</a></li>
<li><a href='/#'>Teste 3</a></li>
<li><a href='/#'>Teste 4</a></li>
</ul>
</li><li><a href=''>Teste 3</a>
<ul>
<li><a href='/#'>Teste 1</a></li>
<li><a href='/#'>Teste 2</a></li>
<li><a href='/#'>Teste 3</a></li>
<li><a href='/#'>Teste 4</a></li>
</ul>
</li>
</ul>
:\