Desbloquear o bloquear el navbar (barra navegación superior)

Algunas plantillas tienen el navbar bloqueado, y para desbloquearlo tenemos que eliminar el siguiente código:

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


En cambio si lo que estamos buscando es bloquear el navbar agregamos el mismo código dentro del <body>

Para ponerle un efecto al navbar, para que aparezca y desaparezca al cruzar el mouse por encima (mouseover) de manera gradual agregamos el siguiente segmento de código antes del </head>:

<script src='http://www.google.com/jsapi'/><script>
  google.load("prototype", "1.6.0.2");
  google.load("scriptaculous", "1.8.1");
</script>
<script type="text/javascript">
function navbarShow() {
new Effect.Opacity('navbar-iframe', {duration:0.5, from:0.0, to:1.0});
}
function navbarHide() {
new Effect.Opacity('navbar-iframe', {duration:0.5, from:1.0, to:0.0});
}
function navbarHack() {
Event.observe('navbar-iframe', 'mouseover', navbarShow, false);
Event.observe('navbar-iframe', 'mouseout', navbarHide, false);
navbarHide();
}
Event.observe(window, 'load', navbarHack, false);
</script>

0 comentarios:

Publicar un comentario

Si llegaste hasta acá y no lo encontraste lo que necesitás intentá buscarlo: