modificare la scroll bar in chrome

« Older Newer »

emanuele-_-1994

Posted on 19/9/2011, 14:22

codice funzionante solo su chrome i colori sono già abbinati per lo shonen forum e poi io vi ho aggiunto le ombre alla scroll
mettete questo codice nei colori e stili

CODICE

/* WEBKIT SCROLLBAR */

*::-webkit-scrollbar {-webkit-appearance: none; width: 10px; height: 10px}

*::-webkit-scrollbar-track-piece {background-color: #252525; box-shadow: -1px 0 1px #454545}

*::-webkit-scrollbar-thumb {background-color: #141414; border-radius: 40px; box-shadow: -1px -1px 1px #070707, 1px 1px 1px #353535}

*::-webkit-scrollbar-thumb:vertical {height: 30px}

*::-webkit-scrollbar-thumb:horizontal {width: 30px}

per la tag usate questo codice

ho arrotondato tutta la barra perchè se nò stava male

CODICE

.tag *::-webkit-scrollbar {-webkit-appearance: none; width: 10px; height: 10px}

.tag *::-webkit-scrollbar-track-piece {background-color: #252525; border-radius: 40px; box-shadow: -1px 0 1px #454545}

.tag *::-webkit-scrollbar-thumb {background-color: #141414; border-radius: 40px; box-shadow: 0 -1px 1px #101010, 0 1px 1px #353535}

.tag *::-webkit-scrollbar-thumb:vertical {height: 30px}

.tag *::-webkit-scrollbar-thumb:horizontal {width: 30px}