¿Porque usar una barra de
desplazamiento personalizada?
Una buena barra de desplazamiento añade una vida nueva y elegante a su
sitio web. Imagina que una persona tiene un sitio web muy profesional, pero la
barra de desplazamiento es de la vieja escuela, es bastante claro que,
destruirá el panorama completo de un sitio web.
A continuación observa la diferencia entre una barra antigua y
una personalizada:
Personalizando la Scroll bar
La anterior imagen es solo un ejemplo,
porque la que haremos sera un poco diferente a esa.
Lo que haremos para mejorar nuestra barra de desplazamiento sera muy
sencillo.
Solo utilizaremos un CSS en nuestra plantilla y el trabajao estara
terminado.
Entonces estando en blogger ve a Plantilla - Editar
HTML, das un clic dentro de la plantilla, presionas Ctrl + F,
escribes ]]> y oprimes Enter. Justo
antes pega el siguiente codigo CSS.
/* --- Barra de desplazamiento: --- */
::-webkit-scrollbar {
background:#fff;
width:10px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #62ABD2 10%,#62ABD2 51%);
}
::-webkit-scrollbar-track {
}Recuerda reemplazar #62ABD2 por el color de tu preferencia y que mas se ajuste a tu blog.
Fuente: terrenoblogger
0 comentarios:
Publicar un comentario