-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