• Modifier la scrollbar

    Voici mes codes pour modifier la scrollbar. Pour ceux qui ne savent pas, la scrollbar est "l'ascenseur" sur le côté de la page vous permettant de descendre.
    Modifier la scrollbar

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :
    Installer une police et l'utiliser

              T A I L L E          
     Vous pouvez premièrement changer la taille de la barre pour slider.
     

     ::-webkit-scrollbar {
        width: NOMBREpx; }

    width  : la largeur de la scrollbar. Plus vous mettrez une valeur élevée, plus la scrollbar sera épaisse (large).

     

              C O U L E U R          
    Voici déjà une petite légende pour ne pas que vous soyez perdus entre le fond et la barre de slide :
    Modifier la scrollbar

    Ce premier code est pour modifier le fond de la scrollbar.

     ::-webkit-scrollbar-track {
        background-color: #COULEUR;}

     
    Ce code est pour modifier la barre de slide :

     ::-webkit-scrollbar-thumb {
        background-color: #COULEUR;}

    background-color  : la couleur comme vous aurez pu le constater. Après le #, il faut mettre un code héxadécimal (vous pouvez le trouver dans le Color Picker Pro, dans le menu).
    COULEUR  : champ à remplir en fonction de ce qui est marqué.


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :