ARTICULOS

Cambiando de color las barras de scroll

Autor: Fabian Muller (http://www.webexperto.com) - 17/06/2002

Aplicando un estilo a nuestras páginas, podemos cambiar de color las barras de desplazamiento del navegador Internet Explorer, pudiendo personalizarlo al gusto de cada uno.


Ejemplo de la barra personalizada

Lo primero que debemos saber es a que a que parte de la barra corresponde cada elemento de la hoja de estilo:

arrow: flecha
base: color base
dark-shadow: sombra del primer plano
track: fondo de la barra
face: primer plano
shadow: sombra del fondo
highlight: luz cuadro de flecha
3d-light: luz 3d

Código del estilo

Debemos ubicar el siguiente código dentro de la página o dentro de una hoja de estilo:

<style type="text/css">
body {
scrollbar-arrow-color: white;
scrollbar-base-color: white;
scrollbar-dark-shadow-color: #000080;
scrollbar-track-color: #0080C0;
scrollbar-face-color: #000080;
scrollbar-shadow-color: white;
scrollbar-highlight-color: white;
scrollbar-3d-light-color: a;
}
</style>

Recuerden cambiar los colores para adecuarlos a su página y hacerla más vistosa.

 

Más artículos sobre Hojas de Estilo

1. Cambiar el cursor del Mouse
2. Menú rollover
3. Efectos en textos e imágenes con CSS
4. Transparencias y bordes a imágenes
5. Scroll con hojas de estilo CSS
6. CSS Hojas de estilo es cascada
7. Modelo de cajas
8. Crear página centrada sin usar tablas
9. Obtener sombras con CSS
10. Menus simples con CSS y listas
Más artículos...

Otros artículos...

Java Script Barra de "cargando página"
Java Script Abrir una ventana cuando otra es cerrada
Java Script Cómo hacer un pop-up con JavaScript
Fireworks Creando una bola 3D con sombra
ASP Altas, bajas y modificaciones
PHP Instalación de PHP-Nuke bajo Windows
phpBB phpBB: Crear un foro privado
PHP Verificar existencia de una URL
Hojas de Estilo Crear página centrada sin usar tablas
Hojas de Estilo Formularios accesibles XHTML y CSS
Más artículos...