Personnalisation de divers aspects de la barre de défilement qui longe votre contenu peut être un excellent moyen d`ajouter un niveau supplémentaire de conception synergie à votre site Web. Heureusement, une série d`attributs CSS peut être placé soit à l`intérieur d`une feuille de style CSS ou directement dans l`en-tête d`un document HTML qui rendent ces personnalisations une brise. Sachez, cependant, que de Juillet 2010, Microsoft Internet Explorer (versions 5.5 et supérieures) est le seul navigateur Internet majeur qui prend en charge ces personnalisations scrollbar. Dans Google Chrome, Apple Safari et Mozilla Firefox, la barre de défilement de votre site reviendra sur le navigateur par défaut.
Choses que vous devez
- programme de conception Web ou éditeur de texte
Faites une copie de sauvegarde de tous les fichiers que vous souhaitez modifier. Il est toujours possible pour des problèmes ou des pépins de se poser pendant que vous travaillez sur un projet de développement, il est donc préférable d`être sûr que désolé.
Ouvrez le fichier qui génère les pages pour lesquelles vous souhaitez personnaliser la barre de défilement à l`aide d`un programme de conception de sites Web, tels que Microsoft Expression Studio, ou un éditeur de texte, tel que le Bloc-notes. Si votre site utilise CSS, ce fichier sera très probablement "style.css" et sera situé dans le répertoire d`accueil de votre site Web. Si vous n`êtes pas en utilisant le CSS, vous aurez besoin d`ouvrir chaque fichier pour lequel vous souhaitez personnaliser la barre de défilement.
Changer la couleur de la barre de défilement en ajoutant l`attribut CSS suivante, où #FFFFFF (blanc) est remplacé par le code de couleur à six caractères pour la couleur que vous désirez.
body {scrollbar-base couleur: # 369-}
Si vous changez la couleur de la barre de défilement en modifiant votre feuille de style CSS, placez l`attribut scrollbar-base-couleur (exactement comme indiqué ci-dessus) partout dans la section de corps. Si vous changez la couleur de la barre de défilement en ajoutant manuellement le CSS sur une base page par page, vous aurez besoin d`envelopper le code comme suit et le placer sous la page de et
Mots clés.Peaufinez le style de votre scrollbar en réglant ses couleurs d`accent. Les attributs suivants peuvent tous être utiliser et doivent être placés directement sous l`attribut scrollbar-base-couleur. Assurez-vous de changer #FFFFFF aux six code couleur -character approprié.
scrollbar-arrow-color: # FFFFFF-
scrollbar-base-color: # FFFFFF-
scrollbar-darkshadow-color: # FFFFFF-
scrollbar-face-color: # FFFFFF-
scrollbar-highlight-color: # FFFFFF-
scrollbar-shadow-color: #FFFFFF;Enregistrer les fichiers et les télécharger sur votre hôte Web ou d`un serveur Web, en remplaçant les anciens fichiers.
