Membuat Postingan/Box Yang Bisa Digeser (Scroll Box)

Penulis : Kang Ismet 
 

Padapostingan kali ini saya akan menjelaskan bagaimana cara membuat box yang bisa digeser (scroll box). Bagi para master tentunya sudah tidak aneh dengan scroll box ini. Biasanya scroll box digunakan untuk meminimalisir space tempat, baik tinggi atau pun lebar. Penggunaan scroll box ini, bisa digunakan di postingan, edit template ataupun di widget.

Kunci dari scroll box ini adalah penambahan kode CSS:

overflow:auto

atau

overflow:scroll

kemudian, atur lebar (width) atau tinggi (height).

Perhatikan contoh tanpa scroll:

Ini adalah contoh tanpa scroll box, supaya panjang saya tambah poin:

1. Scroll Box
2. Overflow
3. Auto
4. Scroll
5. Width
6. Height

Kemudian saya tambahkan kode (pada Edit HTML):

<div style="background-color:#00FFFF; width:300px; height:100px; overflow:auto;">
disini diisi teks di atas</div>

----------

Sumber : http://blog.kangismet.net/2011/12/membuat-box-yang-bisa-digeser-scroll.html

Artikel Terkait