效果预览图:
分割线
图片网址:
http://4.bp.blogspot.com/-WmzesoeeXkw/TpsGF-BTLyI/AAAAAAAAEh0/mQrblueaVXE/s1600/10.png
图片网址:
http://2.bp.blogspot.com/-MPn4M4aZTng/TpsGGsLfj5I/AAAAAAAAEh8/81sj1sbRRz0/s1600/11.png
图片网址:
http://3.bp.blogspot.com/-WjEVAEDKcUQ/TpsJf1QLZlI/AAAAAAAAEiU/2eMvUmGjf_Y/s1600/7_%25E5%2589%25AF%25E6%259C%25AC.png
图片网址:
http://3.bp.blogspot.com/-7f-h3ZtZ554/TpsGHr5IrlI/AAAAAAAAEiE/7JyWcEafMWo/s1600/12.png
已经调整好位置了,代码如下。
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&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&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 -->
红色字体 = 放上你喜欢的聊天室背景的图片网址
黄色Highlight = 放上你的cbox ID,如何寻找 CBOX ID ,点击以下链接
http://dulei-mylife.blogspot.com/2011/10/cbox-id.html
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
如图黄色 HIGHLIGHT 部分 = 你登入Shoutmix的Shoutbox ID