LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Mejorar las Pestañas que aparecen en el perfil de un Usuario.
Dom Jul 01, 2018 12:12 am por Ysamar

» Navbar desplegable sencilla
Dom Jun 17, 2018 2:06 pm por Ysamar

» Modulo de Afiliados 40x40 [Todas las versiones]
Vie Jun 15, 2018 6:44 pm por Ysamar

» 2 Galeria Html Elegante
Miér Jun 13, 2018 8:57 pm por Ysamar

» [PHPBB3]Agregar amigos desde el perfil y dejar mensaje en su muro...
Miér Jun 13, 2018 8:02 pm por Ysamar

» [PHPBB3] Contenido por defecto en la respuesta rapida.
Miér Jun 13, 2018 7:56 pm por Ysamar

» Botón "ir al muro" (mensajes de los visitantes)
Miér Jun 13, 2018 7:49 pm por Ysamar

» ¿No quieres publicidad
Miér Jun 13, 2018 7:37 pm por Ysamar

» Efecto Lightbox automatico en imagenes [Foroactivo]
Miér Jun 13, 2018 7:27 pm por Ysamar

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

Nuestros miembros han publicado un total de 41229 mensajes en 3360 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: https://www.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.