{ 教程 } 为聊天室添加背景

如图：

Cbox 使用者的代码

登入博客 → 信息中心 → 设计 → 页面元素 → 添加小工具 → HTML/Javascript

在 HTML/Javascript 里添加以下代码：

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cbox-dl-0306" style="padding-top: 20px;padding-left: 22px; width: 263px; height: 470px; background: url(聊天室背景的图片网址) no-repeat scroll left top transparent;" align="left" position: relative;>
<div><iframe src="你的Cbox ID&amp;sec=main" marginheight="2" marginwidth="2" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain" width="215" frameborder="0" height="243" scrolling="auto"></iframe></div><div><iframe src="你的Cbox ID&amp;sec=form" marginheight="2" marginwidth="2" allowtransparency="yes" name="cboxform" style="border-width: 0px; border-style: none solid solid; border-color: -moz-use-text-color;" id="cboxform" width="215" frameborder="0" height="75" scrolling="no"></iframe></div></div><!-- END CBOX -->

红色字体 = 放上你喜欢的聊天室背景的图片网址

橙色字体 = 放上你的Cbox ID，如何寻找 Cbox ID

Shoutmix 使用者的代码

登入博客 → 信息中心 → 设计 → 页面元素 → 添加小工具 → HTML/Javascript

在 HTML/Javascript 里添加以下代码：

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<div id="shoutmix-dl-0306" style="padding-top: 25px;padding-left: 23px; width: 263px; height: 473px; background: url(聊天室背景的图片网址) no-repeat scroll left top transparent;" align="left" position: relative;>
<iframe src="http://www.shoutmix.com/?你登录Shoutmix的Shoutbox ID" width="82%" height="330" frameborder="0" scrolling="auto"></iframe></div>

红色字体 = 放上你喜欢的聊天室背景的图片网址 

橙色字体 = 放上你登陆Shoutmix的Shoutbox ID

以下是本人自制的聊天室背景：

图片网址：

http://2.bp.blogspot.com/-CCjVcQ3TFew/TtyunZB-DeI/AAAAAAAAAkA/0ejQXnxeofY/s1600/chat2.png

图片网址：

http://1.bp.blogspot.com/-ga_IUwlghRw/Ttyuo1K_7-I/AAAAAAAAAkI/tX9sdo3kCI8/s1600/chat.gif

如果想要更多聊天室背景的话，可以到本站的Blog Material或者到其他的素材博客/网址去找噢~

此教程转载至泪划痕