Monday 2 January 2012

:: Tutorial Buat Scroll Bar Ala ~ Ala Ina (yg comel) ::


 Hye semua hari ni aku dapat buat bendew baru,,
Cube tgk Scroll Bar Ina,,
Cantikkan,,
Korang adew??
Hahaah x dew kan,,nak kew??

Ni aq ajo kan,, 
Mule korang gi kt sini
Dashboard > Design > Edit Html > Tick Expand Widget Templates

Lepas tu korang Tekan Ctrl F serentak , cari kod ini :
]]></b:skin>


Dah jumpew?? klw jumpew korang paste kod ni DI ATAS kod td tu,,



::-webkit-scrollbar {
height:14px;
width: 17px;
background: #FFD1E3;
border:2px dotted #000000;
}
::-webkit-scrollbar-thumb {
background-color: #FFBBDD;
-moz-border-radius: 12.5px 5px / 5px 12.5px;
border-radius: 12.5px 5px / 5px 12.5px; 
-moz-box-shadow: 0 0 18px #FF3399 ;
-webkit-box-shadow: 0 0 18px #FF3399;
border:2px solid #DF023B;}

Bendew yg korang boley ubah,,
Merah = warna background
Biru = warna bar scroll
Hijau = warne border bar scroll
Kuning = warne shedow bar scroll


lpas tu Preview la klw jadi save,,

PERHATIAN
scroll bar korang hanye boley dilihat mengunekan google chrome

Selamat Mencube

-out-

2 comments:

Asilah Syiela said...

tak leh pon .. :(

ღ dia amyra ღ said...

boleh tak nak corak lain ?

Like Sini !

Please Comments Here