jueves, 14 de marzo de 2013

scrollbares para tu sitio web



Hoaaaaa! :D Bueno, hoy les traigo unos scrollbares profesionales que hize para sus websites, son super lindos y faciles de instalar en tu blog!

Haz click en Más Información para ver el codigo del scrollbar y dónde lo debes posicionar, y las imágenes de los scrollbares :)




Elige entre alguna de estas imágenes ,para combinar el scrollbar con los colores de tu web:


 

Copia el siguiente código y pégalo debajo de body {

::-webkit-scrollbar {
background-color: #fff;
box-shadow: 0px 0px 5px #000000;
width: 10px;
}
::-webkit-scrollbar-thumb {
background-image:url('http://oi49.tinypic.com/2evryvm.jpg');
box-shadow: 0px 0px 2px #000000;
}



Todo lo que está en rojo ,es lo que debes reemplazar. El link directo a la imagen del scrollbar debe ser cambiado por la URL de los scrollbares que te presenté primero. Puedes cambiar el color de fondo reemplazando la #fff; , el 5px es el tamaño de difulminación de la sombra ,seguido del color de la sombra.

Si tienen más dudas pregunten en nuestro ask que contestamos todo.

0 comentarios: