Tema: menú desplegable para wordpress
Ver Mensaje Individual
  #11 (permalink)  
Antiguo 01/05/2012, 13:36
Avatar de el_cesar
el_cesar
 
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 23 años, 5 meses
Puntos: 20
Respuesta: menú desplegable para wordpress
Efectivamente contrui los estilos del menú asi

Código CSS: 
Ver original
  1. /**********************ESTILOS MENU***************/
  2. #menu{
  3.     min-width:777px;
  4.     width:auto;
  5.     z-index:200;
  6.     font-size:17px;
  7.     min-height:46px;
  8.     height:46px;
  9.     background:#373737 url(../images/menu.png) no-repeat scroll left top;
  10.     float:left;
  11.     margin:12px 0px 0px 16px;
  12.     position:relative;
  13.     
  14.     }
  15.  
  16.     
  17. #menu ul{
  18.     background:#373737;
  19.     height:35px;
  20.     list-style:none;
  21.     margin:0;
  22.     padding:0;
  23.     }
  24.     #menu li{
  25.         float:left;
  26.         padding:0px;
  27.         }
  28.     #menu li a{
  29. /*      background:#373737 url("images/seperator.gif") bottom right no-repeat;*/
  30.         background:#373737;
  31.         color:#ffffff;
  32.         display:block;
  33.         font-weight:normal;
  34.         line-height:35px;
  35.         margin:0px;
  36.         padding:0px 25px;
  37.         text-align:center;
  38.         text-decoration:none;
  39.         }
  40.         #menu li a:hover, #menu ul li:hover a{
  41.  
  42.             color:#13bfed;
  43.             text-decoration:none;
  44.             }
  45.     #menu li ul{
  46.         background:#373737;
  47.         display:none;
  48.         height:auto;
  49.         padding:0px;
  50.         margin:0px;
  51.         border:0px;
  52.         position:absolute;
  53.         width:225px;
  54.         z-index:200;
  55.         /*top:1em;
  56.         /*left:0;*/
  57.         }
  58.     #menu li:hover ul{
  59.         background:#373737;
  60.         color: #ffffff;
  61.         display:block;
  62.         
  63.         }
  64.     #menu li li {
  65.         background:url('images/sub_sep.gif') bottom left no-repeat;
  66.         display:block;
  67.         float:none;
  68.         margin:0px;
  69.         padding:0px;
  70.         width:auto;
  71.         }
  72.     #menu li:hover li a{
  73.         background:#373737;
  74.         color:#ffffff;
  75.         
  76.         }
  77.     #menu li ul a{
  78.         display:block;
  79.         height:35px;
  80.         font-size:12px;
  81.         font-style:normal;
  82.         margin:0px;
  83.         padding:0px 10px 0px 15px;
  84.         text-align:left;
  85.         }
  86.         #menu li ul a:hover, #menu li ul li:hover a{
  87. /*          background:#2580a2 url('images/hover_sub.gif') center left no-repeat;*/
  88.             background: #13bfed;
  89.             border:0px;
  90.  
  91.             text-decoration:none;
  92.             }
  93.     #menu p{
  94.         clear:left;
  95.         }   
  96.  
  97. /***************FIN MENU*************/

y loimplementé en el html así

Código HTML: 
Ver original
  1. <div id="menu"><?php if ( function_exists( 'wp_nav_menu' ) ){
  2.                     wp_nav_menu( array( 'theme_location' => 'main-menu', 'container_id' => 'mainMenu', 'container_class' => 'ddsmoothmenu', 'fallback_cb'=>'primarymenu') );
  3.                 }else{
  4.                     primarymenu();
  5.             }?></>

y funciono perfecto
__________________
Say no more.......