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. Efectos en textos e imágenes con CSS
2. Obtener sombras con CSS
3. Crear página centrada sin usar tablas
4. Modelo de cajas
5. CSS Hojas de estilo es cascada
6. Menú rollover
7. Formularios basados en retículas CSS
8. Problemas del Modelo de Caja en IE 5
9. Menus simples con CSS y listas
10. Cambiar el cursor del Mouse
Más artículos...

Otros artículos...

Java Script Deshabilitar el botón derecho del mouse
Varios Conexión FTP desde Dreamweaver
PHP Una imagen para cada día de la semana
Photoshop Efecto de líneas de TV con Photoshop
PHP Fecha completa en español
Hojas de Estilo Menus simples con CSS y listas
Java Script Ventana a pantalla completa
phpBB Respuesta rápida en phpBB
Java Script Validando emails con JavaScript
ASP Buscador en ASP
Más artículos...