Membuat Kotak Dalam Kolom Postingan
10 Desember 2010

Jika Anda lihat di halaman blog Saya yang mengandung artikel tutorial terutama yang mengandung tutorial html, pasti ada saja bentuk kotak yang dipakai untuk membedakan atau memperjelas tutorial tersebut.

Untuk membuat kotak dalam postingan sangatlah gampang, tinggal simpan saja kode html di bawah ini dalam postingan, kreasikan sendiri lalu simpan.

<div style="background:#eee; border-right: #ff0000 1px inset; padding-right: 30px; border-top: #ff0000 1px inset; padding-left: 30px; margin-left: 20px; border-left: #ff0000 1px inset; margin-right: 70px; border-bottom: #ff0000 1px inset"><font color="#ff0000">TULISAN DALAM KOTAK</font></div>


Arti kode :
background = warna latar belakang kotak
border-right = garis pinggir kotak sebelah kanan
border-left = garis pinggir kotak sebelah kiri
border-top = garis pinggir kotak sebelah atas
border-bottom = garis pinggir kotak sebelah bawah
1px inset = ketebalan garis pinggir kotak
padding-right = jarak tulisan dengan garis pinggir kotak sebelah kanan
padding-left = jarak tulisan dengan garis pinggir kotak sebelah kiri
margin-right = jarak kotak dengan pinggir posting sebelah kanan
margin-left = jarak kotak dengan pinggir posting sebelah kiri
font color = warna teks

Label:

1 komentar:

Sebuah Tips mengatakan... 10 Desember 2010 16:40  

Yakin!!!!!!!

Poskan Komentar

Langganan: Poskan Komentar (Atom)