ARTICULOS

Cambiando de color las barras de scroll

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

Del.icio.us Digg 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. Formularios basados en retículas CSS
2. Obtener sombras con CSS
3. Menus simples con CSS y listas
4. Transparencias y bordes a imágenes
5. Efectos en textos e imágenes con CSS
6. Scroll con hojas de estilo CSS
7. Formularios accesibles XHTML y CSS
8. Cambiando de color las barras de scroll
9. Capas visibles e invisibles
10. Modelo de cajas
Más artículos...

Otros artículos...

ASP Utilizando las ServerVariables en ASP
Bases de Datos Exportar datos de MySQL a Access
PHP Enlace externo dinámico con frames
ASP ¿Qué es el archivo GLOBAL.ASA?
Varios Conexión FTP desde Dreamweaver
ASP Fechas en español
PHP Fecha completa en español
Java Script Redimensionar tamaño de ventana
Marketing 10 formas de darle notoriedad a un sitio web
CGI Redirección de acuerdo a la resolución de la pantalla
Más artículos...