Personalizando las barras de scroll del navegador

A partir de la version 5.5 el navegador de internet mas utilizado en el mundo, "Internet Explorer", soporta la personalizacion de sus barras de scroll. Mediante hojas de estilo podemos obtener barras realmente atractivas. Por ejemplo:

Ejemplo de barra de scroll personalizada

Estas barras siguen funcionando igual que las anteriores; lo unico que se modifica es su aspecto. Veamos como llegamos a esto...

<style type="text/css">
<!--
body {
SCROLLBAR-FACE-COLOR:#6699CC;
SCROLLBAR-HIGHLIGHT-COLOR: #6699CC;
SCROLLBAR-SHADOW-COLOR: #6699CC;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #E3E3E3;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}
-->
</style>

Este codigo hay que insertarlo entre las etiquetas HEAD o en la hoja de estilo que utilizemos. Ahora explicaremos que significa cada item:

Item Descripcin
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

Es complicado explicar cada item, lo que te recomiendo es que vayas cambiando los valores de los colores y que pruebes como va quedando.

COMPARTE ESTE ARTÍCULO

ENVIAR A UN AMIGO
COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN GOOGLE +
SIGUIENTE ARTÍCULO

¡SÉ EL PRIMERO EN COMENTAR!
Conéctate o Regístrate para dejar tu comentario.