Tema: Plantilla con Gumby problema en el menu
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 03/01/2013, 17:45
Avatar de Eddy Ramos
Eddy Ramos
 
Fecha de Ingreso: marzo-2004
Ubicación: Tuxtla Gutiérrez, Chiapas
Mensajes: 98
Antigüedad: 20 años, 10 meses
Puntos: 1
Respuesta: Plantilla con Gumby problema en el menu
Pues hice un primer intento muy rapido, modifique el CSS pero queda desplegado el submenu.

Quedando así el estilo:
Código CSS: 
Ver original
  1. /******** CSS3 Dropdown Menu Styles **********/
  2.  
  3.     .navbar li .dropdown ,
  4.     .navbar li .sub-menu{
  5.         width: auto;
  6.         min-width: 0px;
  7.         max-width: 380px;
  8.         height: 0;
  9.         position: absolute;
  10.         background: #fff;
  11.         overflow: hidden;
  12.         z-index: 999;
  13.         display: none;
  14.     }
  15.  
  16.     .navbar li:hover .dropdown ,
  17.     .navbar li:hover .sub-menu{
  18.         min-height: 60px;
  19.         max-height: 500px;
  20.         height: auto;
  21.         width: 100%;
  22.         padding: 0;
  23.         border-top: 1px solid #1d692d;
  24.  
  25.         -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,.3);
  26.         box-shadow: 0px 3px 4px rgba(0,0,0,.3);
  27.  
  28.  
  29.         -webkit-transition: ease-in-out .2s;
  30.         -moz-transition: ease-in-out .2s;
  31.         -o-transition: ease-in-out .2s;
  32.         -ms-transition: ease-in-out .2s;
  33.         transition: ease-in-out .2s;
  34.     }
  35.  
  36.     .navbar li .dropdown ul ,
  37.     .navbar li  ul.sub-menu {
  38.         margin: 0;
  39.     }
  40.  
  41.     .navbar li .dropdown ul > li ,
  42.     .navbar li  ul.sub-menu > li {
  43.         display: block;
  44.         width: 100%;
  45.         float: left;
  46.         text-align: left;
  47.         height: auto;
  48.         font: 16px "Helvetica Neue", arial, sans-serif;
  49.         border-radius: none;
  50.     }
  51.  
  52.     .navbar li .dropdown ul > li a ,
  53.     .navbar li  ul.sub-menu > li a {
  54.         display: block;
  55.         line-height: 26px;
  56.         height: 26px;
  57.         padding: 10px 20px;
  58.         border-bottom: 1px solid #ddd;
  59.     }
  60.  
  61.     .navbar ul .dropdown ul li:first-child a ,
  62.     .navbar ul  ul.sub-menu li:first-child a {
  63.         border-radius: 0;
  64.     }
  65.  
  66.     .navbar li .dropdown li a:hover ,
  67.     .navbar li .sub-menu li a:hover {
  68.         background: #ebfeee;
  69.     }

Estoy probando crear las platillas con gumbyframework.com he visto hablar mucho de este Framework.
Ahora estoy intentando de usar con las propiedades del wordpress.
Hare una segunda prueba esperando quede mejor.

Saludos zanguanga