隐藏聊天室方法 （给yikmei

早上11点，这是预计时间自动发布的，现在的我可能还在梦乡中……=_=||

给yikmei的教程 =D

就是将聊天室隐藏在旁边，按了click图片就会弹出聊天室来……

信息中心 - 设计 - 添加小工具 - HTML/JAVASCRIPT

copy以下的代码粘帖到HTML/JAVASCRIPT

<style type="text/css">

#gb{

position:fixed;

top:150px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:600px;

width:319px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJvzEF8YA8jgBXdUD-HjXiCyEN-2Zm-hfP-xOJeqrkjuDIPZgP1AoXBG1NnZdTMesVmBfw61kWd_rekpzqi06AR_WjD6oN-hnJj6XMFaiox4oBkyllfPz16RB85mnhCOOBQoKCkizzw7CM/s1600/458.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #666666;

background:#F5F5F5;

padding:0px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

你的CBOX聊天室 / SHOUTMIX聊天室代码CODE

<div style="text-align:right">

<a href="javascript:showHideGB()">

[close]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (90-gb.offsetWidth).toString() + "px";

</script>

蓝色字体那里是《Click》的图片网址哦……如果你不喜欢的话可以自行修改……
红色字体就是你的Cbox代码 =）

拿Cbox代码如下图……

拿Cbox代码只需要到设计那里copy你隐藏聊天室前时的代码哦=）再粘帖到红色字体部分

《Click》图片网址：

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP_QOFzAnpavPhUNhK6zA-_kZA-VUCHAjIM6Dw5Flv8wQy928eS1ExZ45QpwGQlCtxCin5hVu77eImNxgueoSLBbBmPYfiIjNd52CblUzf3kwx2bokRwYxkY6qcbUuoVg2NV2WgS4tq4wm/s320/%253B%253B%253B%253B%253B%253B%253B.png

这是另作的-0- 要的话copy替换去蓝色字体部分那里