Personnalise sa Scrollbar Arrondie

  • Auteur de la discussion Auteur de la discussion deleted535977
  • Créé le Créé le
D

deleted535977

Salut a tous

Ont se retrouve sur un Tutoriels Personnalise sa Scrollbar en arrondie


You must be registered for see images attach



Ouvre votre Panel d’administration -> Apparence -> Modification & Template -> EXTRA.css

Code: 
-webkit-scrollbar-thumb:active{
background-color: cyan;
border: 1px solid #333333;
}

::-webkit-scrollbar-track {
     background-color : @xbColor1;
    -webkit-box-shadow: transparent;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar {
    width: 14px;
}
::-webkit-scrollbar-thumb {
background-color: cyan;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: @uix_primaryColor;
    border: 1px solid #333333;
   
}
 
Gg comme tuto mais je veux un tuto scollbar sans xenforo :(
 
#JeSuisLyrix a dit:
Salut a tous

Ont se retrouve sur un Tutoriels Personnalise sa Scrollbar en arrondie


You must be registered for see images attach



Ouvre votre Panel d’administration -> Apparence -> Modification & Template -> EXTRA.css

Code: 
-webkit-scrollbar-thumb:active{
background-color: cyan;
border: 1px solid #333333;
}

::-webkit-scrollbar-track {
     background-color : @xbColor1;
    -webkit-box-shadow: transparent;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar {
    width: 14px;
}
::-webkit-scrollbar-thumb {
background-color: cyan;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: @uix_primaryColor;
    border: 1px solid #333333;
  
}
Cliquez pour agrandir...

Les "::-webkit-scrollbar" ne sont reconnus que sur google chrome et safari ;)

Le mieux c'est de passer par du JS
 
Retour
Haut