Mudah dan sederhana cara untuk meenampilkan elemen halaman yang memiliki scroll seperti pada elemen halaman EPG Studio (lihat :ARSIP EPG STUDIO . Elemen halaman yang memiliki vertical scroll dapat menghemat tempat pada sidebar terutama jika isi tulisannya berjumlah banyak.
Caranya anda tinggal menambah kode HTML seperti dibawah ini :
Contoh : lihat yang berwarna kuning
Contoh diatas jadinya akan seperti ini :
1.Software Menggambar untuk Anak
2.MP3 Lagu Barat Campur
3.Ragam Huruf Latin
4.Deep Freeze si Penangkal Virus
5.Buku Sekolah Elektronik (BSE)
6.MP3 Lagu Pop Indonesia
7.Software Islam
8.Kumpulan Soal Ujian Tingkat SMP Bagian 1
9.MP3 Lagu Perjuangan
10.MP3 Lagu Daerah Sambas
Jika anda ingin mengubah beberapa karakter tinggal mengubah pada bagian ini
1. width ganti angkanya dengan lebar yang anda inginkan.
2. Height ganti angkanya dengan tinggi yang anda inginkan.
3. Padding ganti angkanya dengan jarak antara batas tepi dengan awal tulisan.
4. Border garis pinggir
5. Solid #eee merupakan kode dari warna biru, anda bisa ganti dengan kata white, black atau apa saja.
Agar isi halaman yang satu dengan yang lainnya tidak berhimpitan beri kode
Selamat mencoba...!
Caranya anda tinggal menambah kode HTML seperti dibawah ini :
<div style="overflow:auto;width:300px;
height:200px;padding:10px;
border:1px solid #eee">
isi halaman
</div>
Contoh : lihat yang berwarna kuning
<div style="overflow:auto;width:250px;height:100px;padding:5px;border:1px solid blue"><div>
1.<a href="http://epg-studio.blogspot.com/2009/01/software-anak-anak-gratis.html" target="new">Software Menggambar untuk Anak</a>
2.<a href="http://epg-studio.blogspot.com/2009/01/download-mp3-slow-rock-barat.html" target="new">MP3 Lagu Barat Campur</a>
3.<a href="http://epg-studio.blogspot.com/2009/02/rgam-huruf.html" target="new">Ragam Huruf Latin</a>
4.<a href="http://epg-studio.blogspot.com/2009/02/deep-freeze-si-penangkal-virus.html" target="new">Deep Freeze si Penangkal Virus</a>
5.<a href="http://epg-studio.blogspot.com/2009/02/dinas-pendidikan-pusat-memberikan.html" target="new">Buku Sekolah Elektronik (BSE)</a>
6.<a href="http://epg-studio.blogspot.com/2009/02/mp3-musik-pop-indonesia_13.html" target="new">MP3 Lagu Pop Indonesia</a>
7.<a href="http://epg-studio.blogspot.com/2009/02/software-islam.html" target="new">Software Islam</a>
8.<a href="http://epg-studio.blogspot.com/2009/03/kumpulan-soal-ujian-tingkat-smp.html" target="new">Kumpulan Soal Ujian Tingkat SMP Bagian 1</a>
9.<a href="http://epg-studio.blogspot.com/2009/03/mp3-lagu-lagu-perjuangan_08.html" target="new">MP3 Lagu Perjuangan</a>
10.<a href="http://epg-studio.blogspot.com/2009/03/mp3-lagu-daerah-sambas.html" target="new">MP3 Lagu Daerah Sambas</a>
</div>
Contoh diatas jadinya akan seperti ini :
1.Software Menggambar untuk Anak
2.MP3 Lagu Barat Campur
3.Ragam Huruf Latin
4.Deep Freeze si Penangkal Virus
5.Buku Sekolah Elektronik (BSE)
6.MP3 Lagu Pop Indonesia
7.Software Islam
8.Kumpulan Soal Ujian Tingkat SMP Bagian 1
9.MP3 Lagu Perjuangan
10.MP3 Lagu Daerah Sambas
Jika anda ingin mengubah beberapa karakter tinggal mengubah pada bagian ini
<div style="overflow:auto;width:250px;height:100px;padding:5px;border:1px solid blue"><div>
isi halaman
</div>
1. width ganti angkanya dengan lebar yang anda inginkan.
2. Height ganti angkanya dengan tinggi yang anda inginkan.
3. Padding ganti angkanya dengan jarak antara batas tepi dengan awal tulisan.
4. Border garis pinggir
5. Solid #eee merupakan kode dari warna biru, anda bisa ganti dengan kata white, black atau apa saja.
Agar isi halaman yang satu dengan yang lainnya tidak berhimpitan beri kode
<br/>
diantara isi halaman.Selamat mencoba...!
Read more: http://epg-studio.blogspot.com/2009/04/elemen-halaman-memiliki-vertical-scroll.html#ixzz1PnpGEaZg
Tidak ada komentar:
Posting Komentar