Crunchy Mood

Cute Scrollbar

Saturday, 17 September 2011 | 20:58 | 0 comments

Korang tau tak ape die cute scrollbar?Scrollbar tu korg tengok la sendiri kat bawah tuu.Yang kaler biru tu.Yang korang turun-naikkan dier tu.Yang tu la scrolbar.Tapi yang ni untuk Google Chrome sahaja.

design->edit html->tick expand widget

Cari ]]></b:skin>.Untuk memudahkan lagi korg tkn CTRL + F.

Copy dan paste kod kat bawah ni Sebelum ]]></b:skin>.

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background-color: #C0C0C0;
-moz-border-radius: 10px;
border-radius: 10px;
}

Yang biru tu korg punya background scrollbar.Yang kelabu tu plak adalah scrolbar.Kalau korang nak cari kod warna korang cari kat sini

Kalau korang nak scrollbar korang ader border korang tambah kod kat bawah ni selepas border-radius: 10px

border: 1px solid #D16587;

Kaler biru tu kod kaler. Pas tu preview dulu.Kalau jadi,savelah

OLD / NEW