Senin, 02 Januari 2012

Box keren efek jahitan



Persis seperti gambar di atas itulah model box nya seperti ada efek jahitan gitu kan hehehehe yah namanya juga Box keren efek jahitan hehehehe keren menurut saya, menurut anda gimana...? abis gak ada buat bahan posting jadi iseng - iseng bikin kayak begini dan semoga ada manfaatnya.

1. Simpan kode di bawah ini di atas kode ]]></b:skin>

.box {
height:auto;
margin:15px auto;
line-height:1.1 !important;
font-size:15px;
padding:5px;
width:300px;
text-align: justify;
}
.abu2 {
background:#999;
outline:4px solid #888;
outline-offset:1px;
border:2px dashed #666;
}
.merah {
background:#e00;
outline:4px solid #d00;
outline-offset:1px;
border:2px dashed #a00;
}
.kuning {
background:#FD0;
outline:4px solid #FC0;
outline-offset:1px;
border:2px dashed #FA0;
}
.hijau {
background:#0C0;
outline:4px solid #080;
outline-offset:1px;
border:2px dashed #0A0;
}

Dan kode HTML pemanggilnya seperti ini.

<div class='box hijau'>

Disini letakan konten anda

</div>

Perhatikan kode hijau kode tersebut adalah kode tema dari box tersebut ada 4 pilihan warna

1. abu2
2. kuning
3. merah
4. hijau

Jadi jika anda bosan dengan warna hijau anda bisa ganti dengan tema warna kuning misalnya, jadi kode HTML nya seperti ini

<div class='box kuning'>

Disini letakan konten anda

</div>

oke oke mengerti kan mantapp.