Comunity Act™
Bienvenido al foro de Gunz Online

Aquí podrás disfrutar de muchos de nuestros servicios: actualizaciones bien informadas sobre lo que pasa en nuestros servidores, también tenemos una zona de entretenimiento (Off-Topic), zona de programación, diseño gráfico, video, entre otras.

Entra y empieza a disfrutar de todos estos servicios.
Conectarse

Recuperar mi contraseña

Últimos temas
» Comparte tu web en Redes Sociales.
Sáb Ago 23, 2014 3:02 pm por MR Designer

» Texto Neon
Dom Mayo 04, 2014 10:54 am por damy_nqn

» Separando las categorías de PunBB
Dom Mayo 04, 2014 10:48 am por damy_nqn

» Mensaje de bienvenida
Mar Feb 05, 2013 2:11 pm por Vladcristian

» Tutorial Smudge 2
Vie Ene 04, 2013 5:38 pm por Kamsen

» Compartir en facebook
Dom Nov 18, 2012 4:22 pm por Lapichito

» Como colocar una imagen en tu ChatBox
Dom Nov 18, 2012 4:13 pm por Lapichito

» Navbar con sombra
Dom Nov 18, 2012 4:09 pm por Lapichito

» bordes parecidos a los 3d en los ultimos temas del foro
Dom Nov 18, 2012 4:06 pm por Lapichito

» Como crear tablas de moderación.
Dom Nov 18, 2012 4:00 pm por Lapichito

Mejores posteadores
HerHader (1347)
 
Xilver266 (403)
 
Bot ACT (352)
 
$enick (347)
 
Itsumi (333)
 
Fran! (319)
 
Fal´Cie (235)
 
YoshiGM (221)
 
Dize! (196)
 
+ The New Dex + (172)
 

Comunity Act™ EN LA RED
TWITTER
FACEBOOK
MYSPACE
Copyright ©
Protected by Copyscape Web Plagiarism Detector

[Original] Poner la barra de navegación igual que la de Tuenti

Ver el tema anterior Ver el tema siguiente Ir abajo

[Original] Poner la barra de navegación igual que la de Tuenti

Mensaje por Fran! el Miér Jun 01, 2011 2:29 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.

[Tienes que estar registrado y conectado para ver esa imagen]

El código a poner es:

Código:
.headerbar {
display: none;
}

.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;
}

.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;
}

Comenta para ver el código CSS

Recuerda que se pone en:

PA → Visualización → Colores → CSS



Esto es porque al ser propiedad fixed y pb3 hay problemas con las capas pero si se cambia por absolution pueden poner el logo con normalidad pero cambiando el anterior logoxd por #logo.

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

Fran!
+Megactivo+
+Megactivo+

Mensajes Mensajes : 319

http://www.forowinlinx.com/

Volver arriba Ir abajo

Re: [Original] Poner la barra de navegación igual que la de Tuenti

Mensaje por HerHader el Miér Jun 01, 2011 5:43 pm

Es un gran aporte!

Muchas gracias Ganador


[Tienes que estar registrado y conectado para ver esa imagen]

[Tienes que estar registrado y conectado para ver esa imagen]

HerHader
Administrador
Administrador

Mensajes Mensajes : 1347
Edad Edad : 20

http://comunity-act.foromx.net

Volver arriba Ir abajo

Re: [Original] Poner la barra de navegación igual que la de Tuenti

Mensaje por YoshiGM el Jue Jun 02, 2011 2:48 pm

HOLY GOD O_O

Muy buen aporte Aplause

YoshiGM
Administrador
Administrador

Mensajes Mensajes : 221
Edad Edad : 24

http://yoshifansclub.com/

Volver arriba Ir abajo

Re: [Original] Poner la barra de navegación igual que la de Tuenti

Mensaje por offerrall el Lun Oct 31, 2011 10:33 am

buenisima

offerrall
Nuevo Usuario
Nuevo Usuario

Mensajes Mensajes : 2

Volver arriba Ir abajo

Re: [Original] Poner la barra de navegación igual que la de Tuenti

Mensaje por Royal Ghouz™ el Jue Feb 09, 2012 6:39 pm

exelente codigo!

Royal Ghouz™
Nuevo Usuario
Nuevo Usuario

Mensajes Mensajes : 2

Volver arriba Ir abajo

Re: [Original] Poner la barra de navegación igual que la de Tuenti

Mensaje por Contenido patrocinado Hoy a las 1:05 pm


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

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