Schimbare scrollbar default - Forum

[ Mesaje noi · Membrii · Regulamentul forumului · Căutare · RSS ]
Pagina 1 din 11
Forum » Tutoriale si Resurse (T&R) » T&R CSS3 » Schimbare scrollbar default
Schimbare scrollbar default
GravediggerData: Marţi, 2013-06-25, 2:47 AM | Mesaj # 1
Gravedigger
Administrator
Grup: Administratori
Mesaje: 542
Premii: 10
Reputatie: 5
Stare: Offline
Buna ziua in acest tutorial vreau sa va arat cum sa va scimbati si personalizati scrollbar-ul de pe site-urile voastre.

Eu am sa va pun la dispozitie codul css al unui scrollbar facut de mine.Il puteti modifica dupa bunul plac.


DEMO:



Cod
/* For the "inset" look only */
html {
      overflow: auto;
}

/* Let's get this party started */
::-webkit-scrollbar {
      width: 8px;
      height: 0px;
}
     
/* Track */
::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 18px #000000;   
      -webkit-border-radius: 0px;
      border-radius: 0px;
}
     
/* Handle */
::-webkit-scrollbar-thumb {
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background: #ff9600;   
      -webkit-box-shadow: inset 0 0 6px #000000;   
}
::-webkit-scrollbar-thumb:window-inactive {
   background: #a46000;   
}



 
Forum » Tutoriale si Resurse (T&R) » T&R CSS3 » Schimbare scrollbar default
Pagina 1 din 11
Căutare: