I love monday, senin itu seperti permulaan hidup buatku....ih lebay, sejatinya buat Saya kaalimat tersebut seperti bermakna, kita mulai dari nol ya...dari titik terbawah..from zero...seperti yang sedang Saya alami sekarang...tapi itulah hidup, jatuh bangun, tapi saya berharap semua akan baik-baik dan cepat teratasi..ah malah jadi curhat...
Ok guys, di pagi yang cerah ini saya ingin memposting tema yang masih berhubungan dengan
artikel sebelumnya membuat scrollbar pada postingan blog
, kalau pada postingan tersebut kita belajar membuat scroll vertikal, sekarang kita akan belajar scroll horisontal dan ini script yang harus dibuat:
<div style="overflow-y:hidden; overflow-x:scroll; padding:5px; width:100%; height:auto; background-color: rgb(255, 255, 255); border:1px solid #ccc;"><p style='width:250%;'>Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog</p></div>
silahkan dicopy paste di postingan anda pada mode html, dan tampilannya akan menjadi seperti ini :
Kotak scrollbar adalah sebuah kotak ng bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog
mengenai penjelasan scriptnya, silahkan baca di
postingan saya sebelumnya, disini saya akn menjelaskan sedikit saja mengenai perubahan scriptnya, lihat kedua script di bawah ini
<div style="overflow:auto; padding:5px; width:auto; height:auto; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog</div>
<div style="overflow-y:hidden; overflow-x:scroll; padding:5px; width:100%; height:auto; background-color: rgb(255, 255, 255); border:1px solid #ccc;"><p style='width:250%;'>Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog</p></div>
pada script pertama efek yang akan terjadi adalah menggulung vertikal, dan pada script kedua efek yang akan terjadi adalah menggulung horisontal. Pada efek horisontal lihat tulisan warna orange dan merah berikut penjelasannya :
- script warna orange adalah posisi scroll pada sumbu x dan y (vertikal dan horisontal)
- script warna merah adalah style paragraf, kita memaksakan lebar (width) paragraf menjadi 250% (melebihi lebar frame scroll) pengaturan lebar paragraf akan memaksa scroll horisontal muncul.
Ok guys segini dulu postingan saya, semoga bermanfaat, selamat berkreasi dan mencoba, goodluck.