Cara Memasang Back Round Di Cbox

Sobat, nih dia, kalo cbox kita bergambar, pasti yang mau nulis komen jugah pada seger matanya, hehe. Kan bosen liat cbox yang gitu gitu ajah. Kalo digambarin gimana? Boleh tuh dicoba. Contohnya, liat cbox di blog ini...

Mungkin lebih menarik, tapi kita harus menyesuaikan warna teks dengan warna background agar teks tetap dapat terbaca meskipun backgroundnnya bertabrakan warna.

Singkat aja, langsung kita praktekkan yuk,,,









1. Pertama, masuk dulu ke CBOX kamu.

2. Trus klik tab menu Look and feel, pilih Style Presets,

3. Nah, pilih Layout yang transparan,,

4. Kalo udah, masuk ke Layout Option

5. Ganti ukuran cbox kamu, tentukan:

width: 180
height: 275
Form Height: 117
 Centang Alternative layout
Messages to display pilih yang paling banyak (yang bisa kamu pilih jika basic account pilih yang 20)
Trus Save

Jelasnya liat gambar dibawah ini:

5. Nah, trus selesai, kamu edit kode cbox kamu.
Pada cbox kamu, kamu cari kode
<div id="cboxdiv" style="text-align: center; line-height: 0">

Kalo udah ketemu, kamu ganti kode tersebut dengan kode dibawah ini:

<div id="cboxdiv" style="text-align:center; line-height:0;background-position:center;background:url(URL GAMBAR KAMU);width:180px;height:350px;background-repeat:no-repeat;">

Kode diatas yang URL GAMBAR KAMU itu kamu ganti dengan URL gambar kamu yang mau dijadiin background,

Simple deh gitu aja..

Posted in: Tutorial Blog