Contoh :
keterangan :
width:300px; = Untuk mengatur lebar bidang scroll, sesuaikan dengan lebar yang kalian inginkan. Dengan mengubah nilai 300 sesuai kebutuhan
Fungsi Scroll untuk Berbagai Keperluan
height:200px; = Untuk mengatur tinggi bidang scroll, sesuaikan dengan lebar yang kalian inginkan. Dengan mengubah nilai 200 sesuai kebutuhan
border:1px solid #eee = di gunakan untuk menampilkan garis, sehingga menghasilkan effect kotak, ubah nilainya menjadi 0px jika kalian tak ingin menampilkan garis nya
overflow:auto; = kode penghasil scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.
padding:10px; = digunakan untuk membuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. Seperti 5px
Fungsi Scroll untuk Berbagai Keperluan
itu lah kira-kira kodestandartnya, kalian bisa juga menambahkan variasi lainya di fasilitas ini seperti : merubah backroundnya dengan gambar atau merubahnya dengan warna keinginan anda
selain bisa di isi dengan link dan teks, fungsi scroll juga bisa di isi dengan gambar, iklan atau apa saja sesuai keinginan anda
untuk meletakkannya , seperti biasa anda menambahkan elemen halaman, pilih html/javascript lalu geser sesuai letak yang kalian inginkan
0 comments