Cbox Background [1]

What
What?!?
WHAT?!!!!
Shoutmix (my blog chat box) had stop its free service!!!!!!  

Ohh, I must change a chat box already. Not me only, cheauwen and wincy, your blog chat box also out of service, so we gonna to change. D:
You can change to Cbox.
Sigh, so troublesome D:
-------------------------------------------
What I'm doing recently??
I'm doing something about blogging stuff like cursor, blogger design, cbox background design and at the same time also learn many HTML C:

Cbox Background that I design

..Background 1..

http://i754.photobucket.com/albums/xx185/LingLB/c1.jpg

..Background 2..

http://i754.photobucket.com/albums/xx185/LingLB/c2.jpg

..Background 3..

http://i754.photobucket.com/albums/xx185/LingLB/c3.jpg

..Background 4..

http://i754.photobucket.com/albums/xx185/LingLB/c4.jpg

..Background 5..

http://i754.photobucket.com/albums/xx185/LingLB/c7.jpg

..Background 6..

http://i754.photobucket.com/albums/xx185/LingLB/c8.jpg

..Background 7..

http://i754.photobucket.com/albums/xx185/LingLB/c5.jpg

..Background 8..

http://i754.photobucket.com/albums/xx185/LingLB/c6.jpg

..Background 9..

http://i754.photobucket.com/albums/xx185/LingLB/c0.jpg

How to change cbox background??

After create your cbox, copy and paste the cbox HTML to your layout.

Then you will see soomething like this.

Change the <div id="cboxdiv" style="text-align: center; line-height: 0">

to the HTML below 

<div id="cboxdiv" style="background:url(Your background image URL) no-repeat center; width:230px;height:350px;padding: 70px 0px 0px;text-align: center;line-height: 0">

replace you background image URL at the code Your background image URL.

EXAMPLE

<div id="cboxdiv" style="background:url(http://i754.photobucket.com/albums/xx185/LingLB/c2.jpg) no-repeat center; width:230px;height:350px;padding: 70px 0px 0px;text-align: center;line-height: 0">

After finsh editing your HTML, you can click the Rich Text button on the top right of the HTML box to see the preview. :)

Opps... If your chat box too big and  cause it cover up the background or displacement(移位)like this 

You can change the width and height or the padding.
If your chat box is displacement, you can change the BLUE border there.
If your chat box is too big, you can change the RED border there.
after changing, you can click the Rich Text again to see preview.

-------------------------------------------------
Enjoy! :D

 CARISMA LEE