浮动QQ客服的安装说明-附皮肤

2016-07-07 16:03 来源：www.chinab4c.com 作者：ecshop专家

下载这个 img.rar (12.69 KB)

1，把压缩包中的文件夹上传到根目录
2，打开模板目录下的style.css，在最下面的"}"后回车，把下面的代码复制进去。

QUOTE:
#topbar{
position:absolute;
padding: 2px;
width: 100px;
visibility: hidden;
z-index: 100;
top:600px;
font-size: 12px;
}
#topbar A.qqa:link {COLOR: red; text-decoration: none}
#topbar A.qqa:visited {COLOR: red; text-decoration: none}
#topbar A.qqa:active {COLOR: red; text-decoration: none}
#topbar A.qqa:hover {COLOR: blue; text-decoration: none}
#topbar A.qqb:link {COLOR: black; text-decoration: none}
#topbar A.qqb:visited {COLOR: black; text-decoration: none}
#topbar A.qqb:active {COLOR: black; text-decoration: none}
#topbar A.qqb:hover {COLOR: blue; text-decoration: none}
#topbar table,#topbar tr,#topbar td{
margin: 0px;
padding: 0px;
};



3，打开\themes\模板名称\library的page_footer.lbi找到


QUOTE:
{if $stats_code}
<div align="center">{$stats_code}</div>
{/if}
<script type="text/javascript">
var process_request = "{$lang.process_request}";
</script>



在这段代码的前面粘贴下面的代码

注意粘贴前修改“模板名称”。最最最重要的要把下面代码中的10000，10001，10002，10003换成你的QQ号码。


QUOTE:
<!-- 浮动QQ脚步 开始-->
<script type="text/javascript" src="img\qq.js"></script>
<div id="topbar">
<table border="0" width="110" cellspacing="0" cellpadding="0">
<tr>
<td width="110"><img border=0 src="img/kefu_up.gif" alt="" /></td>
</tr>
<script type="text/javascript" src="http://webpresence.qq.com/getonline?Type=1&2626111:573672624:503758574:583789991:"></script>
<tr>
<td valign=middlebackground="img/kefu_middle.gif"><script type="text/javascript">
if (online[0]==0)
document.write("<img src='img/qqoffline.gif' border='0' align='middle'><a class='qqb' target='blank' href='http://wpa.qq.com/msgrd?V=1&Uin=10000&Site=客服离线 ①&Menu=no' title='客服不在线，请留言'>10000</a>");
else
document.write("<img src='img/qqonline.gif' border='0' align='middle'><a class='qqa' target='blank' href='http://wpa.qq.com/msgrd?V=1&Uin=10000&Site=客服在线 ①&Menu=no' title='在线即时交谈'>10000</a>");
</script>
</td>
</tr>
<tr>
<td valign=middlebackground="img/kefu_middle.gif"><script type="text/javascript">
if (online[1]==0)
document.write("<img src='img/qqoffline.gif' border='0' align='middle'><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=10001&Site=客服离线 ②&Menu=no' title='客服不在线，请留言'>10001</a>");
else
document.write("<img src='img/qqonline.gif' border='0' align='middle'><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=10001&Site=客服在线 ②&Menu=no' title='在线即时交谈'>10001</a>");
</script>
</td>
</tr>
<tr>
<td valign=middlebackground="img/kefu_middle.gif"><script type="text/javascript">
if (online[2]==0)
document.write("<img src='img/qqoffline.gif' border='0' align='middle'><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=10002&Site=客服离线 ③&Menu=no' title='客服不在线，请留言'>10002</a>");
else
document.write("<img src='img/qqonline.gif' border='0' align='middle'><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=10002&Site=客服在线 ③&Menu=no' title='在线即时交谈'>10002</a>");
</script>
</td>
</tr>
<tr>
<td valign=middlebackground="img/kefu_middle.gif"><script type="text/javascript">
if (online[3]==0)
document.write("<img src='img/qqoffline.gif' border='0' align='middle'><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=10003&Site=技术支持 ②&Menu=no' title='客服不在线，请留言'>10003</a>");
else
document.write("<img src=img/qqonline.gif border='0' align='middle'><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=10003&Site=技术支持 ②&Menu=no' title='在线即时交谈'>10003</a>");
</script>
</td>
</tr>
<tr>
<td width="110"><img border=0 src="img/kefu_down.gif" alt="" /></td>
</tr>
</table>
</div>
<!--浮动QQ脚步 结束-->


换成msn浮动（或其他）方法
把QQ的那一坨东西去掉，换成

[Copy to clipboard] [ - ]
CODE:
<a href="msnim:chat?contact=xxxx@hotmail.com" target="_blank"></a>


把其中的xxxx@hotmail.com换成你的MSN地址，就可以了。

想要个MSN图标也好办，模板的图片目录下的msn.gif就是，插入

[Copy to clipboard] [ - ]
CODE:

<img src="themes/default/images/msn.gif" border="0" alt="MSN" />


就可以了
附12套QQ皮肤 zew520_.rar (88.88 KB)
将第一步中css代码替换为

QUOTE:

#topbar{
filter: Alpha(Opacity=50, FinishOpacity=100, Style=0, StartX=0, StartY=0, FinishX=0, FinishY=0);
position:absolute;
padding: 2px;
width: 100px;
visibility: visible;
z-index: 100;
top:600px;
font-size:12px;
}
#topbar A.qqa:link {COLOR: red; text-decoration: none}
#topbar A.qqa:visited {COLOR: red; text-decoration: none}
#topbar A.qqa:active {COLOR: red; text-decoration: none}
#topbar A.qqa:hover {COLOR: blue; text-decoration: none}
#topbar A.qqb:link {COLOR: black; text-decoration: none}
#topbar A.qqb:visited {COLOR: black; text-decoration: none}
#topbar A.qqb:active {COLOR: black; text-decoration: none}
#topbar A.qqb:hover {COLOR: blue; text-decoration: none}
#topbar td{
padding:0;
margin:0;
}


可为半透明
半透明装态我用CSS样式代码实现了，看来我还得多多学习才能更好的运用，修改方法在IMAGES下面的QQ.css代码里：
参数 filter: Alpha(Opacity=50, FinishOpacity=100, Style=0, StartX=0, StartY=0, FinishX=0, FinishY=0);
说明
opacity
透明度。默 认的范围是从0 到 100，他们其实是百分比的形式。也就是说 ，0代表完全透明，100代表完全不透明。
fi nishopacity
是一个可选参数，如果想要设置渐 变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。
style
指定透明区域 的形状特征：0 代表统一形状1 代表线形2 代表放射状3 代 表矩形
startx
渐变透明效果开始处 的 X坐标。
starty
渐变透明效果 开始处的 Y坐标。
finishx
渐变 透明效果结束处的 X坐标。

关于浮动框所在位置修改方法：
需修改images下的QQ.JS文件，查找
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = screen.width-150 //screen.width-150此值为在浮动框在网站右边，如想改为在左边设定此值为"3"!
var startY = 200 //距离网页窗口底部的距离
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
var online= new Array();






回答：
顶了,谢楼主

谢谢打口,给你加分鼓励!!!

为什么我换了后,都显示不在线呢?
还有我点对话.没有反应

谢谢分享

谢谢了。。。。

你们，我装上去了，可是QQ并不动，而是在网站最下面，怎么能让他上来啊？

用不成!~!!!!!!

用不成是啥意思，说明情况！！！

显示在左下角？？？

顶66666666666666666

不知道什么原因我显示在网站最下面晕！

支持分享