32

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:

32 comentarios:


Azul...

Como siempre sorprendente y fabulosa!!!!!!! Lo de los abrazos me lo llevoooooooo

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

Bessitos!!!!!

Rosa

A la oredennn!!! 300 Al saco!!jijiji

Michael

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! :P

Anónimo

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

Rosa

Sofia, yo lo desconozco, aunque lo dudo mucho, ya que el código de la nvbar es controlado directamente por Blogger...

Vic

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

Rosa

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

Vic

Oh si, el blog es www.fideicomisoinmobiliario.blogspot.com
es probable que algo me haya faltado porque soy nueva con esto :) gracias!!

Rosa

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.

Vic

Mil gracias Rosa!!

SMarbury

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

Rosa

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.

isanet

Yo tengo un problema con la barra de Blogger. En la plantilla que estoy usando esta oculta. Trae este codigo al inicio del diseño:

/* === Hide the NavBar === */
.Navbar {
visibility:hidden;
display: none;
}
/* === Hide the NavBar === */

Bien, si lo quito me la muestra pero... solo la mitad. Unicamente puedo ver la zona de la izquierda. La parte donde debería mostrarme el comando Panel para acceder a mi escritorio no la veo. Tienes idea de donde debo tocar para que me la restaure completa?

Gracias, isa

Rosa

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

isanet

Es un error mas de la plantilla Rosa. No entiendo bien ingles pero aqui he leido algo similar a eso. No la muestra completa. Es posible que parte de la textura o fondo la "pise" y por eso solo se ve la mitad. Me supongo, o quizas en alguna parte del codigo dice algo sobre la extension o medida de la barra pero vamos que no le veo mucho sentido. La primera vez que me pasa. Aqui mencionan tambien el tema de los enlaces de navegacion.

http://www.eblogtemplates.com/aspire-blogger/

Rosa

isanet, por lo que se de algunas personas que me han comentado al respecto, no deja de dar todo tipo de problemas :-(

BtheBlog

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?

Rosa

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.

BtheBlog

Pues creo que ya lo he aplicado bien! eso espero jaja, muchas gracias!!!!!!!!

MALINA

jajaja y yo que pense que habia descubierto America!

KAT

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.

KAT
Este comentario ha sido eliminado por el autor.
Rosa

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í:

<!-- ocultar barra blogger -->
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
<!-- ocultar barra blogger -->

Tienes que retirar ahora mismo esto:
<!-- ocultar barra blogger -->
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.

KAT

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.

Rosa

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? :D:D

En Blogger la mitad es un misterio y la otra intuición, ja,ja.

KAT

Tienes mucha razón... gracias de nuevo ;) .

Ronald Gordon

:) perfecto! esto si me salio!!!

mimundodelana

Perfecto Rosy La pagina del blog queda mas linda Besotes....

ra.

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!

Rosa

ra. Así es, y en eso se basa el truco precisamente, en usar opacidad con la barra..

Noelia

Funciona :D Gracias Rosa.

Miguel

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.

Publicar un comentario en la entrada

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.

:) :(( :( :P :D :$ ;) :I :X :O |O :S