添加CHAT BOX背景

你们都有自己的CBOX代码了吗？？
应该都有了吧^^
不然也不会来到这里XD

首先

来做COPY Machine把以下的代码复制起来
贴在你的小工具( HTML/Jave Script ）
哈哈XD

在这之前你的部落格是没有CBOX的哦^^
不然等下你 的部落格会有两个CBOX @.@
不过需要用到CBOX代码哦^^

<div style="TEXT-ALIGN: center;
PADDING-BOTTOM: 0px; LINE-HEIGHT: 0pt; PADDING-LEFT: 0px; WIDTH: 200px; PADDING-RIGHT: 0px;
BACKGROUND: url(背景图画DIRECT LINK ) no-repeat left top; HEIGHT: 400px; PADDING-TOP: 0px;
-moz-background-clip:
-moz-initial;
-moz-background-origin:
-moz-initial;
-moz-background-inline-policy: -moz-initial"

id="cboxdiv"><div><iframe style="BORDER-BOTTOM: #dbe2ed 0px solid; BORDER-LEFT: #dbe2ed 0px solid; BORDER-TOP: #dbe2ed 0px solid; BORDER-RIGHT: #dbe2ed 0px solid"

id="cboxmain" height="264" marginheight="2"
src="CBOX第一个SRC-CBOX's POST的link" frameborder="0" width="200" name="cboxmain" marginwidth="2">

</iframe></div><div><iframe style="BORDER-BOTTOM: #dbe2ed 0px solid; BORDER-LEFT: #dbe2ed 0px solid; BORDER-TOP: 0px; BORDER-RIGHT: #dbe2ed 0px solid"

id="cboxform" height="136" marginheight="2"

src="CBOX的二个SRC-CBOX's FORM的link" frameborder="0" width="200" name="cboxform" marginwidth="2" scrolling="no"></iframe></div></div><br />

然后...
慢慢来别着急...
着急了会弄错啊>,<


NOTES :

注意： 

背景的宽和高度都要以CBOX的宽和高度来符合哦^^ （参考EXAMPLE 3 ）

WIDTH: 200px ：背景的宽度
背景图画DIRECT LINK ： 是你们要放的图画的DIRCET LINK
HEIGHT: 400px ：背景的长度
height="264" ：CBOX's POST的高度 （ 参考EXAMPLE 2 ）
CBOX第一个SRC：你到之前CBOX代码那里就会看到了（参考EXAMPLE 1）

width="200" ：CBOX's POST的的宽度（ 参考EXAMPLE 2 ）
height="136" ：CBOX's FORM的高度 （ 参考EXAMPLE 2 ）

CBOX的二个SRC：你到之前CBOX代码那里就会看到了（参考EXAMPLE 1）

width="200"：CBOX's FORM的宽度 （ 参考EXAMPLE 2 ）



EXAMPLE 1 :

EXAMPLE 2 :

EXAMPLE 3 ：

以我的CBOX的宽和高度的话
我的背景将会是
宽度： 200
高度： 400 （264+136）

你们都可以了吗？？^^

如何调整背景？？

这个嘛....

我乱乱来的
不懂你们是不是也跟我一样的方法:P

一开始
我什么都还没调只是把图片的LINK放进去的时候就是像以下的图

现在开始做调整
我们要调整的是那个ChatBox不是那个图片哦
如果你们会调整图片的话
那教教我>_<


首先

把CHATBOX移动下去（就是说图片移动上去）

因为我是要移动我的图片上去
也就是移动我的CBOX下去
所以我把PADDING-TOP: 0px调整到PADDING-TOP: 80px

其实PADDING-TOP: 0px就好像是CBOX最顶部与部落格最顶部的距离
 
距离越远，CBOX就越下
距离越近，CBOX就越上

调整后

现在就要调整左右了
记得我们不是在移动图片哦
我在弄的时候
有时还是傻傻地看成在移动图片>_<"

来移动....

要移动去右边的话你就要改 PADDING-LEFT: 0px

要移动去左边的话你就要改慢慢等XD  
PADDING-RIGHT: 0px我怎么改也没有变化




现在我的图片比CBOX还要过去右边
所以我是要把CBOX移动去右边
那我就改PADDING-LEFT: 0px

改多少？？
你们自己看着办吧
哈哈哈XD

我也是慢慢试试的


调整后....
我的简简单单的CHATBOX就完成咯XD