La barre de défilement est une fonction polyvalente qui rend le travail avec n'importe quel site Web plus pratique et plus rapide. Dans le même temps, les propriétaires de sites préfèrent installer sur leurs pages non seulement des modules complémentaires utiles, mais également de beaux modules complémentaires qui correspondent à la conception de la palette de couleurs globale de la page. Dans cet article, nous allons vous montrer comment installer une barre de défilement colorée sur votre site Web. Il existe plusieurs façons de le faire, et l'une d'elles est un code prêt à l'emploi qui peut être installé sur n'importe quelle page dans laquelle vous souhaitez modifier la barre de défilement.
Instructions
Étape 1
Sélectionnez la page à modifier et copiez son code HTML dans le bloc-notes.
Après la balise, collez le code:
corps {scrollbar-face-color: # 5997CA;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: # 5997CA;
scrollbar-darkshadow-color: # 5997CA;
scrollbar-track-color: # F6F6F6;
scrollbar-arrow-color: # F6F6F6; }
Étape 2
Dans le code, ajustez les valeurs de couleur devant chaque paramètre comme vous le souhaitez: la couleur de la barre de défilement, la couleur de la flèche, la couleur de fond de la barre de défilement, la couleur des bordures, séparant les barres, etc.
C'est le moyen le plus simple, mais en plus il y en a un de plus - enregistrez le même code avec les paramètres de couleur de votre barre de défilement en tant que fichier css et chargez-le sur la page. Pour ce faire, ouvrez le code ci-dessus sans balises dans le bloc-notes. Enregistrez le fichier de code et nommez-le scroll.css. Ensuite, téléchargez sur le serveur au même endroit que la page où vous souhaitez modifier la barre de défilement.
Étape 3
Si vous ne connaissez pas le lettrage des couleurs en HTML, recherchez sur Internet n'importe quel tableau avec ces symboles. Il vous aidera à corréler les codes et les couleurs et à choisir la bonne couleur pour la conception de votre site Web.
