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. Efectos en textos e imágenes con CSS
2. Transparencias y bordes a imágenes
3. CSS Hojas de estilo es cascada
4. Capas visibles e invisibles
5. Menú rollover
6. Formularios accesibles XHTML y CSS
7. Scroll con hojas de estilo CSS
8. Cambiar el cursor del Mouse
9. Obtener sombras con CSS
10. Cambiando de color las barras de scroll
Más artículos...

Otros artículos...

Hojas de Estilo Formularios basados en retículas CSS
phpBB Respuesta rápida en phpBB
PHP Funciones en archivos
PHP Consultas de selección aleatoria
ASP Llamando al código ASP desde una imagen
Java Script Detectar el idioma y país del usuario
Java Script Estela en el puntero del mouse
Marketing ¿Cómo hacer una presentación?
Hojas de Estilo Menú rollover
Java Script Marcar todos los checkboxes
Más artículos...