Macam-Macam Kotak Scroll dan Code Script nya

Newest Post

Macam-Macam Kotak Scroll dan Code Script nya

// Posted by :Unknown // On :Selasa, 19 Juni 2012

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......