TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN

Ocultar/mostrar barra de navegación de blogger.

  Si deseamos que la barra de navegación de blogger se oculte y sólo aparezca cuando posicionamos el cursor encima del lugar donde debería estar,  como en el blog que nos ocupa.


Lo primero que comprobaremos es si tenemos el  fichero prototype.js o scriptaculous.js, entramos en diseño, edición html y pulsando CTRL+F. Realizamos la búsqueda, en el caso de no tenerlos, nos colocaremos justo delante del </head> pondremos el siguiente código:
<script src='http://www.google.com/jsapi'/><script>
google.load(&quot;prototype&quot;, &quot;1.6.0.2&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.1&quot;);
</script>
<script type='text/javascript'>
function navbarShow() {
new Effect.Opacity(&#39;navbar-iframe&#39;, {duration:0.5, from:0.0, to:1.0});
}
function navbarHide() {
new Effect.Opacity(&#39;navbar-iframe&#39;, {duration:0.5, from:1.0, to:0.0});
}
function navbarHack() {
Event.observe(&#39;navbar-iframe&#39;, &#39;mouseover&#39;, navbarShow, false); Event.observe(&#39;navbar-iframe&#39;, &#39;mouseout&#39;, navbarHide, false); navbarHide();
}
Event.observe(window, &#39;load&#39;, navbarHack, false);
</script>
En el caso que los archivos nombrados al principio del post, estuviesen ya, habrá que omitir la parte del código marcado en azul.
Podemos cambiar también el color de la barra de navegación para que se ajuste más a nuestro diseño.

3 comentarios:

Entradas populares

Colaboro En:

textoalternativo textoalternativo textoalternativo

Atención

Los comentarios serán publicados una vez hayan sido moderados, disculpen las molestias.

Este blog es informativo y de caracter educativo, el administrador del mismo no se responsabiliza del uso fraudulento o ilegal que otras personas hagan del contenido publicado en él.

Así mismo si alguien cree que se vulnera algún derecho se ruega ponerlo en conocimiento para que se subsane de forma inmediata.