Tutorial change the scrollbar
Assalamualaikum w.b.t
Hellllllllllllllooooooooooooo!
Blog sudah bertukar wajah. Hmm??? Simple. Haha..
Today, I want to teach you all camne nak tukar scrollbar. But this is for Google Chrome jeh. Yang lain, soo sorry. :)
Then paste dekat atas
a:link {
If tak jumpa, cuba cari
a{
Then paste .
Info:
Kaler MERAH tu untuk Scrollbar. Korang tukarlah kod warna tu.
Kemudian preview, kalau jadi baru SAVE.
Itu cara pertama! Korang boleh jugak nak guna scrollbar lain.
KLIK SINI
haha. sorry gurau je. Ampun mbakk..
Copy this and paste dekat atas </style> pon boleh.. He he..
Yang backround colour untuk THUMB tu, korang boleh jugak tukar kepada gambar.
Just change the code like this.
Then, preview dulu!! Kalau jadi, baru save.
Thats all.
Da...
Assalamualaikum.
Hellllllllllllllooooooooooooo!
Blog sudah bertukar wajah. Hmm??? Simple. Haha..
Today, I want to teach you all camne nak tukar scrollbar. But this is for Google Chrome jeh. Yang lain, soo sorry. :)
Kepada sape2 guna blogskin, korang just go dekat template tu. Okeh?? Kalau blog design tu, aku tak reti. Sebab dah lama tak guna. Kahkah..
First, copy this code
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece {
background-color: #D6CFCB;
border: 3px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background-color: #D6CCC7;border: 1px solid #807B78;}
Then paste dekat atas
a:link {
If tak jumpa, cuba cari
a{
Then paste .
Info:
Kaler MERAH tu untuk Scrollbar. Korang tukarlah kod warna tu.
Kemudian preview, kalau jadi baru SAVE.
Itu cara pertama! Korang boleh jugak nak guna scrollbar lain.
KLIK SINI
haha. sorry gurau je. Ampun mbakk..
Copy this and paste dekat atas </style> pon boleh.. He he..
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #848586;
}
::-webkit-scrollbar-thumb {
background-color: #b0c6e4;-moz-border-radius: 10px;
border-radius: 10px;
}
Yang backround colour untuk THUMB tu, korang boleh jugak tukar kepada gambar.
Just change the code like this.
background-image:url(URL IMAGE);
Then, preview dulu!! Kalau jadi, baru save.
Thats all.
Da...
Assalamualaikum.
Comments