L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX new!
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

     Referencement
     Créat. de bannière

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
101899 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques
     Création logo

Plus :
     Comparateur de prix
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Hebergement gratuit
     Le PHP facile
     Horoscope
     Comscripts
     WebmasterClub
     Activeartanima...
     Le village de ...
     Netsources
     Faro-dessing
     L'écriteau
     Images gifs an...
     Easy-script.com
     Créer son site...
     Création de site
     Je javascript
     Les autres
     Votre site ici ?


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 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





30 visiteurs
actuellement en ligne

    PUBLICITE

Wilogo.com - Création Logo Entreprise

     ANNUAIRE WEBMAST.
PriceMinister
Achat vente de produits informatiques d'occasion.
http://www.priceminister.com
Cat : Hardware
Voir l'annuaire webmaster


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

     LES MEMBRES :
54728 membres
8701 comptes CountUs
1446 comptes myCircle

     LES FORUMS :
14 forums
39151 topics
188601 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "PHP / mySQL" du jour par @Rano
Lorsque vous voulez faire une recherche sur les fonctions PHP, allez simplement à l'url :
http://fr.php.net/fonction_que_vous_cherchez (par exemple http://fr.php.net/mail)
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 20/08/2008 12:57:41 | Design by Studcrea | Gen. en 0.304 sec.