Hoy vamos a cambiar de color nuestra barra scroll :-)
Para ello cuento con una imágen:
Y con el código de mi scroll:
<STYLE TYPE="text/css"><!--
BODY {
scrollbar-
arrow-color:#FFFFFF;
scrollbar-
track-color:#000000;
scrollbar-
shadow-color:#3B4285;
scrollbar-
face-color:#191D43;
scrollbar-
highlight-color:#FFFFFF;
scrollbar-
darkshadow-color:#0F1231;
scrollbar-
3dlight-color:#BDBFD2;
}
//--></STYLE>
Para conseguir el color deseado basta con tener un editor gráfico (photoshop por ejemplo) que a la hora de rellenar con un color algo, nos dice su código.
Por ejemplo, el blanco es #FFFFFF y el negro #000000
Para facilitar el trabajo a quienes no tengan editor gráfico voy a dar una página con los códigos de los colores:
+ L & L +Y despues de esto... donde se coloca este codigo para que se vea el resultado??
- Entramos en nuestro blog y apretamos en "Configuración avanzada" / "Editar HTML plantilla"
- Buscamos esta parte:
</head>
<body>
<div class="container">
Que se encuentra casi al principio de todo del codigo.
- Colocamos nuestro codigo debajo de donde pone "body"
EJEMPLO
</head>
<body>
<STYLE TYPE="text/css"><!--
BODY {
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#000000;
scrollbar-shadow-color:#3B4285;
scrollbar-face-color:#191D43;
scrollbar-highlight-color:#FFFFFF;
scrollbar-darkshadow-color:#0F1231;
scrollbar-3dlight-color:#BDBFD2;
}
//--></STYLE>
<div class="container">
- Le damos a "validar" y "guardar".
Ya tenemos nuestra barra scroll personalizada ;-P
Problemas con la barraUn problema puede ser que al intentar colocar otra cosa en la edicion de la pagina en html, al guardar, desaparezca el stilo de la barra scroll...
Así que esta explicación es para aquellas personas que no quieren comerse la cabeza toqueteando el archivo CSS.
Para los que sí quieren toquetear el CSS:
Con esto lo que hacemos es guardarlo definitivamente en el CSS, allí estará a salvo de futuras modificaciones en la página, siempre lo leerá el navegador (usease, que siempre lo interpretará nuestro internet explorer o el que tengamos).
Saludos!!
