sábado, 28 de septiembre de 2013

Jugando con la NavBar de blogger

He lee ido mucho sobre blogger, he aprendido que la Navbar es una herramienta importante la cual no se debe eliminar. Pero el azul y estático es un amor. no vamos a inovar la manera de verla. Adelante.

-Ocultar la NavBar

Lo único que tienes que hacer es ingresar a www.blogger.com ir a la persona
ilación de tu blog. digamos su esqueleto y busca la "Configuración de la barra de navegación"



-Hacer flotante la navbar

Que sigua aunque bajes la pagina.

Poner este codigo antes de  ]]></b:skin>


#navbar-iframe {
left:0;
top:0;
position:fixed;
}

Si la quieres flotante en la parte de abajo entonces agregale abajo de top:0; LE PONES ESTO: bottom:0;


-Aparecer la navbar al pasar el cursor con desvanecimiento 


Agregar este codigo antes de ]]></b:skin>

#navbar-iframe {
opacity:.0;
filter:alpha(Opacity=0,FinishedOpacity=0);
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100);
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}


-Cambiar el color de la Navbar


Tienes que pegar este codigo antes de ]]></bskin>

#navbar-iframe {
background:#B40431; /* Color de la navbar */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#navbar-iframe:hover {
background:#000; /* Color de la navbar al pasar el cursor */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

Recuerda poner colores en html.


No hay comentarios:

Publicar un comentario

Related Posts Plugin for WordPress, Blogger...