Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/11/2012, 09:25
delvisgrlln
Invitado
 
Mensajes: n/a
Puntos:
Menu horizontal para wordpress

hola amigos soy nuvo en este foro les queria pedir un poco de ayuda con respecto a wordpress para crear un menu como el de twitter gracias aqui les dejo algo de la estetica del menu.
Mi problema es que con el "#fmenu-current a" no logro que tome el color del link si no toma el color del "#fmenu li a".

Lo pienso hacer 100% manual ya que no manejo bien la function de wordpress.

Cita:
<div id="fmenu" class="fmenu">

<ul id="fmenu"><li <?php if(is_home()){?>id="fmenu-current"<?php } ?>><a href="<?php bloginfo('url'); ?>">Inicio</a></li><li <?php if(is_page('pagina-ejemplo')){?>id="fmenu-current"<?php } ?>><a href="<?php bloginfo('url'); ?>/pagina-ejemplo/">Pagina ejemplo</a></li></ul>

</div>
Cita:
.fmenu{
background: url(images/fmenu.jpg) repeat-x;
width:100%;
height: 40px;
overflow:hidden;
float: none;
z-index: 1000;
position:fixed;

}

#fmenu ul{
text-align:left;
width:950px;
height: 40px;
margin: 0 auto;
list-style:none;

}
#fmenu li{


float:left;
padding-top: 10px;
height:40px;
color:#b0b0b0;

}
#fmenu li a{

padding: 15px 13px 15px 13px;
font-size:13px;
font-weight:bold;
line-height:18px;
color:#b0b0b0;


}
#fmenu li a:hover{
font-size:13px;
font-weight:bold;
line-height:18px;
color:#ffffff;

}
#fmenu-current{
background-color:#262626;
height: 40px;
color: #FFF;
font-size:13px;
font-weight:bold;
line-height:18px;
-moz-box-shadow: inset 0 4px 6px rgba(0,0,0,.5);
-webkit-box-shadow: inset 0 4px 6px rgba(0,0,0,.5);
box-shadow: inset 0 4px 6px rgba(0,0,0,.5);
}
#fmenu-current a{
color:#FFF;
}
Saludos, y gracias de ante mano felicidades por su web.