Scrollbars personnalisées sous chrome.

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

Résolu Scrollbars personnalisées sous chrome.

Message par adminîle le Sam 27 Juil 2013 - 17:08

      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 ch . 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  ::fleur:: 


Dernière édition par adminîle le Sam 27 Juil 2013 - 23:05, édité 1 fois

adminîle
***

Féminin
Messages : 116
Inscrit(e) le : 05/04/2008

http://theisland.forumakers.com/
adminîle a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Scrollbars personnalisées sous chrome.

Message par MlleAlys le Sam 27 Juil 2013 - 17:27

Bonjour !
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*/
où COULEUR doit être remplacé par le code de la couleur désirée.

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 Wink

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrollbars personnalisées sous chrome.

Message par adminîle le Sam 27 Juil 2013 - 23:06

    han c'est super, c'est exactement ce que je voulais, extra-simpleen plus, génial
    merci beaucoup MlleAlys ♥

adminîle
***

Féminin
Messages : 116
Inscrit(e) le : 05/04/2008

http://theisland.forumakers.com/
adminîle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrollbars personnalisées sous chrome.

Message par MlleAlys le Sam 27 Juil 2013 - 23:17

de rien ! ^^

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum