Por qué lo dices?
Sustituye todo el código HTML del menú por:
Si no funciona, como quiera déjalo insertado y cambia el código jQuery del menú por:
Como un consejo, no utilices códigos CSS en la estructura HTML, mejor llamalo con la etiqueta "script".
Código:
<ul class="topnav">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Advertise</a></li>
<!-- Aqui comienza el desplegable -->
<li>
<a href="#">Opciones</a>
<ul class="subnav">
<li><a href="{$mybb->settings['bburl']}/usercp.php">Mi perfil</a></li>
<li><a href="{$mybb->settings['bburl']}/usercp.php?action=profile">Mi información</a></li>
<li><a href="{$mybb->settings['bburl']}/usercp.php?action=options">Mis opciones</a></li>
<li><a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', 'buddyList', 350, 350);">Mis amigos</a></li>
</ul>
</li>
<!-- Aqui acaba el desplegable -->
</ul>
Si no funciona, como quiera déjalo insertado y cambia el código jQuery del menú por:
Código:
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)
jQuery("ul.topnav li span").click(function() { //When trigger is clicked...
//Following events are applied to the subnav itself (moving subnav up and down)
jQuery(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
jQuery(this).parent().hover(function() {
}, function(){
jQuery(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
});
//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function() {
jQuery(this).addClass("subhover"); //On hover over, add class "subhover"
}, function(){ //On Hover Out
jQuery(this).removeClass("subhover"); //On hover out, remove class "subhover"
});
});
</script>
Como un consejo, no utilices códigos CSS en la estructura HTML, mejor llamalo con la etiqueta "script".
Última modificación: 18 Nov, 2011, 10:53 am por Azagthoth.
Conocéis algún menú un poco más chulo para poner?
Utiliza el de MyBB y solo dale un estilo bonito. Entonces, ¿implementaras el menú?