Home Profile Opinion Academic Experience Tutorial

Senin, 04 Januari 2016

Make Scrollbar Cute


  Hai kawan-kawan! Ratih request cara buat scrollbar kayak gitu. Yuk Read More!


1. Dashboard
2. Template
3. Expand Widget Template
4. Cari kode ]]></b:skin>
5. Copy paste kode dibawah ini diatas kode yang kamu cari
::-webkit-scrollbar {
width: 12px;
height: 25px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 15px;
width: 25px;
background: #FED7E6;
}
::-webkit-scrollbar-track-piece {
background-color: #FED7E6;
border: 5px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FEE6F2;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA7KVGw9pJYs3m57aLs1BTLJJo2Hafwn5eFKz_HNtVJbjS94ZZVVD4L7wMw9H6C-QmvoMAmX38cMPSCBTXPJZ7-3JPmagecqVf-2UMXcrf1ztVyfdpcoohJsbeRFb3TZMlPpzznEktTCGR/s1600/z..pinkbee.png);
border: 1px solid #FEE6F2;
background-size:500%;
background-position:0% 0%;
}
::-webkit-scrollbar-thumb:vertical:hover, ::-webkit-scrollbar-thumb:horizontal:hover {
background-size:100%;
}
-edit sesukamu
6. Save


C: This


Terima kasih telah membaca, tinggalkan komentar ya!

Tidak ada komentar:

Posting Komentar

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...