Selamat Datang

Macam-Macam Kotak Scroll dan Code Script nya

Ini adalah macam-macam kode script utk kotak scroll

 1. Contoh kotak scroll dan code script nya
<div style="overflow:auto; width:300px; height:60px; padding:10px; border:3px solid #cc0000;">Rizalyuliandi</div>
  • width:300px adalah lebar kotak ( ganti sesuai selera )
  • height:60px adalah tinggi kotak ( ganti sesuai selera )
  • padding:10px; adalah jarak isi kotak dengan garis pinggir kotak.
  • border:3px solid adalah ketebalan garis kotak ( ganti sesuai selera )
  •  #cc0000 adalah kode warna garis ( ganti sesuai selera )
  • Rizalyuliandi adalah isi kotak yang berupa tulisan yang bisa juga di ganti dengan kode script .
2. Contoh kotak scroll dgn background warna dan code script nya 

<div style="overflow:auto; width:300px; height:60px; padding:10px; border:3px solid #cc0000; background:#00ff00;">Rizalyuliandi</div>
  •  background:#00ff00 adalah kode untuk memberi Background  berwana hijau pada kotak scroll. Anda bisa mengubah warna background sesuai selera anda.
3. Contoh kotak scroll dgn Bingkai dan code script nya

<table border="8" cellpadding="5"><tbody><tr><td><div style="overflow:auto; width:300px; height:60px; padding:10px; border:3px solid #cc0000; background:#00ff00;">Rizalyuliandi</div></td></tr></tbody></table>
  • <table border="8"  adalah Untuk membuat bingkainya menjadi lebih tebal ( ganti angka 8 )
  • <table border="3"  adalah Untuk memberi jarak antara bingkai dengan kotak (ganti angka 3 )
Cara Buat kotak dalam postingan kita kita harus mengcopy code script nya terlebih dahulu di HTML 
( klik tulisan HTML sebelah kiri atas ) dan utk mengisi tulisan di dalam kotak klik COMPOSE...
Selamat Mencoba, Semoga Bermanfaat...... 

6 komentar:

  1. mantab bost terus share yang baru2 juga yah

    BalasHapus
  2. Keren tuh yang pakai bingkai sob.. :)

    Keep posting and Happy Blogging ya sob.. :D

    BalasHapus
  3. thanks mas bro atas turotialnya..... ditunggu kunjungan baliknnya di : http://sdit-wahdatulummah.blogspot.com/

    BalasHapus
  4. met menjelang idul fitri mas bro...

    BalasHapus
    Balasan
    1. THANKS Brooo,sama2 selamat hari raya idul fitri 1434 H Mohon Maaf Lahir Bathin

      Hapus