Minggu, 15 Januari 2012

Memberi Gambar Background Pada Cbox

| Minggu, 15 Januari 2012 | 0 komentar

Cara Memberi Gambar Background Pada Cbox - Cbox memang salah satu chatbox yang sudah banyak pemaikainya...

Dan kali ini cybertrik akan membahas tentang memberi gambar pada cbox...
lalu bagaimana caranya kalau kita menggunakan cbox? nah,dibawah ini contoh tampilan guest book atau buku tamu dengan gambar background dengan cbox.
Sebelum memberi gambar background seperti diatas silahkan sobat login dulu ke cbox...
Setelah login sobat masuk kebagian Look & Feel => Style presets...
Lalu pilih style yang transparan, atur warna text dan link sesuai yang sobat inginkan lalu save,seperti gambar dibawah ini:
Setelah selesei edit kode yang sobat dapat dari cbox tadi! kode cbox biasanya seperti dibawah ini:
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="350" height="298" src="http://www4.cbox.ws/box/?boxid=4078729&amp;boxtag=s652vj&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4078729" style="border:#00FF00 1px solid;" id="cboxmain4-4078729"></iframe></div>
<div><iframe frameborder="0" width="350" height="82" src="http://www4.cbox.ws/box/?boxid=4078729&amp;boxtag=s652vj&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4078729" style="border:#00FF00 1px solid;border-top:0px" id="cboxform4-4078729"></iframe></div>
</div>
<!-- END CBOX -->
Ganti kode yang berwarna hijau dengan kode dibawah ini!
<div id="cboxdiv" style="text-align: center; line-height: 0;background-position:center;background:url(url gambar kamu);width:220px;height:305px;background-repeat:no-repeat;">
Silahkan ganti "url gambar kamu" dengan url gambar yang akan sobat masukan pada background cbox...
Setelah selesai serterah sobat deh mau masukan d'widget atau d'mana...
Nah cbox sobat akan lebih bagus lagi jika sobat menggunakan trik membuat hide and show chatbox
Selamat Mencoba...



Related Post :

Artikel Terkait:

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

 
Copyright © 2011 Cybertrik.web.id . All rights reserved | Cybertrik.web.id is proudly powered by Blogger.com | Template by Loc Arif