Saturday, July 27, 2013

Tips Trik Membuat Box Cantik Efek Jahitan



  • Copy kode dibawah ini dan paste diatas ]]></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;
}
  • Save template

Untuk membuat box dipostingan  gunakan kode dibawah ini di mode HTML
<div class='box hijau'>
Letakan konten anda disini
</div>

Kode box hijau tersebut adalah kode tema dari box tersebut

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

Jadi jika anda bosan dengan warna hijau anda bisa ganti dengan tema lainnya contoh warna merah misalnya,  penulisan kode HTML nya seperti ini
<div class='box merah'>
Disini letakan konten anda
</div>

Gimana sobat cukup mudah kan?....

1 comments:

  1. cakep... warna-warni ya.... jalan-jalan masbro untuk menjalin persahabatan sesama blogger... http://lagi-oke.blogspot.com ditunggu...

    ReplyDelete