LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Estadísticas Y ¿Quien esta en Linea? como PUNBB.
Dom Ago 20, 2017 1:29 am por +Luigi!

» [PHPBB3] Recuadro a el contenido y el titulo de "¿Quien esta en Linea?".
Dom Ago 20, 2017 1:27 am por +Luigi!

» Free Forum Ranks
Lun Ago 14, 2017 3:10 am por sukerwold

» RPG Forum Ranks (Double Pack)
Lun Ago 14, 2017 3:09 am por sukerwold

» [MEGAPACK] Todos los iconos que necesitas para tu foro en un solo lugar!! -Proximamente PSD- INCLUYE EPS
Lun Ago 14, 2017 1:33 am por osmardj

» info del user al dar clic al nombre del user en el index
Vie Ago 04, 2017 10:22 pm por tyhr

» Nebula Resource Pack
Jue Ago 03, 2017 6:41 pm por Aikazen

» Skin Teen Pro9x [ PunBB ]
Lun Jun 05, 2017 3:39 am por profesional

» Ranks 3
Miér Mayo 31, 2017 11:17 pm por zotinyx

Estadísticas
Tenemos 2351 miembros registrados.
El último usuario registrado es sukerwold.

Nuestros miembros han publicado un total de 41211 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 (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: http://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.