Assalaamu'alaikum! Pagi yang cerah. Hari ini insya Allah kita membahas cara membuat fungsi scroll. Apakah fungsi scroll itu? Fungsi scroll adalah jika kita memiliki menu atau informasi apa saja yang terlalu panjang ke bawah atau ke samping dan terlalu banyak makan tempat tetapi kita ingin menampilkan semuanya, jadi agar tidak terlalu menyita tempat namun semuanya dapat ditampilkan, maka kita pakai fungsi scroll.
Format kodenya yaitu:
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">...</div>
Keterangan:
Width = lebar area yang kita kehendaki
Height = lebar ke bawah area scroll yang kita kehendaki
Border = tebal bingkai
Solid = kode warna bingkai
... = Isi/Materi yang akan ditampilkan
Contoh:
<div style="overflow:auto;width:100px;height:50px;padding:10px;border:1px solid #eee">
<a target="_blank" href="http://www.google.com/">Google</a>
<a target="_blank" href="http://www.yahoo.com/">Yahoo</a>
<a target="_blank" href="http://www.msn.com/">MSN</a>
<a target="_blank" href="http://www.facebook.com/">Facebook</a>
<a target="_blank" href="http://www.twitter.com/">Twitter</a>
<a target="_blank" href="http://www.friendster.com/">Friendster</a>
</div>
Maka hasilnya akan seperti ini:
Ngga nyangka kan ?
Catatan:
Membuatnya harus di halaman Edit HTML
http://tutorialblog-seo.blogspot.com/2010/12/membuat-fungsi-scroll.html
No comments:
Post a Comment