Personalizacion de las barras de scroll-navegacion

Añadido el 19/04/2003

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.