LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Contenido por defecto en la respuesta rapida.
Mar Jul 17, 2018 7:30 pm por Ysamar

» [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

» 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 41230 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 (phpbb3) Transformar navbar en la de Tuenti el Lun Ago 22, 2011 6:24 pm

Hola!

Les presento mi última creación, es una barra idéntica a la de Tuenti para foroactivo, está hecha a base de CSS desde bluefish, en Linux.


El código a poner es:

Código:
#logo {
position: fixed;
top: -5px;
left: 0;
z-index: 2;
}
.navbar {
background: transparent;
}

.navlinks {
    background: url("http://estaticosak1.tuenti.com/layout/web2-Zero/images/layout/6_header.3e01cce19c.png") repeat scroll 0 0 transparent;
    height: 39px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
z-index: 1;
}

.navlinks a {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.navlinks a {
    color: #FFFFFF !important;
    font-family: Arial;
    font-size: 12px;
    font-style: inherit;
    font-weight: inherit;
    left: 106px;
    margin: -3px;
    padding: 13px 5px 12px;
    position: relative;
    text-decoration: none !important;
    top: 8px;
    vertical-align: baseline;
}

.navlinks a:hover {
background-color: #386993;
}


#search-box #keywords {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid transparent;
    border-radius: 2px 2px 2px 2px;
    position: fixed;
    right: 76px;
    top: 10px;
}
button.button2, input.button2, a.button2 {
    background-color: transparent;
    background-image: url("http://i.imm.io/5Lzr.png");
    background-repeat: no-repeat;
    border: medium none;
    color: transparent;
    padding: 1px 0;
    position: fixed;
    right: 163px;
    top: 12px;
}


a.button2:hover, button.button2:hover, input.button2:hover, a.button2:active {
    background-color: transparent;
    background-image: url("http://i.imm.io/5Lzr.png");
    background-repeat: no-repeat;
    border: medium none;
    color: transparent;
    background-position: top;
    position: fixed;
}

#page-body {
    margin: 30px 0;
}

ul.navlinks {
border: none;
}

Comenta para ver el código CSS

Recuerda que se pone en:

PA → Visualización → Colores → CSS

El logo es:

http://i44.servimg.com/u/f44/15/34/61/11/6_logo10.png

¡¡Este código es exclusivo para WebM, se permite usarlo pero no pasarlo!!

Ver perfil de usuario http://www.forowinlinx.com/forum

:O Este esta buenisimo, lo puedo usar en mi foro?

Ver perfil de usuario

Porfavor pon foro de prueba, quiero verlo con mis propios ojos :O


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

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/

Johan Worm escribió::O Este esta buenisimo, lo puedo usar en mi foro?

Claro Johan! para eso lo postearon aquí

Ver perfil de usuario http://www.designforum.foroactivo.com/

Muchas gracias!
Fran con este CSS se pueden lograr mucho mas efectos, pero este esta muy bueno.

Ver perfil de usuario

gracias por el codigo aver que tal me sale la nabvar al estilo tuenti

Ver perfil de usuario

7 Re: (phpbb3) Transformar navbar en la de Tuenti el Miér Dic 21, 2011 5:34 am

Buenisimo,simplemente genial !

Ver perfil de usuario

8 Re: (phpbb3) Transformar navbar en la de Tuenti el Miér Dic 21, 2011 6:46 am

Esta buenisimo gracias por el aporte xD

Ver perfil de usuario http://animepng.blogspot.com

9 Re: (phpbb3) Transformar navbar en la de Tuenti el Miér Dic 21, 2011 11:34 am

Está genial ^^

Ver perfil de usuario

10 Re: (phpbb3) Transformar navbar en la de Tuenti el Miér Dic 21, 2011 7:22 pm

Buenísimo Encantado, gracias por aportarlo

Ver perfil de usuario

Buenisimo, sigue asi fran saludos.

Ver perfil de usuario http://www.aikayweb.activo.ws

Veamos. O:

Ver perfil de usuario

13 Re: (phpbb3) Transformar navbar en la de Tuenti el Lun Abr 16, 2012 12:32 pm

Not bad

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.