AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  



 

Partagez | 
 

 Scrollbar personnalisée (Chrome)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage

avatar
oh my universal
Messages : 53
Date d'inscription : 08/07/2016

MessageSujet: Scrollbar personnalisée (Chrome)   Sam 16 Juil - 12:22

Tutoriel créé par blue mermaid.

Sujet : scrollbar personnalisée.
Niveau : facile.
Application : css.

Coucou tout le monde   Aujourd'hui, je vous propose un petit tutoriel pour personnaliser les scrollbars (barres de défilement) sur votre forum. Ce tutoriel n'est optimisé que sous Google Chrome donc je ne garantis pas le résultat sur un autre navigateur !

Tout d'abord, il vous faut aller dans votre feuille de style css (panneau d'administration → affichage → couleurs → feuille de style css) et ajouter ce code :

Code:
::-webkit-scrollbar { width: xpx; height: xpx;}
::-webkit-scrollbar-button {  background-color: #xxxxxx; }
::-webkit-scrollbar-track {  background-color: #xxxxxx;}
::-webkit-scrollbar-track-piece { background-color: #xxxxxx;}
::-webkit-scrollbar-thumb { height: xpx; background-color: #xxxxxx; border-radius: xpx;}
::-webkit-scrollbar-corner { background-color: #xxxxxx;}
::-webkit-resizer { background-color: #xxxxxx;}

Remplacez les x par des chiffres pour déterminer la hauteur, longueur et couleur des éléments.

Afin que vous sachiez à quels éléments correspondent les codes ci-dessus, je vous propose un schéma extrait de ce site.



Il ne vous reste plus qu'à personnaliser à votre guise vos scrollbars. Quand c'est fait, n'oubliez pas de valider votre css.

Si vous avez des questions, n'hésitez pas  
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Scrollbar personnalisée (Chrome)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» EDM - Livres personnalisés pour enfants
» Comment faire une signature personnalisée
» CRP délai
» Coopérative d'Activité et d'Emploi
» Sérigraphie ou numérisation ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
OH MY RPG! :: OH MY SERVICES ! :: Le codage :: Tutoriels-