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:

https://i.servimg.com/u/f44/15/34/61/11/6_logo10.png

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

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

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

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

Claro Johan! para eso lo postearon aquí

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

Buenisimo,simplemente genial !

Esta buenisimo gracias por el aporte xD

Está genial ^^

Buenísimo , gracias por aportarlo

Veamos. O:

Not bad