Discuz! X2 最强在线客服QQ咨询台

hb0713 · 发表于 2011-7-2 10:37:48

本帖最后由 hb0713 于 2012-4-9 01:17 编辑

演示体验网址：http://www.qizhou.com.cn

未命名23.jpg

左侧鼠标悬停显示在线客服。可将各位版主，管理员的QQ，设置在咨询台里，点击即可与各位版主聊天，并设置各种网站在线服务，调出QQ聊天窗口。可手工添加网站官方QQ群，网站官方微博，在线MSN，在线淘宝旺旺等等。在IE6,IE7,IE8,IE9下均通过，无错显示。

第一步，拷贝以下代码到你的模板文件夹footer.htm文件里</body></html>前，将QQ号和各种资料换成你们自己的，保存并上传。

<script language="JavaScript1.2">
function move(x, y) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.pixelTop += y;}
else
if (document.layers) {
document.object1.left += x;
document.object1.top += y;
}};
function position() {
document.object1.left += -200;
document.object1.top += 0;
document.object1.visibility = "show"
};
function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+64}
else {eval('document.object1.top=eval(window.pageYOffset+20)');}
setTimeout("makeStatic()",0);}
</script>
<layer class="NS" onmouseover="move(0,0)" onmouseout="move(-0, 0)" top="20" visibility="hide" name="object1" left="0">
<script language="JavaScript1.2">
if (document.all)
document.write('<DIV ID="object1" style="Position : Absolute ;Left : -125px ;Top : 20px ;Width : 0px ;Z-Index : 20">')
</script>
<table onmouseover="move(120,0)" onmouseout="move(-120, 0)" cellspacing="1" cellpadding="2" border="0">
<tr>
<td>
<style type="text/css">BODY {
MARGIN: 0px
}
</style>
<table cellspacing="0" cellpadding="0" width="118" align="center" border="0">
<tr>
<td>
<img height="160" alt="" src="../pic/kefu/servicepic_01.jpg" width="118" border="0" name="servicepic_01"></td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="118" align="left" border="0">
<tr>
<td background="../pic/kefu/servicepic_02.jpg">
<img height="25" alt="" src="../pic/kefu/servicepic_02.jpg" width="14" border="0" name="servicepic_02"></td>
<td align="middle" width="89" bgcolor="#f8f6f7" height="25">
<a target="_blank" title="点击这里给管理员发消息"><img align="absmiddle" border="0" src="http://wpa.qq.com/imgd?IDKEY=ec8993e1cdf4556ca8d4aaa636e4872e3269b9dfddeb7cb6&pic=45 &r=0.972913292247799" alt="点击这里给管理员发消息" title="点击这里给管理员发消息"> <font color="#FF0000">管理员</font> </a>
<a target="_blank" title="点击这里给总版主发消息"><img align="absmiddle" border="0" src="http://wpa.qq.com/imgd?IDKEY=ec8993e1cdf4556ca8d4aaa636e4872e3269b9dfddeb7cb6&pic=45 &r=0.972913292247799" alt="点击这里给总版主发消息" title="点击这里给总版主发消息"> <font color="#FF0000">总版主</font> </a>
<a target="_blank" title="点击这里给网站编辑发消息"><img align="absmiddle" border="0" src="http://wpa.qq.com/imgd?IDKEY=ec8993e1cdf4556ca8d4aaa636e4872e3269b9dfddeb7cb6&pic=45 &r=0.972913292247799" alt="点击这里给网站编辑发消息" title="点击这里给网站编辑发消息"> <font color="#FF0000">总编辑</font> </a></td>
<td background="../pic/kefu/servicepic_04.jpg">
<img height="25" alt="" src="../pic/kefu/servicepic_04.jpg" width="15" border="0" name="servicepic_04"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<img height="17" alt="" src="../pic/kefu/servicepic_05.jpg" width="118" border="0" name="servicepic_05"></td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="118" align="left" border="0">
<tr>
<td background="../pic/kefu/servicepic_06.jpg">
<img height="24" alt="" src="../pic/kefu/servicepic_06.jpg" width="14" border="0" name="servicepic_06"></td>
<td align="middle" width="89" bgcolor="#f8f6f7" height="24">
<a target="_blank" title="点击这里发布新闻线索"><img align="absmiddle" border="0" src="http://wpa.qq.com/imgd?IDKEY=ec8993e1cdf4556ca8d4aaa636e4872e3269b9dfddeb7cb6&pic=45 &r=0.972913292247799" alt="点击这里发布新闻线索" title="点击这里发布新闻线索"> 新闻线索 </a>
<a target="_blank" title="新手点击这里求助"><img align="absmiddle" border="0" src="http://wpa.qq.com/imgd?IDKEY=ec8993e1cdf4556ca8d4aaa636e4872e3269b9dfddeb7cb6&pic=45 &r=0.972913292247799" alt="新手点击这里求助" title="新手点击这里求助"> 新手解答 </a>
<a target="_blank" title="点击这里申请版主"><img align="absmiddle" border="0" src="http://wpa.qq.com/imgd?IDKEY=ec8993e1cdf4556ca8d4aaa636e4872e3269b9dfddeb7cb6&pic=45 &r=0.972913292247799" alt="点击这里申请版主" title="点击这里申请版主"> 申请版主 </a>
<a target="_blank" title="点击这里申请勋章"><img align="absmiddle" border="0" src="http://wpa.qq.com/imgd?IDKEY=ec8993e1cdf4556ca8d4aaa636e4872e3269b9dfddeb7cb6&pic=45 &r=0.972913292247799" alt="点击这里申请勋章" title="点击这里申请勋章"> 申请勋章 </a>
<a target="_blank" title="点击这里进行友情链接交换"><img align="absmiddle" border="0" src="http://wpa.qq.com/imgd?IDKEY=ec8993e1cdf4556ca8d4aaa636e4872e3269b9dfddeb7cb6&pic=45 &r=0.972913292247799" alt="点击这里进行友情链接交换" title="点击这里进行友情链接交换"> 交换链接 </a>
<a target="_blank" title="点击这里在线举报"><img align="absmiddle" border="0" src="http://wpa.qq.com/imgd?IDKEY=ec8993e1cdf4556ca8d4aaa636e4872e3269b9dfddeb7cb6&pic=45 &r=0.972913292247799" alt="点击这里在线举报" title="点击这里在线举报"> <font color="#0000FF">监督举报</font> </a>
<a target="_blank" title="点击这里投放广告"><img align="absmiddle" border="0" src="http://wpa.qq.com/imgd?IDKEY=ec8993e1cdf4556ca8d4aaa636e4872e3269b9dfddeb7cb6&pic=45 &r=0.972913292247799" alt="点击这里投放广告" title="点击这里投放广告"> <font color="#FF0000">战略合作</font> </a>
<a target="_blank" title="点击这里进行友情链接交换"><img align="absmiddle" border="0" src="http://wpa.qq.com/imgd?IDKEY=ec8993e1cdf4556ca8d4aaa636e4872e3269b9dfddeb7cb6&pic=45 &r=0.972913292247799" alt="点击这里进行友情链接交换" title="点击这里进行友情链接交换"> <font color="#FF0000">贵宾通道</font> </a></td>
<td background="../pic/kefu/servicepic_08.jpg">
<img height="24" alt="" src="../pic/kefu/servicepic_08.jpg" width="15" border="0" name="servicepic_08"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<img height="17" alt="" src="../pic/kefu/servicepic_05.jpg" width="118" border="0" name="servicepic_05"></td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="118" align="left" border="0">
<tr>
<td background="../pic/kefu/servicepic_06.jpg">
<img height="24" alt="" src="../pic/kefu/servicepic_06.jpg" width="14" border="0" name="servicepic_06"></td>
<td align="middle" width="89" bgcolor="#f8f6f7" height="24">
<a target="_blank" title="点击这里加入官方QQ群" ><img align="absmiddle" border="0" src="../pic/kefu/qun1.jpg" alt="点击这里加入官方QQ群" title="点击这里加入官方QQ群"> 官方总群 </a>
<a target="_blank" title="点击这里加入官方QQ群" ><img align="absmiddle" border="0" src="../pic/kefu/qun2.jpg" alt="点击这里加入官方QQ群" title="点击这里加入官方QQ群"> 官方群二 </a>
<a target="_blank" title="点击这里加入官方QQ群" ><img align="absmiddle" border="0" src="../pic/kefu/qun2.jpg" alt="点击这里加入官方QQ群" title="点击这里加入官方QQ群"> 官方群三 </a>
</td>
<td background="../pic/kefu/servicepic_08.jpg">
<img height="24" alt="" src="../pic/kefu/servicepic_08.jpg" width="15" border="0" name="servicepic_08"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<img height="17" alt="" src="../pic/kefu/servicepic_05.jpg" width="118" border="0" name="servicepic_05"></td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="118" align="left" border="0">
<tr>
<td background="../pic/kefu/servicepic_06.jpg">
<img height="24" alt="" src="../pic/kefu/servicepic_06.jpg" width="14" border="0" name="servicepic_06"></td>
<td align="middle" width="89" bgcolor="#f8f6f7" height="24">
<a target="_blank" ><img align="absmiddle" border="0" src="../pic/kefu/t.jpg" alt="点击进入官方微博" title="点击这里加入官方QQ群"> 官方微博 </a>
</td>
<td background="../pic/kefu/servicepic_08.jpg">
<img height="24" alt="" src="../pic/kefu/servicepic_08.jpg" width="15" border="0" name="servicepic_08"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<img height="22" alt="" src="../pic/kefu/servicepic_09.gif" width="118" border="0" name="servicepic_09"></td>
</tr>
</table>
</td>
<td valign="top" align="middle" width="12" rowspan="100">
<img height="109" src="../pic/kefu/kefu.gif" width="20"> </td>
</tr>
<script language="JavaScript1.2">
<!--
if (document.all||document.layers)
makeStatic();
if (document.layers) {
window.onload=position;
}
var sitems=new Array();
var sitemlinks=new Array();
function hl(n) {
n.className='hl'}
function n(h) {
h.className='n'}
//--></script>
</table>
<script language="JavaScript1.2">
if (document.all)
document.write('<\/DIV>')
</script>
</layer>

