Scrollbars personnalisées sous chrome.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Scrollbars personnalisées sous chrome.
- Bonjour (:
j'ai remarqué sur certains forums qu'on pouvait transformer toutes les barres de défilement par défaut, avec des couleurs/formes personnalisées, sous . Je cherchais à obtenir ce résultat (comme par exemple ici là) ; j'ai regardé sur google & j'ai trouvé quelques pistes, notamment des codes tout faits en css + javascript, mais le résultat était pas ce que j'attendais & j'arrivais pas à changer les couleurs comme je le voulais...
voilà c'était pour savoir si quelqu'un aurait un code simple (scrollbar facile à personnaliser) pour m'aider.
Je vous remercie d'avance
Dernière édition par adminîle le Sam 27 Juil 2013 - 23:05, édité 1 fois
Re: Scrollbars personnalisées sous chrome.
Bonjour !
Voilà le code que j'ai utilisé :
Sur les exemples que tu as donné, l'ascenseur n'est pas arrondi, mais j'ai laissé au cas où. Si ça ne t'intéresse pas, tu peux retirer la ligne ou bien mettre à 0px. J'avais également ajouté des effets d'ombre à l'ascenseur, etc...
Enfin bref, après tu personnalises comme tu le souhaites
Voilà le code que j'ai utilisé :
- Code:
/*SCROLL BAR*/
::-webkit-scrollbar{
width: 15px; /*largeur de la scrollbar verticale*/
height: 15px; /*hauteur de la scrollbar horizontale*/
}
::-webkit-scrollbar-track {
background-color: COULEUR; /*couleur du fond de la scrollbar*/
border: 1px solid COULEUR; /*bordure*/
}
::-webkit-scrollbar-thumb {
background-color: COULEUR /*couleur de l'ascenseur*/;
border-radius: 10px; /*arrondi des coins de l’ascenseur*/
border: 1px solid COULEUR; /*bordure de l'ascenseur*/
}
/*FIN SCROLLBAR*/
Sur les exemples que tu as donné, l'ascenseur n'est pas arrondi, mais j'ai laissé au cas où. Si ça ne t'intéresse pas, tu peux retirer la ligne ou bien mettre à 0px. J'avais également ajouté des effets d'ombre à l'ascenseur, etc...
Enfin bref, après tu personnalises comme tu le souhaites
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Scrollbars personnalisées sous chrome.
- han c'est super, c'est exactement ce que je voulais, extra-simpleen plus, génial
merci beaucoup MlleAlys ♥
Re: Scrollbars personnalisées sous chrome.
de rien ! ^^
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Sujets similaires
» Personnaliser les scrollbars sous Firefox
» Vidéo ne passe plus sous IE10 et bien sous Chrome
» CSS qui s'affiche sous Chrome et non sous Firefox.
» Bug d'un template sous Chrome.
» Pub aléatoire sous chrome
» Vidéo ne passe plus sous IE10 et bien sous Chrome
» CSS qui s'affiche sous Chrome et non sous Firefox.
» Bug d'un template sous Chrome.
» Pub aléatoire sous chrome
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum