ElTicus.com

Programación, lenguajes y recursos para programadores

Código fuente
Como cambiar el color de las barras de scroll del explorador
Utilizando CSS
Publicado por JL Fecha: 2006-12-10 01:20:00 Idioma: Español Tipo de documento: Código fuente

Untitled Document

Como cambiar el color de las barras de scroll del explorador

Para cambiar de color las barras de desplazamiento del explorador, colocamos en la hoja de estilos el siguiente código:

body{
  scrollbar-arrow-color: #000066;
  scrollbar-base-color: #000033;
  scrollbar-dark-shadow-color: #336699;
  scrollbar-track-color: #336699;
  scrollbar-face-color: #5e9ace;
  scrollbar-shadow-color: #DDDDDD;
  scrollbar-highlight-color: #CCCCCC;
}

El resultado se verá de la siguiente forma:

En caso de no utilizar un archivo de hojas de estilo, se puede insertar dentro del mismo archivo HTML en la sección de <HEAD> tal como se ve en el siguiente código:

<HTML>
<HEAD>
<style type="text/css">
body{
  scrollbar-arrow-color: #000066;
  scrollbar-base-color: #000033;
  scrollbar-dark-shadow-color: #336699;
  scrollbar-track-color: #336699;
  scrollbar-face-color: #5e9ace;
  scrollbar-shadow-color: #DDDDDD;
  scrollbar-highlight-color: #CCCCCC;
}
</style>
</HEAD>
<BODY>

...

Nota: Me funciona bien en el IE pero no en Mozilla, si alguien sabe como mejorarlo, favor de postearlo.

 




Nadie ha puesto ningún comentario todavía


Haz un comentario sobre este tema
Nombre email (no se muestra)
comentario:
Escribe las 2 letras que ves aquí: Imagen anti-spam =




No hay comentarios

Artículos relacionados:
Código fuente Como construir una gráfica de barras con CSS y PHP Truco Como colocar un tooltip sobre los elementos de mi página Truco Como hacer tablas con esquinas redondas con CSS y HTML