Scrollbar appliquée à toutes les barres.

2 participants

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

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

Message par Mysterack Ven 30 Aoû 2013 - 14: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û 2013 - 22:45, édité 1 fois
Mysterack

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 Ven 30 Aoû 2013 - 16: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.
Self

Self
Membre actif

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

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

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

Message par Mysterack Ven 30 Aoû 2013 - 19:41

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

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 Ven 30 Aoû 2013 - 20: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 .
Self

Self
Membre actif

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

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

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

Message par Mysterack Ven 30 Aoû 2013 - 20: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.
Mysterack

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é Ven 30 Aoû 2013 - 21: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;
}
Anonymous

Invité
Invité


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

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

Message par Mysterack Ven 30 Aoû 2013 - 22:42

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

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

- Sujets similaires

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