LOG IN
Usuario:

Contraseña:


Estadísticas
Tenemos 2352 miembros registrados.
El último usuario registrado es golfete.

Nuestros miembros han publicado un total de 41213 mensajes en 3358 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 1 de 1.]


1 [punBB / phpBB2] Dropdown menu con CSS. el Dom Mayo 13, 2012 9:36 am

CLICK AQUI PARA VER DEMO.

Lo primero que vamos a hacer es crear la estructura HTML y luego la agregamos en "Panel de Administración > Visualizacion > Templates > General: overall_header" y colocamos el siguiente codigo HTML al principio del template.
Código:
http://es.scribd.com/doc/93378983
(ingresar allink y copiar el contenido que aparece)

Ahora vamos a darle efecto con CSS. "Panel de Administración > Visualizacion > Imagenes y Colores > Colores > CSS Stylesheet" y pegamos lo siguiente:
Código:
#nav, #nav ul{
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
    line-height:1.5em;
 }

#nav a:link, #nav a:active, #nav a:visited{
    display:block;
    padding:0px 5px;
    border:1px solid #333;
    color:#fff;
    text-decoration:none;
    background-color:#333;
 }

#nav a:hover{
    background-color:#fff;
    color:#333;
}

#nav li{
    float:left;
    position:relative;
}

#nav ul {
    position:absolute;
    width:12em;
    top:1.5em;
    display:none;
}

#nav li ul a{
    width:12em;
    float:left;
}

#nav ul ul{
   top:auto;
   }

#nav li ul ul {
    left:12em;
    margin:0px 0 0 10px;
    }

#nav:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    }

Y listo.


Tutorial y codigo adaptado a foroactivo por Noam Chomsky, prohibida su distribucion sin notificarme.

Ver perfil de usuario

2 Re: [punBB / phpBB2] Dropdown menu con CSS. el Dom Mayo 13, 2012 10:42 am

Gràchè for lè aportè.


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Mai Tuitah: @ElDelTKM
Mai Youtuf chanel: http://youtube.com/StormMadafaqas
Mai Tuenti: Storm Madafaqas Gfx
Mai Skaip: Madafaqas
Ver perfil de usuario http://www.webdesignforo.net/

3 Re: [punBB / phpBB2] Dropdown menu con CSS. el Dom Mayo 13, 2012 3:37 pm

Gracias por el aporte

Ver perfil de usuario http://pokevento.tumblr.com/

4 Re: [punBB / phpBB2] Dropdown menu con CSS. el Vie Sep 14, 2012 3:59 am

Gracias por el aporte!

Ver perfil de usuario http://justicia-alienigena.forochile.org/forum

5 Re: [punBB / phpBB2] Dropdown menu con CSS. el Mar Abr 16, 2013 1:35 pm

gracias

Ver perfil de usuario

6 Re: [punBB / phpBB2] Dropdown menu con CSS. el Vie Jun 21, 2013 10:42 pm

Muchas Gracias SoMuchWin

Ver perfil de usuario

Contenido patrocinado


Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

Permisos de este foro:
No puedes responder a temas en este foro.