Barras de desplazamiento personalizadas
 
scrollbar-3dlight-color Bordes relieve
scrollbar-arrow-color Flechas
scrollbar-base-color Color base
scrollbar-darkshadow-color Sombra fuerte
scrollbar-face-color Color superficie
scrollbar-highlight-color Color brillante
scrollbar-shadow-color Color de sombra
Selecciona los colores para cada elemento de la barra de desplazamiento. Podrás ver el efecto en el campo TextArea de la derecha. En el cuadro inferior tienes el código correspondiente a una página con este estilo para las barras de desplazamiento. El botón de la parte inferior te permitirá copiar la definición de estilo para que la pegues en tu página y recuerda asignar esta difinición al atributo class del elemento body de tu página (o a cualquier frame o cuadro con estas barras) si quieres ver las barras de scroll que acabas de definir. Los colores usados en este generador son na muestra de todos los posibles, puedes cambiarlos por los que más te gusten.

<HTML>
<HEAD>
<STYLE TYPE="text/css">
    .barra {
           scrollbar-3dlight-color:;
           scrollbar-arrow-color:;
           scrollbar-base-color:;
           scrollbar-darkshadow-color:;
           scrollbar-face-color:;
           scrollbar-highlight-color:;
           scrollbar-shadow-color:
         
}
  </STYLE>

</HEAD>
<BODY class="barra">
Aquí iría el contenido de tu página.<br>
Como ves todo consiste en crear un estilo CSS
</BODY>
</HTML>


     
Envía esta página a un amigo. Te lo agradecerá.   Poner esta página como página de inicio