29 enero 2009

SENCILLO TRUCO PARA TENER EL NAVBAR DE BLOGGER COLOCADO Y NO VISIBLE


navbar

Un estupendo truco para disponer de la barra de Blogger y no tenerla visible. Es decir, aparece y desaparece según nos situamos encima de ella.

Bastante útil para usar en esas plantillas en las que no queda bien tenerla visible y que por otro lado nos quita la posibiliad de acceder facilmente a nuestro panel de diseño, configuración, edición de entradas, etc...

Podéis ver el ejemplo en CONECTABLOG ya que yo misma lo he colocado.

El código que debéis insertar es el siguiente:

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

Debéis colocarlo por encima de la etiqueta body {

Quienes tengáis instalado el código para mantener oculta la barra, simplemente tenéis que cambiarlo.

El código para mantener oculta la barra de Blogger es éste

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

5 comentarios:

Juanjo on 29 de enero de 2009, 9:26 dijo...

Hola Malina, muy bueno, yo la quite y he tenido muchos problemas.
Gracias
Saludos

Salondesol on 1 de febrero de 2009, 19:32 dijo...

Gracias, está muy bien verla solo cuando se necesite.
La he puesto aquí:



Un saludo.

SBL on 27 de marzo de 2009, 11:26 dijo...

Fabulous post. thanks

Regards,
image clipping

Jesús Rodríguez on 4 de diciembre de 2011, 12:41 dijo...

Hola que tal ¿cuando indicas encima quieres decir encima de la palabra o en la linea de arriba?
Es que lo intento pero no me va

Malina on 4 de diciembre de 2011, 15:54 dijo...

Hola Jesus, "por encima" quiero decir que hay que colocarlo arriba de {body

Si no te funciona, es posible que tengas colocado el código que viene en muchas plantillas que oculta la barra.

Comprueba si lo tienes y en ese caso lo cambias por el de mostrar/ocultar.

El ejemplo de como queda lo quité de aquí, pero lo puedes ver enMalina Graficos Maniac.
Si pones el el puntero del ratón donde se supone que está la barra, se mostrará.

Espero que te resulte ;)

Publicar un comentario

Hola, por favor se amable, deja tu nombre y si necesitas respuesta suscribete al comentario ya que te responderé aquí mismo.

@>-,´-: MaLiNa

 

Copyright 2008 | Design by Somos Marca