CLIENTS WEB
CSS : changer les couleurs de la barre de défilement
Spécificité d'Internet Explorer, ce changement fait partie des petits plus pas forcément indispensables qu'on ne résiste toutefois pas à l'envie de tester...  (24 mars 2004)
 
Forums
* Discutez en sur les forums
Spécificité d'Internet Explorer, le changement des couleurs de la barre de défilement doit être assorti d'un avertissement : le code mis en oeuvre n'a que peu de chance de fonctionner sur d'autres navigateurs Web.

Néanmoins, pour ceux qui se sentent l'envie d'intégrer les couleurs de leur interface jusqu'au sein d'IE, les feuilles de style permettent cette légère entorse à l'universalité.

A utiliser toutefois avec un minimum de bon sens : une barre et un fond de la même couleur ne pourront que faire fuire le visiteur !

Face color : la couleur de la barre elle-même
Arrow color : la couleur des flèches haut et bas
Track color : la couleur de la gouttière dans laquelle la barre se déplace (le fond)
Shadow color : l'ombre en haut à gauche
Highlight color : la couleur entourant la barre
3dlight color : l'éclairage de la barre
Darkshadow color : l'ombré de la barre



Le code
<style>
<!--
body {
  scrollbar-face-color:#FF0000;
  scrollbar-arrow-color:yellow;
  scrollbar-track-color:#EEEE11;
  scrollbar-shadow-color:'green';
  scrollbar-highlight-color:'#000';
  scrollbar-3dlight-color:'darkblue';
  scrollbar-darkshadow-Color:'white';
  }
-->
</style>



Les meilleures astuces CSS sur le JDN :
- Comment appliquer les CSS d'une page web au contenu d'une iframe ?
- Comment centrer horizontalement une DIV dans une autre en CSS ?
- Comment créer un arrière-plan (backgroud) CSS extensible et adaptable ?
- Comment définir les cellpadding et cellspacing en CSS ?
- Comment modifier l'image d'un bouton input en CSS ?
- Comment rendre l'arrière-plan d'un élément semi-transparent en conservant le texte de cet élément opaque en CSS ?
- Internet Explorer supporte-t-il l'attribut CSS border-radius

 
[ Xavier BorderieJDNet ]
 
Accueil | Haut de page