HTML / CSS > Changer les couleurs des barres de scroll [ L'éditeur JavaScript ]

Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

Article posté par : krucial
Date de mise en ligne : 27-04-2004
Niveau : Débutant
>> Ajouter un article

Changer les couleurs des barres de scroll

Voici le petit bout de code a inserer, entre les balises <HEAD> et </HEAD> de votre page :

<STYLE TYPE="text/css"> BODY { scrollbar-face-color: #7189AB; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #94A9CA; scrollbar-arrow-color: #FFCC00; } </style>

Explications :

scrollbar-face-color:
defini la couleur du dessus des boutons et de la barre de défilement.

scrollbar-shadow-color:
defini la couleur sombre du relief des boutons (noir conseillé).

scrollbar-highlight-color:
defini la couleur claire du relief des boutons (blanc conseillé).

scrollbar-3dlight-color:
defini la couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés (noir conseillé).

scrollbar-darkshadow-color:
defini la couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés (noir conseillé).

scrollbar-track-color:
defini la couleur du fond de la barre.

scrollbar-arrow-color:
defini la couleur des flèches. Voila, il ne vous reste plus qu'à vous laisser aller à votre imagination !

Annotations des visiteurs :

De morocco-odicy - le 16-01-2009

Se coed ne marche pas a vec Firfox
j'ao besoin d'aide ....

<STYLE TYPE="text/css">
BODY {
scrollbar-face-color: #7189AB;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #94A9CA;
scrollbar-arrow-color: #FFCC00;
}
</style>

De az2 - le 13-05-2008

ça donne de la couleur et un style a une page dommage que IE soit le seul a l'utilise

De CodeKiller - le 28-04-2007

Sincèrement, on se fiche de la couleur de la barre de défilement.

Et d'ailleur celle-ci change en fonction du thème de Windows.

De pas glop - le 10-09-2005

Incompatible avec: Mozilla et Mozilla Firefox

De KevBrok - le 26-09-2004

Il est très important de noter que ce propriétés en fait n'existent pas. En passant votre fichier dans le validateur CSS vous aurez des erreurs :) Ne pas mettre ces bouts de code si vous tenenz aux normes :D

C'est en fait Microsoft qui a créer ces propriétés(Au lieu de corriger les 18 failles de sécurités jamais corrigées depuis plus de 3 ans!) et donc ce n'est que ce navigateur qui le supporte.

Microsoft a du créer ça pour mettre un peux de style a son navigateur non-skinnable... Sur mozilla, la barre de scroll change selon le skin. Et ce n'est pas que la couleur !

>> Poster une annotation sur cette astuce

Retour à la liste des trucs et astuces

compteur gratuit
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Internet services
Internet Services offre de nombreux services gratuits et de très bonne qualité pour dynamiser votre site Web ! Forums, chats, livre d'or, etc ...
http://www.i-services.net

Cat : Forum - sondages - compteurs
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

61320 membres
7202 comptes CountUs
1721 comptes myCircle

LES FORUMS :

14 forums
39942 topics
190892 messages
>> Les forums

SONDAGE

La mini-astuce "Divers" du jour par alex55
Lorsque vous écrivez un message dans un textarea, il se peut que vous fassiez une erreur. Sachez que le CTRL+Z est activé dans les textarea ! Très pratique au cas où vous effacez tout le texte en faisant une fausse maneuvre. Les autres CTRL+[une lettre] marchent aussi (ex: CTRL+F pour rechercher).
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi