ARTICULOS

Cambiando de color las barras de scroll

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

Del.icio.us Facebook Technorati

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. Cambiando de color las barras de scroll
2. Menú rollover
3. Scroll con hojas de estilo CSS
4. Menus simples con CSS y listas
5. Cambiar el cursor del Mouse
6. Mejorando la apariencia de los formularios
7. Capas visibles e invisibles
8. Formularios accesibles XHTML y CSS
9. Formularios basados en retículas CSS
10. Transparencias y bordes a imágenes
Más artículos...

Otros artículos...

Java Script Protección del email ante los spiders
WML WAP Generación Dinámica de Contenidos WAP
ASP Evitar la cache del navegador
Marketing 5 sencillos pasos para ganar clientes
PHP Optimizar código PHP
Java Script Redirección de acuerdo a la resolución del usuario
Servidores Redirección 301
ASP ¿Qué es el archivo GLOBAL.ASA?
Hojas de Estilo Scroll con hojas de estilo CSS
HTML Todo sobre formularios en html
Más artículos...