复制代码

第二步，下载图片包。在FTP根目录建立文件夹pic，将解压后的文件夹kefu，上传到pic文件夹；下载图片包请来演示体验站这里下载 QQ咨询台图片在这里 http://www.lszgl.com/139-1-1/

有什么不明白的地方，请回复，我抽空一一回复。

dgwuxian · 发表于 2011-7-2 10:50:14

沙发先....

超级柴政 · 发表于 2011-7-2 10:50:50

地板....不知道能用上不...

韩_风 · 发表于 2011-7-2 11:00:23

本帖最后由韩_风于 2011-7-2 11:00 编辑

还可以把

有何不可 · 发表于 2011-7-2 11:19:54

支持一下！

sbigeyid520 · 发表于 2011-7-2 11:22:43

支持下http://www.zg0594.com/0594/

--CoffeE。 · 发表于 2011-7-2 11:58:13

不错支持一下。

李玉郎 · 发表于 2011-7-2 12:55:20

本帖最后由李玉郎于 2011-7-2 12:56 编辑

这个很不错，只是没看到图片包下载，先不用了。

fxbaobao · 发表于 2011-7-2 13:34:57

我的站用了，www.fxwx.com飞翔无限。好样的

大木筏 · 发表于 2011-7-2 13:35:01

支持一下！

		自动登录	找回密码
密码			立即注册

[发布] Discuz! X2 最强在线客服QQ咨询台