Cómo hacer un menú desplegable de navegación en WordPress
1. Modificar encabezado.php.
Agregue el siguiente código:
lt;div id="topnav"gt;
lt;?php wp_nav_menu( array( 'theme_location' =gt; 'primario' ); ?gt;
lt;/divgt;
2. Modificar la función funciones.php
Agrega el siguiente código:
if (function_exists('register_nav_menus')){register_nav_menus (array('primary'=gt;'lt;b style="font-style:normal; color:#F00;"gt;personalizar menú superior;/bgt ;' ));}
3. Agregar css:
#topnav{clear: ambos; ancho: 900px; alto: 34px; menu_bg. gif) repetir-x; }
.home {
flotante: izquierda
ancho:
alto: 35px;
}
.home a: desplazamiento {
ancho: 117px
alto: 36px; p> fondo: url(images/index_meun.gif) 0 -38px
}
#topnav.current_page_item , #topnav .current-menu-item {
fondo: url(images/menu_bg.gif) repetir-x 0 -110px;
}
#topnav .current-menu-item a, #topnav .current_page_item a {
p>
color: #fff !importante;
sombra de texto: 0px 1px 0px #000 !importante
}
#topnav .current -menu-item li a, #topnav .sub-menu a, #topnav .current_page_item li a {
color: #F30505
}
submenú a: coloca el cursor sobre {
color: #F6F7F8! importante;
}
#topnav li {
altura: 36px;
borde derecho: 1px sólido # D4CDCD; p>
float: izquierda;
font-weight: negrita
}
#topnav li a, #topnav li a: enlace , # topnav li a: visitado {
display: block
padding: 0 25p
x 0 25px;
altura de línea: 36px;
color: #ffffff;
sombra de texto: 0px 1px 0px #d1d1d1;
}
#topnav li a: flotar, #topnav li a: activo {
fondo: url(images/bg.png) repetir-x 0 -74px; /p>
color: #fff;
pantalla: bloque;
decoración de texto: ninguna
altura de línea: 36px; p>
p>
relleno: 0 25px 0 25px;
sombra de texto: 0px 1px 0px #000 !importante; ># topnav li li {
altura: 30px;
flotador: izquierda
}
#topnav li li a {
altura de línea: 30px! importante
}
#topnav li ul {
posición: absoluta
izquierda: -999em; p> ancho: 150px;
margen: 0;
ancho del borde: 1px 1px 0px; p> }
#topnav li ul li {
borde superior: 1px sólido #989898
borde inferior: ninguno
<; p> borde izquierdo: ninguno;}
#topnav li ul li a {
fondo: #1F5A91
ancho : 100px;
altura: 30px;
color:
ancho: #1F5A91
altura: 30px;
color: #fff !importante;
peso de fuente: normal
opacidad: .80
filtro: alfa(opacidad=80) ;
text-shadow: 0px 1px 0px #000 !important;
}
#topnav li ul li a：hover {
sombra de texto: 0px 1px 0px #fff! importante
}
#topnav .sf-sub-indicator {
pantalla: ninguna
}
#topnav li ul li a.sf-with-ul {
relleno: 7px 12px
}
#t;
opnav li ul li a: hover {
fondo: #000;
color: #fff !importante
sombra de texto: 0px 1px 0px #000 ! importante;
decoración de texto: ninguna
}
#topnav li ul ul {
margen: -31px 0px 0px 150px ;
}
#topnav li ul ul a {}
#topnav li ul ul a {}
#topnav li ul ul a {}
#topnav li: hover, # topnav li.hover {
posición: estática
}
#; topnav li:hover ul ul, #topnav li.sfhover ul ul,
#topnav li:hover ul ul, #topnav li.sfhover ul,
#topnav li li:hover ul, #topnav li li.sfhover ul,
#topnav li li：hover ul, #topnav li li p>
izquierda:
}