Modificar scroll por CSS

Events happening in the community are now at Drupal community events on www.drupal.org.
martinfdan's picture

Buenas... necesito cambiar el aspecto visual del scroll de drupal 6 - commons.

Hace tiempo en paginas web HTML he utilizado el siguiente código en los CSS:

body {
scrollbar-face-color: #6685CA;
scrollbar-highlight-color: #6685CA;
scrollbar-shadow-color: #6685CA;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#E5E5E5;
scrollbar-drakshadow-color:#000000;
}

Pero he probado a ponerlo en mi CSS del theme y no me funciona. Alguien me puede ayudar?

Gracias!

Comments

Modificar Scroll por CSS

luis_salazar's picture

Parece que los estilos se los aplicas al cuerpo ( body ) de tu web.

Suponemos que quieres aplicar el efecto scroll a alguna sección concreta de tu web en Drupal.

¿O se lo quieres aplicar solo al body?

Si se lo quieres aplicar al body teóricamente tiene que funcionar el efecto cuando el tamaño del body supere el alto o el ancho establecido.

Saludos

No... quiero aplicar el

martinfdan's picture

No... quiero aplicar el estilo al scroll de la pagina en general y con las lineas de código puestas anteriormente, cuando la página hace scroll no se ve con el diseño que le he puesto.

Gracias

no es css stándar

linuxamartillazos's picture

Hola.

Estas propiedades no pertenecen al estándar w3c, si no me equivoco solo funcionan o funcionaban en internet explorer y opera (desconozco si en versiones recientes de estos navegadores siguen teniendo soporte).

Si pruebas el css en una web que no sea drupal, verás que tampoco te funcionará el código. :-)

efectivamente lo que me

martinfdan's picture

efectivamente lo que me sucede, y creo que ni siquiera en IE lo veo. Alguna idea para hacerlo a través de w3c?

Gracias

sugerencia

linuxamartillazos's picture

El estándar w3c considera que las barras de desplazamiento son parte del navegador y no ofrece atributos para modificarlas, argumentando que esto sería modificar las preferencias del usuario para el navegador, y que además puede dificultar el acceso para personas con deficiencias visuales.

Hay una modulo jquery llamado jScrollPane que sirve precisamente para modificar la apariencia de las barras de desplazamiento. También hay un módulo de drupal para integrarlo en tu sitio:

http://drupal.org/project/jscrollpane

Aquí tienes un ejemplo de uso:

http://jscrollpane.kelvinluck.com/themes/lozenge/

Madrid

Group organizers

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds:

Hot content this week