Maret 26, 2012

Membuat Scroll Box pada halaman Web/Blog

Sebuah HTML scroll box adalah sebuah kotak yang menumbuhkan Scroll Bar apabila isi itu terlalu besar untuk muat dalam kotak. Bagaimana cara untuk membuat Box (Kotak)? Membuat Box adalah dengan menggunakan HTML div tag. Kemudian, untuk membuat Scroll Box dapat menerapkan CSS overflow property ke div.

Tidak perlu khawatir tentang rincian teknis pembuatannya karena kamu dapat menyalin dan menyisipkan kode HTML Scroll Box di bawah ini. Tentu saja, kamu juga dapat mengubah nilai-nilai yang sesuai (seperti ukuran Scroll Box, warna dan lain-lain)

<div style="height: 120px; width: 250px; font: 16px/26px Georgia, Garamond, Serif; overflow: scroll;">Sebagaimana yang terlihat. Ini adalah contoh dari Scroll Box yang dibuat sebagai contoh dari tutorial. Jangan takut untuk mencoba. (Ada Keinginan Maka Ada Jalan)

Hasilnya adalah seperti terlihat di bawah ini



Sebagaimana yang terlihat. Ini adalah contoh dari Scroll Box yang dibuat sebagai contoh dari tutorial. Jangan takut untuk mencoba. (Ada Keinginan Maka Ada Jalan)

Catatan :
Nilai angka pada "height" dapat dirubah untuk mengatur panjang Scroll Box
Nilai angka pada "widht" dapat dirubah untuk mengatur lebar Scroll Box
Nilai angka pada "font" dapat dirubah untuk mengatur besar kecilnya font

Tidak ada komentar:

Posting Komentar