Scrollbox ツ

Request drpada Awanis ^^

Well, care die cmnie.

1) Dashboard > Design > Page Elements > Add a Gadgets > Add HTML/Javascript

2) Copy code kat bawah nie

 

<div style="
height: 200px;
width: 100px;
overflow: auto;

Dan paste-kan kat HTML yg tadi tu .Yg warne merah tu , anda boleh tukar mengikut kemahuan .

4) Next, copy pula code kat bawah nie

border-color: #codecolor;
border-style: solid;
border-width: 1px;

pastekan kat HTML yg sama dibawah code yg pertama tadi.

border colour, boleh tukar mengikut kemahuan

border style , boleh pilih antara solid , dashed dan  dotted.

         border width boleh ubah ikut kehendak anda

5) Then, copy code ini pula dan paste-kan di bawah code yg kedua tadi.

scrollbar-arrow-color: #codecolor;
scrollbar-track-color: #codecolor;
scrollbar-face-color: #codecolor;
scrollbar-highlight-color: #codecolor;
scrollbar-darkshadow-color: #codecolor;
scrollbar-3dlight-color: #codecolor;
scrollbar-shadow-color: #codecolor;">

Sila isi #codecolour dgn code warna - warna yg anda ingini yea ? :)

6) Lastly , copy code ini pula dan pastekan di bawah code yg ketiga tadi.

teks/image. </div>

gantikan teks/image tu kepada teks atau image yg anda hendaki :)

7) Preview dulu, kalau dah okay , click Save ! ^^

- kalau anda hendak letak image, pastikan anda letakkan code HTML gmbar tersebut bukanlah URL nya .

- Watch out ! Bila anda preview , code akan berubah . 

- Scrollbar colour tidak akan kelihatan jika menggunakan browser Mozilla Firefox .

Nota !

Special credits: banana

---

Ade masalah ? Komen - komen je :)

---