Customiser les scrollbars

» INDEX «
Pour modifier les éternelles barres de scrolling grises de l'explorateurs, certaines propriétés existent et permettent de donner des couleurs à chaque élément constituant une barre de défilement.

Ces propriértés sont :

     - scrollbar-3dlight-color
     - scrollbar-arrow-color
     - scrollbar-base-color
     - scrollbar-darkshadow-color
     - scrollbar-face-color
     - scrollbar-highlight-color
     - scrollbar-shadow-color
     - scrollbar-track-color


  scrollbar-3dlight-color : couleur de l'effet 3D du coté éclairer de la barre de scroll.

  scrollbar-arrow-color : couleur de la fleche de la barre de scroll.

  scrollbar-base-color : couleur globale pour toute la barre de scroll.

  scrollbar-darkshadow-color : couleur de l'effet 3d du coté sombre de la barre de scroll.

  scrollbar-face-color : couleur du dessus de la barre de scroll.

  scrollbar-highlight-color : couleur du coté éclairer de la parre de scroll.

  scrollbar-shadow-color : couleur du coté sombre de la barre de scroll.

  scrollbar-track-color : couleur du support de la barre de scroll.


Graphique :

Barre de scroll


Les éléments pouvant afficher les scrollbars sont bien sur la fenêtre de l'explorateur, mais aussi les TEXTAREA, les DIV et les SPAN (propriété overflow du style). En positionnant les caractéristiques de la scrollbar dans la partie BODY, tous les éléments internes possédant des scrollbars utiliseront par défaut ces paramètres.

Exemple avec une textarea :




commentaires / remarques
© Copyright 2004 by StartYourDev
Ajouter aux favoris contact plan du site Downloads Liens - Partenaires
Accueil
Rubrique HTML Rubrique XML-XSL Rubrique XHTML Rubrique CSS Rubrique JavaScript Rubrique SVG Rubrique Codes - Tutoriels
Codes Récents
HTML Area
Détection du browser
Temps de chargement
Texte clignotant
Menu contextuel
Tutoriels
Les images
Les meta tags
Les scrollbars