Quickribbon

domingo, 4 de febrero de 2007

Ocultar barra de Navegación

Un sencillísimo truco para que la bara de navegación de Blogger (NavBar) sólo sea visible cuando pasemos el cursor por encima. Esto le dará a tu blog un aspecto mucho más limpio.

Ve a la edición HTLM de tu plantilla y busca la siguiente cadena:

/* Use this with templates/template-twocol.html */

Justo debajo añade estas dos líneas:

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Guarda tu nueva plantilla y listo, a partir de ahora tu NavBar sólo aparecerá cuando la necesites.

No en todas las plantillas vais a encontrar la línea que nos sirve de referencia, pero no hay problema, otro sitio válido para colocar el código y que es de fácil localización es justo encima de Variable Definitions

Gracias a Bloggin Secret por este truco

3 comentarios:

Ghanem dijo...

Hola :) Estás haciendo un trabajo mágnifico! Tu artículo sobre "añadir image al header" me sirvió mucho para orientarme. Lo conseguí al final :) aunque a mi manera pero lo conseguí ;) soy un disastre!
Muchas gracias por tu ayuda amigo.

Un saludo

Zaebos dijo...

de nada... hay que ver, que este blog se abrío simplemete para probar cosillas... pues me alegro que os siva de ayuda...
gracias por pasarte.

wwxxyyzz dijo...

Muy buen truco...aparte te saqué un par de cosas más como cambiar el nombre a los comentarios que no sabía como hacerlo. ¡Muchas gracias!

Template Designed by Douglas Bowman - Updated to New Blogger by: Blogger Team
Modified for 3-Column Layout by Hoctro
Re Updated by Zona de Pruebas