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 (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.