Bueno, el tema de personalizar las barras de scroll-navegacion es bien sencillo, aunque existen numerosos articulos que complican el tema hasta cota insuperables. El caso es que os voy a explicar de forma rapida y sencilla como hacerlo en 1 minuto:
Usaremos para ello un estilo css:
<style type="text/css"> <!-- body { SCROLLBAR-FACE-COLOR:#6699CC; SCROLLBAR-HIGHLIGHT-COLOR: #6699CC; SCROLLBAR-SHADOW-COLOR: #6699CC; SCROLLBAR-3DLIGHT-COLOR: #F666FF; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #58E3E3; SCROLLBAR-DARKSHADOW-COLOR: #000000; } --> </style> El caso es que ahora lo complicado es saber para que vale cada campo, pero para eso estamos:
- SCROLLBAR-FACE-COLOR: Color de la base de la barra
- SCROLLBAR-HIGHLIGHT-COLOR: Color resaltado de la barra
- SCROLLBAR-SHADOW-COLOR: Color de la sobra de la barra
- SCROLLBAR-3DLIGHT-COLOR: Color del relieve de la barra
- SCROLLBAR-ARROW-COLOR: Color de las flechas de la barra
- SCROLLBAR-TRACK-COLOR: Color del fondo de la barra
- SCROLLBAR-DARKSHADOW-COLOR: Color de la sobra mas oscura de la barra
Como veis muy sencillo y totalmente configurable, ahora solo teneis que dejar libre vuestra imaginacion y a desarrollar la idea...
Disfruta de este pequeño truco