调整 Chatbox 的大小

当你想要更换 Chatbox 背景时你的 Chatbox 会跑出你的背景范围对不？现在来教你怎样更改吧=]
<div style="TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0pt; PADDING-LEFT: 0px; WIDTH: 240px; PADDING-RIGHT: 0px; BACKGROUND: url(背景的URL) no-repeat left top; HEIGHT: 320px; PADDING-TOP: 100px; -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="180" marginheight="2" src="你的Chatbox ①" 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="60" marginheight="2" src="你的 Chatbox ②" frameborder="0" width="200" name="cboxform" marginwidth="2" scrolling="no"></iframe></div></div><br />
这个是你平常的代码，这些都只是例子而已哦=]

其实啊，我 highlight 这些数字的代码都是有代表地方的哦，我把它们分为数目①，数目②这样来解释的哦

❤数目①(320)-->这个是高度，我用图片来解释你们会更明白的说

这个是数目太大的图片，也就是说会距离远的意思


这个是数目太小的图片：
看到我箭头指着的那个不？数目太小的话会照成你的背景有部分会不见掉
❤数目②100-->这个是你的 Chatbox 从上望下来的哦，来看看例子的图片
 这个是数目太大的图片：

这个是数目太小的图片：
看到了不同没有？太大的话会照成你的 Chatbox 离你背景的顶端远，数目太小的话又会太近
❤数目③180 & 200-->这个是你中间聊天室的高度和宽度
❤数目④60 & 200-->这个就是最下面的那个的长度和宽度啦~~
就是人家要输入姓名、网址和信息的那三个格子

这个你能先调一个号码，按了保存看看合不合适，好了再调下一个号码明白不？

你们成功了不？不明白的话记得留言告诉我，我很乐意告诉你们哦XD
❤

3 条评论:

  1. csy2011年11月5日 12:12

    成功了呗~！！！
    爱死你啦啦啦啦啦啦啦！
    xDDDD

    回复删除
  2. Ah Pudding 韩瑜2011年12月15日 11:46

    此评论已被作者删除。

    回复删除
  3. Our Life2013年10月30日 17:38

    如果chatbox偏右怎么办？。。。

    回复删除

留言规则 请勿犯规 :)

--------------------------------------------------------------------------------

1、由于评论太哆，有些我不能一一评论

2、如有捣乱着，恕我删除留言

3、有些博友要的教程，请勿再三询问，请到教程列表里仔细寻找

谢谢 :)

*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*