MEMBUAT SCROLL BOX 18

Untuk menghemat tempat terutama untuk posisi di sidebar, biasanya dipakai scroll box, sehingga tidak perlu kuatir dengan kondisi teks yang sangat banyak...

Sistem dari scroll box itu sendiri adalah langsung akan ada scroll apabila teks yang ada telah melebihi ukuran dari box itu sendiri....

langsung aja ke bagian kodenya...

<!-- kode HTML oleh karsono.co.cc --><div style="height:100px;width:400px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">Disini adalah teks anda… dengan banyaknya teks, secar otomatis akan membentuk kotak scroll box, sehingga dapat menghemat tempat</div>

nach hasil dari kode diatas adalah seperti yang terlihat di bawah ini

Disini adalah teks anda… dengan banyaknya teks, secar otomatis akan membentuk kotak scroll box, sehingga dapat menghemat tempat

apabila ingin mempercantik coba tambahkan background... kodenya... <div style="height:50px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">Disini adalah teks anda…yang telah ditambahi warna background, dengan banyaknya teks, secar otomatis akan membentuk kotak scroll box, sehingga dapat menghemat tempat</div>

hasil dari kode diatas,.. liat ni..

Disini adalah teks anda… dengan banyaknya teks, secar otomatis akan membentuk kotak scroll box, sehingga dapat menghemat tempat

atau ada lagi ni yang lebih cakep... yaitu sekalian mewarnai scrollnya... penasaran... liat ni kodenya

<div style="height:50px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;background-color:#67F152; scrollbar-base-color:#67F152">Disini adalah teks anda yang scrollnya dan backgroundnya telah di warnai… dengan banyaknya teks, secar otomatis akan membentuk kotak scroll box, sehingga dapat menghemat tempat</div>

hasilnya

Disini adalah teks anda yang scrollnya dan backgroundnya telah di warnai… dengan banyaknya teks, secar otomatis akan membentuk kotak scroll box, sehingga dapat menghemat tempat

beres