Navbar (barra Blogger) mágica!! : El Escaparate de Rosa

Estás en: Inicio » Trucos Blog » Navbar (barra Blogger) mágica!!

Navbar (barra Blogger) mágica!!

He encontrado otra forma de ocultar la navbar, es decir la barra de Blogger, y que se muestre solamente
al pasar el cursor sobre ella.

Se colocan dos líneas de código en la plantilla-HTML justo antes del principio de la sección CSS, por ejemplo donde lo he puesto
en mi plantilla, antes de:

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

Código:

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

Nota: el truco funciona con Firefox, en IE simplemente oculta la barra.

Encontrado en : BlogU

Entradas Relacionadas:

29 comentarios:

Azul... 1: Como siempre sorprendente y fabulosa!!!!!!! Lo de los abrazos me lo llevoooooooo

Por lo pronto, anótate 300 abrazos de mi parte!!!!!!!!!

Bessitos!!!!!; 15/3/07
Anónimo 2: A la oredennn!!! 300 Al saco!!jijiji; 15/3/07
Anónimo 3: Realmente excelente este truco, uno de los mas sencillos y muyyy bueno.Me gusta mucho como queda el blog así...y es mejor que eliminar la navbar por completo.

Saludos y muchas gracias...

anota los abrazos que quieras!; 27/4/07
Anónimo 4: Hola Rosa
Hay alguna forma de ocultar la navbar y que se muestre solamente si hacemos clic sobre ella.Porque no me gusta como queda en las paginas pero a mi me sirve tenerla para trabajar con los blogs.
Muchas gracias.
Sofia; 3/5/08
Anónimo 5: Sofia, yo lo desconozco, aunque lo dudo mucho, ya que el código de la nvbar es controlado directamente por Blogger...; 3/5/08
Anónimo 6: Hola Rosa, me fue muy útil este truco, quería hacerte una consulta, cuando "desaparecí" la barra quedó la franja de otro color, y a pesar de haber metido mano en todo lugar donde se me ocurrió de la plantilla, no logré que quede todo el fondo igual, cómo podría solucionarlo?
Espero ser clara con la explicación
muchas gracias; 26/8/08
Anónimo 7: Vic, si todo está correcto eso no tendría que pasar...no puedo ver tu blog,así que no puedo decirte mucho más...:-X; 27/8/08
Anónimo 8: Oh si, el blog es www.fideicomisoinmobiliario.blogspot.com
es probable que algo me haya faltado porque soy nueva con esto gracias!!; 28/8/08
Anónimo 9: Vic, en tu blog es así, hacia tiempo que no veía que alguien usase esa plantilla...es así, la cabecera no llega hasta arriba en esa plantilla, quizás podría modificarse, pero ahora mismo no estoy en casa y no tengo posibilidad de probarlo...intentaré recordarlo para mi vuelta.; 29/8/08
Anónimo 10: Mil gracias Rosa!!; 30/8/08
SMarbury 11: Hola Rosa, he ocultado la navbar, pero ahora no sé como acceder a crear nuevas entradas, ni a plantilla para poder poner la barra como antes. En resumen, que no puedo entrar como administrador y no puedo hacer nada en el blog. A ver si me puedes ayudar, gracias; 12/9/08
Anónimo 12: SMarbury, no es necesario la Navbar para eso, ingresa a http://www.blogger.com/ introduce tus datos de acceso y entrarás a tu panel de Blogger para publicar y modificar tu plantilla.; 13/9/08
Anónimo 13: isanet, pues es exactamente eso lo que tendrías que hacer para que vuelva a verse...no tengo idea de porque no se ve completa...Esa parte la controla Blogger directamente y una vez que se retira el código de ocultación, la barra debería salir de nuevo tal cual, en realidad siempre ha estado ahí, solo la has mantenida "no visible"...:-X; 26/9/08
Anónimo 14: isanet, por lo que se de algunas personas que me han comentado al respecto, no deja de dar todo tipo de problemas :-(; 26/9/08
BtheBlog 15: ya lo puse en practica.... pero cuando accedo sin identificarme como admin... sigue apareciendo ... es decir me imagino que todas las personas que entren seguiran viendola que puedo haceR?; 5/1/09
Anónimo 16: BtheBlog, yo no veo el código aplicado en tu blog, así que la navbar seguirá saliendo.
De todos modos esto la oculta hasta que pasas el ratón sobre ella, entonces se ve.
Si el código está aplicado correctamente, funciona.; 5/1/09
BtheBlog 17: Pues creo que ya lo he aplicado bien! eso espero jaja, muchas gracias!!!!!!!!; 5/1/09
KAT 18: Hola Rosa, quisiera q me ayudes tengo un problema, hace unos dias descargue el internet explorer 8, pero no sé xq en mi pc (sólo en mi pc) se me descuadró la visualización de mi blog, he visto en otras pc's y se ve normal, lo q he podido apreciar en mi pc al ver el blog es q aparece la navbar que tengo oculta en mi html del blog, lo he vuelto a hacer y siempre aparece en mi blog ahi arriba pero sólo en mi pc, me he dado cuenta q al aparecer me mueve el blog y el fondo que es negro lo veo blanco, se q en otras pc's se ve negro, cómo puedo arreglarlo no sé que hacer, me estresa al postear, al hacer todo, espero una opinión de tu parte y si te ha pasado alguna vez. Saludos.

pd. Ah... en mi pc lo veo igual en iexplorer 8, firefox y en chrome, fondo blanco y con la bendita navbar arriba q me descuadra el título el resto se ve bien pero tengo letras claras (xq mi fondo es negro) y para postear y visualizar es estresante. Gracias anticipadas.; 21/4/09
KAT 19: Este comentario ha sido eliminado por el autor.; 22/4/09
Anónimo 20: KAT Todos vemos tu blog así y eso es porque has cometido un error al colocar el código para ocultar la navbar. Lo has puesto así:


#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Tienes que retirar ahora mismo esto:

por supuesto el de arriba y el de abajo. Si quieres señalizar el código en el CSS has de hacerlo así:
/* -- ocultar barra blogger ---*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/* -- ocultar barra blogger ---*/

Esa "tontería" es la que está afectando a la correcta visualización de tu blog.; 22/4/09
KAT 21: Gracias Rosa, como no me pude dar cuenta el ejemplo estaba ahí arribita, pero ese código lo tuve desde siempre, desde antes de instalar el IE8 y todo marchaba bien, además todas las personas q pregunte me decían q veían bien el blog con fondo negro, yo misma lo veía en la laptop de mi hermana. Osea que no sólo yo lo veía así, incluyéndote claro, y así he estado varios días...mmm q mal...

Te agradezco infinitamente Rosa, no sabes la alegría que me has dado, muchos saludos y q tengas muchos lindos días.; 22/4/09
Anónimo 22: KAT De nada cielete
Nada más que lo vi, supe que era eso...que llevé así tiempo y hasta ahora no afectó...misterios del html ja,ja, lo extraño es que otros y en otras pc se viera bien...¿misterios de los navegadores?

En Blogger la mitad es un misterio y la otra intuición, ja,ja.; 22/4/09
KAT 23: Tienes mucha razón... gracias de nuevo .; 22/4/09
Ronald Gordon 24: perfecto! esto si me salio!!!; 7/9/09
Anónimo 25: Perfecto Rosy La pagina del blog queda mas linda Besotes....; 9/9/09
ra. 26: hola rosa!

se me oculta perfectamente el blog, pero no de manera suave, sin transicion de degrado, porque puede pasar eso?

enorabuena x el blgggg!; 16/9/09
Anónimo 27: ra. Así es, y en eso se basa el truco precisamente, en usar opacidad con la barra..; 16/9/09
Noelia 28: Funciona Gracias Rosa.; 6/12/09
Miguel 29: Hola!!!

Soy novato en esto de los blogs, y me parecen muy útiles todos tus trucos.

Este lo he hecho en mi blog y... ¡Ha dado resultado!!!!!!

Gracias.; 6/10/10

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.