Barra de desplazamiento a medida en CSS

Aunque limitado al Internet Explorer 5.5 o superior, este efecto goza de cierta popularidad y se está extendiendo su uso. Mediante hojas de estilo en cascada (CSS) podemos modificar los valores de color de los elementos los elementos scrollbar-face-color, scrollbar-arrow-color, scrollbar-track-color, etc. que controlan los colores que se aplican a la barra de desplazamiento vertical. De esta forma, tendremos una barra de desplazamiento de aspecto visual impactante (y sobre todo, diferente).

Combina a tu gusto los colores y prueba diferentes opciones para obtener tu barra de scroll a medida.

<STYLE TYPE="text/css">
/* Mauricio Alejandro - Cambia propiedades barra desplazamiento

Este script y otros muchos pueden
descarse on-line de forma gratuita
en El Código: www.elcodigo.net
*/

BODY {
scrollbar-face-color: #0099CC; /*barra*/
scrollbar-arrow-color: #006699; /*flecha*/
scrollbar-track-color: #00CCFF; /*fondo*/
scrollbar-shadow-color: #006699; /*sombra*/
scrollbar-highlight-color: #99FFFF; /*sombra clara*/
scrollbar-3dlight-color: #CCFFFF; /*sombra mas clara*/
scrollbar-darkshadow-Color: #0066CC; /*sombra oscura*/
}</STYLE>

Autor: Mauricio Alejandro
http://www.paginadigital.com.ar/servicios/diseno-paginas-web_det.asp?IdArticulos=5

Usuarios que han visto este tema también han visto...

- Poner fondo a cualquier elemento con CSS
- Degradado con CSS Filter
- Maquetar una página con CSS
- Equivalencias en tamaños tipográficos (CSS)
- Maquetar con CSS usando X columnas

- Versión imprimible de este documento

- Enviar por e-mail este documento