Le code généré par ce script ne fonctionne que sur l´explorer Internet de MicroSoft à partir de la version 5.5, vu que tous les navigateurs basés sur NetScape n´ont pas de moyens de modifier les ascenseurs, ceci dit les navigateurs tels que Firefox ignorent cette partie du code sans donner une erreur. Par l´aperçu vous pouvez régler l´arrière-plan et le text. Ceci est indépendant de la création du code et juste pour faciliter le choix des couleurs des ascenseurs.
Pour définir les couleurs utilisez les sélections resp. les champs de saisie. Pour les couleurs aussi bien les valeurs hexadécimales que les noms propres anglais sont acceptées . Toutes les couleurs peuvent être untilisées et non seulement celles de la sélection. A cet effet il suffit de saisir le code hexadécimal dans le champs de saisie et de confirmer par "OK".
La fonction scrollbar-base-color donne déjà des valeurs de couleurs pré-adaptées. Elles seront remplacées par les fonctions qui suivent et une valeur sera affectée à chaque partie. Afin que la fonction scrollbar-base-color fonctionne sans exception aucune valeur ne devra être attribuée par la suite. Seulement les valeurs de couleurs pour les flèches, scrollbar-arrow-color, sont indépendantes de cela.
Le code CSS dans le box de résultats doit être copié dans la partie HEAD de la page qui aura les ascenseurs en couleurs. Ceci est aussi valable lors de l´utilisation de frames. Cependant il n´est pas nécessaire de l´insérer dans la définition du frame lui-même.
Alternativement le code peut aussi être stocké dans un fichier externe. Ce faisant il suffit de modifier un seul fichier au lieu de chaque page.
Pour cela les commandes CSS seront sauvegardées dans un fichier texte à part. Il est de bon sens de lui donner l´extension .css. Dans ce fichier, les balises <style type="text/css"> et </style> ne s´appliquent pas. Voici un exemple:
body {
scrollbar-track-color: #000000;
scrollbar-face-color: #C0C0C0;
scrollbar-highlight-color: #696969;
scrollbar-3dlight-color: #FFD700;
scrollbar-darkshadow-color: FF0000;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #000000;
}
L´activation dans chaque page (dans la partie HEAD) s´effectue par:
<link rel="stylesheet" type="text/css" href="Fichier.css">
Au lieu de "Ficher.css" vous devez saisir le nom que vous lui avez attribué. Si vous le stockez dans un autre répertoire il faudra le préciser en donnant le chemin ou une URL absolue.