Inicio > Formación Webmaster > Consejos y trucos para webmasters > Cambiar el color barras de desplazamiento

Paquetes de Galeón

Galeón Basic

Galeón Basic

Crea tu web gratis

Ideal para hacer tu 1ª web
- Asistente para principiantes
- 15 MB de espacio gratis

+Información¡Gratis!

Galeón Plus

Galeón Plus

Más prestaciones

¡Igual de sencillo!
- 1 GB, FTP, sin publicidad.
- 10 GB/mes de ancho de banda

+Información5,42 €/mes

Hosting avanzado

Galeón Profesional

- 1 GB de espacio
- Bases de datos, PHP

+Información

Desde 5,95 €/mes

Alojamiento Galeón
Qué es Galeón
Ayuda
Paquetes Galeón
Tabla Comparativa
Guía Páginas de Galeón
Asistente para crear webs
Álbum de Fotos
Formación Webmaster
Consejos y trucos
Libros y Manuales
Otros servicios
Alojamiento Web Profesional
Dominios
Añade tu web en Guia Hispavista

 

CAMBIA EL COLOR DE LAS BARRAS DE DESPLAZAMIENTO DE TU WEB

Es posible que, en más de una ocasión, te hayas planteado la posibilidad de efectuar cambios en las barras de desplazamiento de tu página web para que queden integradas de forma mucho más armónica con el diseño general de tu site.

Para darle un toque más personal a las siempre anodinas barras de desplazamiento grises, puedes utilizar este sencillo truco:

Basta con incluir en el código de la página las modificaciones que deseamos hacer respecto al color de las barras de desplazamiento, pegando este código entre los tags <BODY> y </BODY>:

<style>
<!--
BODY { scrollbar-base-color : #FF9900;
scrollbar-arrow-color : #0000FF; }
.nav {
color : #FFCC00;
font-size : 8pt;}
-->
</style>

Las partes del código coloreadas de naranja y azul son las que hemos cambiado para modificar la apariencia de nuestra barra de desplazamiento. La parte naranja (correspondiente al "scrollbar-base-color") define el color predominante de la barra de desplazamiento. La parte azul (correspondiente al "scrollbar-arrow-color") define el color de las pequeñas flechas de los extremos. El resultado, gráficamente, es éste:

Cambia esos colores por aquellos que quieras utilizar y así tendrás una barra de desplazamiento personalizada a tu gusto en tus páginas.


Otros temas de formación:
> Ver Indice