La technique permettant d'afficher des ascenseurs personnalisés en couleur est faite grace aux styles.
Plusieurs variables sont utilisées et portent un nom de code, il suffit d'attribuer un code couleur à chaque élément de l'ascenseur.
Voici les différentes variables et code couleur utilisés sur cette page avec entre parenthèse la signification du code :
SCROLLBAR-FACE-COLOR: #336699 (ascenseur)
SCROLLBAR-HIGHLIGHT-COLOR: #4d88c4 (surbrillance)
SCROLLBAR-SHADOW-COLOR: #224466 (ombre)
SCROLLBAR-ARROW-COLOR: #ffffff (fleche)
SCROLLBAR-BASE-COLOR: #000000 (base)
SCROLLBAR-DARKSHADOW-COLOR: #224466 (ombre de fond)
SCROLLBAR-3DLIGHT-COLOR: #224466 (surbrillance de fond)
Un zoom sur les couleurs de l'ascenseur
La syntaxe du code utilisé
<head>
<style type="text/css">
body.scrollbar {SCROLLBAR-FACE-COLOR: #336699; SCROLLBAR-HIGHLIGHT-COLOR: #4d88c4; SCROLLBAR-SHADOW-COLOR: #224466; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #224466; SCROLLBAR-3DLIGHT-COLOR: #224466}
</style>
</head>
<body class="scrollbar">
|