Scrollbar appliquée à toutes les barres.

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

Résolu Scrollbar appliquée à toutes les barres.

Message par Mysterack le Ven 30 Aoû - 6:21


    Une nouvelle salutation de ma part \ô/

    Actuellement je cherche à personnaliser mes scrollbars comme sur la plupart des forums d'aujourd'hui.
    Néanmoins je ne suis parvenu qu'à customiser la barre générale de droite et non celle de mes tableaux.
    Je me retrouve donc avec ceci mais je souhaiterais me retrouver avec cela.

    J'ai su donc trouver ces quelques codes en CSS;
    Code:
    :-webkit-scrollbar {
     height: 3px;
     width: 10px;
     background-color: #E2EFF0; /* couleur de fond */
    }
     
    html > ::-webkit-scrollbar {
      width: 5px; /* largeur de la barre */
    }
     
    ::-webkit-scrollbar-thumb {
      background: #598385; /* couleur de la barre qui se déplace */
      border-radius: 50px;  /* Arrondis */
    }
     
    ::-webkit-scrollbar-track-piece {
      background-color: #E2EFF0; /* couleur de fond */
    }
    Mais rien de plus ! Alors j'en viens à votre aide.
    Amicalement,


Dernière édition par Mysterack le Ven 30 Aoû - 14:45, édité 1 fois
avatar

Mysterack
*

Masculin
Messages : 32
Inscrit(e) le : 03/06/2011

http://junk-land.forumactif.org/
Mysterack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrollbar appliquée à toutes les barres.

Message par Self le Ven 30 Aoû - 8:40

Bonjour ^^.

Vous travaillez sous mozilla firefox ?
Si tel est le cas ce n'est pas le meilleur navigateur pour personnalisé votre scrollbar, mozilla n'aime pas trop que l'on touche à ses scrollbar ^^.

Cordialement Smile.
avatar

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Scrollbar appliquée à toutes les barres.

Message par Mysterack le Ven 30 Aoû - 11:41

    Non, je travaille sous google chrome ! °^°
avatar

Mysterack
*

Masculin
Messages : 32
Inscrit(e) le : 03/06/2011

http://junk-land.forumactif.org/
Mysterack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrollbar appliquée à toutes les barres.

Message par Self le Ven 30 Aoû - 12:06

Bonsoir Smile .

Le code trouver sur le net ne devrais pas donner ce que vous avez en ce moment :/.
Et si on essayez avec un hack CSS pour chrome, comme cela:
Code:
@media screen and (-webkit-min-device-pixel-ratio:0) {
:-webkit-scrollbar {
 height: 3px;
 width: 10px;
 background-color: #E2EFF0; /* couleur de fond */}   
html > ::-webkit-scrollbar {
 width: 5px; /* largeur de la barre */}     
::-webkit-scrollbar-thumb {
 background: #598385; /* couleur de la barre qui se déplace */
 border-radius: 50px;  /* Arrondis */}       
::-webkit-scrollbar-track-piece {
 background-color: #E2EFF0; /* couleur de fond */}
}
Cordialement Smile .
avatar

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Scrollbar appliquée à toutes les barres.

Message par Mysterack le Ven 30 Aoû - 12:30

    Re-bonsoir !

    J'ai tenté le code mais de nouveau, ça ne touche que la barre générale de droite ( lien du forum test

    A moins que je ne m'y prenne très mal ! x.x
    Merci beaucoup pour votre temps accordé, fufuh.
avatar

Mysterack
*

Masculin
Messages : 32
Inscrit(e) le : 03/06/2011

http://junk-land.forumactif.org/
Mysterack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Scrollbar appliquée à toutes les barres.

Message par Invité le Ven 30 Aoû - 13:22

Bonjour,

ce code marche sur tous les ascenseurs Smile

Code:

/* Chrome, Safari */
::-webkit-scrollbar {
   width: 5px;
   height: 10px;
}

::-webkit-scrollbar-track-piece  {
   background-color: #E2EFF0;
}

::-webkit-scrollbar-thumb:vertical {
   height: 30px;
        -webkit-border-radius: 10px;
   background-color: #598385;
}

::-webkit-scrollbar-thumb:horizontal{
   height: 30px;
        -webkit-border-radius: 10px;
   background-color: #598385;
}
avatar

Invité
Invité


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

Résolu Re: Scrollbar appliquée à toutes les barres.

Message par Mysterack le Ven 30 Aoû - 14:42

    *-------* Cela marche enfin !
    Merci à vous deux pour cette précieuse aide ! Je marque résolu !
avatar

Mysterack
*

Masculin
Messages : 32
Inscrit(e) le : 03/06/2011

http://junk-land.forumactif.org/
Mysterack 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