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û 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
*

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û 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
+ 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û 2013 - 19:41

    Non, je travaille sous google chrome ! °^°

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û 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
+ 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û 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
*

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û 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;
}

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û 2013 - 22:42

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

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