Navbar transparente


Hace tiempo vimos algunas opciones de lo que podíamos hacer con la navbar (como ocultarla, personalizarla o aplicar un botón para ocultarla y mostrarla). Hoy haremos algo diferente, haremos que la navbar quede como oculta por un velo gracias a la aplicación de transparencia.

♠ Con ayuda de CTRL+F buscamos ]]></b:skin> y encima de este pegaremos el siguiente código:

#navbar-iframe {
filter:alpha(opacity=20);
opacity:.20;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /*--IE 8 Transparency--*/
}
Aquí les dejo una imagen de muestra con el antes y el después.

7 opinaron:

squirrel

Simplemente buenísimo, me encanta una manera super de tratar la navbar.

Besos :)

Responder
G

Vaya nos has mostrado muchas formas de personalizar la navbar que lo que hay que pensar ahora es cuál usar porque todas son buenas ;)

Responder
Jéssica YK

» squirrel: sí a mí también me gustó:)

» G: usa la que más te guste

S@lu2

Responder
Miércoles

Gracias, es un truco poco común. En cuanto pueda lo probaré.

Responder
Jéssica YK

Miércoles: espero que te sea útil; gracias por la visita.

S@lu2

Responder
Smark

es bastante bueno tu blog felicitaciones y este truco es muy bueno gracias

Responder
Jéssica YK

Smark: gracias a ti por la visita

S@lu2

Responder

Por favor, trata de tener habilitado tu perfil (has click en "Comenta con el antiguo editor" para iniciar sesión) o deja un enlace a tu blog escogiendo la opción "Nombre/URL", procura no dejar comentarios Anónimos.
Nota: Si es que se presenta algún problema con el formulario de comentarios, sólo has click en "Comenta con el antiguo editor"

Gracias por participar en el blog.

inicio