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.

Noos
Opérateur cablé vraiment bon pour la TV, peut-etre un peu moins pour le net. Des bonnes offres cependant.
http://www.noos.fr/

Cat : Haut débit
Voir l'annuaire webmaster

LES SCRIPTS :

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

LES MEMBRES :

65973 membres
4643 comptes CountUs
1842 comptes myCircle

LES FORUMS :

14 forums
40359 topics
191688 messages
>> Les forums

SONDAGE

La mini-astuce "Referencement" du jour par krucial
Pour savoir combien de pages de votre site sont indexées dans Google, il vous suffit de taper, dans la boite de recherche du moteur : "site:http://www.votresite.com";.
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi