Cara Membuat Scroll Box


Cara membuat Scroll script box

langsung saja menuju bahan pembicaraan
di bawah ini adalah scroll boks sederhana
yang sering kita lihat di banyak web untuk mempersingkat ruang ,

Tulis sesuatu di sini..




Kode html::


<div style="background-color: white; border: 1px #000000 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">
Tulis sesuatu di sini..</div>

kode html di atas dapat di ubah  sesuaikan dengan keinginan kita dengan cara
mengganti becgraund colour, tinggi,panjang, dan warna  border sesuai keinginan kita


Contoh 1
Tulis sesuatu di sini..


  • Kode HTML :




  • <div style="background-color: #82cafa; border: 2px #006400 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">Tulis sesuatu di sini..</div>

    Contoh 2
    Tulis sesuatu di sini..


  • Kode HTML :




  • </div><div style="background-color: #a12fc9; border: 2px #000000 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">Tulis sesuatu di sini..</div>

    Contoh 3
    Tulis sesuatu di sini..



  • Kode HTML :




  • <div style="background-color: #66dd87; border: 5px #000000 solid; height: 30px; overflow: auto; padding: 10px; text-align: left; width: 400px;">Tulis sesuatu di sini..</div>

    Cara membuat Scroll box box dengan tulisan berjalan di dalamnya:

    Tulis sesuatu di sini..




  • Kode HTML :




  • <div style="background-color: #82cafa; border: 5px #000000 solid; height: 40px; overflow: auto; padding: 10px; text-align: left; width: 500px;"><marquee>Tulis sesuatu di sini..</marquee></div>

    Demikian yang saya bisa bagi untuk anda semoga bermanfaat.....

    Related Posts :

    • Cara Membuat Scroll Box Cara membuat Scroll script box langsung saja menuju bahan pembicaraan di bawah ini adalah scroll boks sederhana yang sering kita lihat d… Read More...
    • Table Untuk Blog Cara Membuat Tabel di Blog Untuk membuat tabel di blog, bisa kita lakukan dengan kode HTML yang khusus untuk membuat tabel tentunya. P… Read More...
    • Mesin Pencari Caranya sangat mudah kamu tinggal Co-pas kode html di bawah ini : <form action="http://rogmun.blogspot.com/search" id="searchform" met… Read More...
    • Read More OtomatisCara membut read more otomatis yang saya akan bahas adalah read more sederhana yang mudah untuk di buat hanya perlu beberapa menit saja untu… Read More...
    • Cara Memasang Daftar pengunjungwidget Daftar pengunjung sebenarnya sudah di sediakan oleh blogger yang bernama statistik blog pada daftar add widget  tp tampilanya &… Read More...

    0 Response to "Cara Membuat Scroll Box"

    Post a Comment