HOME TUTO BIES ASK

22 January 2012

TUTORIAL : CUTE SCROLLBAR

Asalamualaikum w.b.t + Salam sejahtera .
Hope this day is the best than yesterday !

Scrollbar ? Alahai , yang mengawal turun naik itu lah . Selalu nya kelabu asap kan , Nak tak tukar jadi comel lote ?

FOR DENIM AND SIMPLE
Dashboard > Design > Edit Html
Use Ctrl+F , Cari kod ini
/* Header
Copy kod bawah ini , Dan pastekan sebelum kod yang korang cari tadi

FOR CLASSIC 
Login > Dashboard > Template
Copy kod dibawah dan pastekan diatas
::-webkit-scrollbar {
width:15px;
height:10px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {
height:10px;
width:5px;
display:block;
background:#F88BCD;
border:1px solid #C0137B;
}
::-webkit-scrollbar-track-piece  {
background-color:#F7C5E3;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#F490E5;
border:2px solid #CD76E3;
}
Preview . Kalau jadi save lah . GOOD LUCK .

NOTES:

YAYA : Boleh ubah , Mengikut citarasa masing-2
YAYA : Ketebalan border
YAYA : Boleh tukar . SOLID | DOTTED | DASHED
YAYA : Warna untuk scrollbar dan background


#Nak cari warna kat sini 


3 comments:

Unknown said...

yeay~ da b0leh la.. thanx!!~

Pwincess sarah said...

best..huhu..sarah ikut tuto nie...jom singgah blog sarah.. :)

Aqilah Azmi said...

thankssss prettay x