CSS dropdown menu para WordPress

Escrito por Dattahome el septiembre 17, 2008

El Suckerfish menús que originalmente al ser utilizado tenia problemas con Safari y Opera, por lo que utilizó una variante basada en Suckerfish llamado Hijo de Suckerfish.

A partir de ahí se a tenido que hacer algunas modificaciones en WordPress.

<div id=”toolbar”>

<?php wp_list_pages(); ?>

</div>

3. In your header.php paste the following.

<script language=”javascript”>

sfHover = function() {

var sfEls = document.getElementById(”nav”).getElementsByTagName(”LI”);

for (var i=0; i<sfEls.length; i++) {

sfEls[i].onmouseover=function() {

this.className+=” sfhover”;

}

sfEls[i].onmouseout=function() {

this.className=this.className.replace(new RegExp(” sfhover\b”), “”);

}

}

}

if (window.attachEvent) window.attachEvent(”onload”, sfHover);

</script>

4. style.css

Lo queríamos hacer horizontal por lo tanto utilizamos lo siguiente en nuestro archivo style.css. Espera! Ay mas para leer…no te vayas »