11/02/2012

Personalizar el scroll bar

Corazones, en esta entrada les enseñaré  como personalizar el scrollbar (es la barrita para subir y bajar de la derecha)
 Pulsan Ctrl+F y buscan ]]></b:skin> y pegan el siguiente código arriba del anterior
::-webkit-scrollbar { height: 12px; width: 15px; background-image:url(URL DEL FONDO); } ::-webkit-scrollbar-thumb { background-image:url( } ::-webkit-scrollbar-thumb { background-image:url(URL DEL FONDO);-Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px;}

En el código: Las letras en morado son la forma del scroll bar, ustedes ya lo pueden cambiar por el que prefieran.
Luego dar vista previa y guardar

Espero que les haya gustado el tutorial, besos

No hay comentarios:

Publicar un comentario