Personalizando la barra de scroll de tu web

Escrito por J.F. el Sábado, 25 de Agosto del 2007 a las 13:33

Seguro que si navegas con Internet Explorer te has encontrado muchas páginas web que tienen de diferentes colores la barra de scroll. En cambio los que navegamos por ejemplo con Firefox, eso nunca nos sucede, ya que esa propiedad CSS solo es admitida por Internet Explorer. Por ello el siguiente código CSS tan solo servirá para cambiar el color de la abrra de scroll en Internet Explorer, pero aún así se le puede dar un toque de distinción y dejarla a nuestro gusto, aunque solo sea para los usuarios de Internet Explorer. El código CSS es el siguiente, y lo incluimos dentro de la etiqueta body. En el ejemplo la barra de scroll es azul, pero puedes personalizarla cambiando los colores:

TEXTO PLANO

CSS:

1. body {
2. scrollbar-3dlight-color : #82BCDA;
3. scrollbar-darkshadow-color : #82BCDA;
4. scrollbar-highlight-color : #D7ECF5;
5. scrollbar-shadow-color : #3985AB;
6. scrollbar-arrow-color : #0E212A;
7. scrollbar-face-color : #82BCDA;
8. scrollbar-track-color : #82BCDA;
9. }

Categoria: CSS

• Añadir este post a
• Del.icio.us -
• Meneame -
• Digg -
• Webeame

Entradas relacionadas

Deja un comentario

Nombre (obligado)

E-mail (no sera publicado) (obligado)

Pagina web

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>