Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

CSS 2

  Modification des ascenceurs

fonction  principe  la methode elle-meme  demonstration  telechargement de la methode  Compatibilite du script... a partir de : 

  Fonction
Eh oui, il est possible de modifier le navigateur de votre visiteur !!
Du moins les différentes couleurs qui le composent...
  Principe
Pour ce faire, on fait appel à plusieurs attributs :
  • scrollbar-face-color : modifie l'ascenceur lui-même et le fond des boutons haut et bas,
  • scrollbar-arrow-color : modifie la couleur des flêches haut et bas de l'ascenceur
  • scrollbar-track-color : modifie la zone du fond de l'ascenceur
  • scrollbar-3dlight-color : modifie le filet haut et gauche de l'ascenceur et des boutons haut et bas
  • scrollbar-darkshadow-color : modifie le filet droit et bas de l'ascenceur et des boutons haut et bas
  La méthode
dans la partie <head>
<style>
BODY { scrollbar-face-color: orange; scrollbar-arrow-color: lightgreen; scrollbar-track-color: yellow; scrollbar-3dlight-color: red; scrollbar-darkshadow-color: blue; }
</style>
  Démonstration

Bah regardez l'ascenceur de cette page ;-)
 
  Téléchargement
Cette feuille de style est disponible en deux versions :
  • le style est appliqué localement, dans la balise style de la page),
  • le style dans une feuille de style externe, commune à toutes les pages (fichier .css).

    L'intérêt d'une feuille de style est de pouvoir partager le style entre plusieurs liens de la page.
  • Style local :
    int_ascenceurs.zip
    1 Ko
    telechargez le style telechargez le style
    Feuille de style :
    int_ascenceurs2.zip
    1 Ko
    Recherche
    aide sur la recherche
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter