//Forever Imperfect
Scrollbar Macam Anis (Blogskin)

Friday, November 30, 2012 @ 7:43 PM | 0 Comment [s]


Kita tengah banyak mood nak buat tuto ni . Haha . Nak scrollbar macam kita ? Haaa . Mai sini baca steps .

1)Dashboard > Template > Edit HTML
2)Tekan CTRL+F then cari kod : 
body {
3)Dah jumpa ? Okay bagus . Then paste kod bawah ni kat ATAS kod tu .

 }
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 10px;
width: 10px;
display: block;
background-color: #33FFCC;
border: 1px solid pink;
}
::-webkit-scrollbar-track-piece {
background-color: #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #33FFCC;
border: 1px solid pink;
}

4)Okay , dah ? Sekarang tinggal tukar warna kod jee .
5)Jangan lupa preview then save okay . Takut hilang :)

MERAH : Saiz lebar and panjang scrollbar dan button bergerak tu .
BIRU MUDA : Warna button yang bergerak tu .
BIRU TUA : Saiz border scrollbar .
KUNING : Border scrolbar boleh tukar pattern kepada SOLID / DOTTED /   DASHED
PINK : Warna border .
HIJAU : Warna background scrollbar .

Nak cari kod warna boleh tengok dekat SINI


Older Post | Newer Post
The Disclaimer



Im not beauty queen. Im just Beautiful Me.

*Please be nice and mind your step here darling :* *

underlined, bold

blockqoute


Navigations!

Diary About Stuff Site


Current updates:
Dah tak lama lagi nak naik sekolah . Jarang lah update lepas ni . Pmr is just around the corner babe . Wish me luck . :*

Loovey Doovey




Let's Talk!

Chatbox

The Credits!

Template by : Farisyaa Awayy
Basecode by : Nurynn
Full Edited : Anees Humyra

Best View at GOOGLE CHROME!