miércoles, 29 de julio de 2009

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.

No hay comentarios:

Publicar un comentario