AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  



 
Le Deal du moment :
Nike : Jusqu’à 50% sur les articles de ...
Voir le deal

Partagez
 

 Scrollbar personnalisée (Chrome)

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

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

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

Tutoriel créé par blue mermaid.

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

Coucou tout le monde  Scrollbar personnalisée (Chrome) 781856399 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  Scrollbar personnalisée (Chrome) 3674946257
Revenir en haut Aller en bas
 

Scrollbar personnalisée (Chrome)

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

 Sujets similaires

-
» (cheshire) cream on chrome

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