Cari Artikel

Loading

3 cara membuat scroll

untuk membuat scroll ada banyak cara/kode,dari kode kode yang bisa gampang didapat digoogle saya mempunya 3 macam kode yang bisa membuat lebih rapi pada blog dengan 3 macam scroll/
kode pertama:

<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 100px; width: 400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukan Tulisan atau gambar di sini
</div>
</span></span></span>

hasilnya:


<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 100px; width: 400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukan Tulisan atau gambar di sini
</div>
</span></span></span>

kode ke2:


<div style="overflow:auto; padding:5px; width:170px; height:70px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Tambahkan teks atau kode script disini</div>




hasilnya seperti ini:

<div style="overflow:auto; padding:5px; width:170px; height:70px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Tambahkan teks atau kode script disini</div>



yang ke3:


<div align="center">
<table width="190" border="1">
<tr> <th colspan="90%" scope="col">JUDUL KOTAK</th></tr><tr><td><div style="font-family:arial;font-size:12px; overflow: scroll; width: 190px; height: 90px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;">TULISAN ANDA</div></div></td></tr>
</table>
</div>
hasilnya:



JUDUL KOTAK
<div align="center">
<table width="190" border="1">
<tr> <th colspan="90%" scope="col">JUDUL KOTAK</th></tr><tr><td><div style="font-family:arial;font-size:12px; overflow: scroll; width: 190px; height: 90px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;">TULISAN ANDA</div></div></td></tr>
</table>
</div>


gampangkan?selamat mencoba

read more