ECShop 网上商店系统支持论坛's Archiver

失落的天空 发表于 2007-10-11 17:04

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

下载这个 [attach]3907[/attach]

[color=#333333]1，把压缩包中的文件夹上传到根目录[/color]
[color=#154ba0][color=#333333]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;
};


[/color][/color]
[color=#154ba0]3，打开\themes\模板名称\library的page_footer.lbi找到
[color=#333333]

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


[/color]
在这段代码的[color=red]前面[/color]粘贴下面的代码

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

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="[/color][url=http://webpresence.qq.com/getonline?Type=1&2626111:573672624:503758574:583789991:][color=black]http://webpresence.qq.com/getonline?Type=1&[color=red]2626111:573672624:503758574:583789991:"></[/color]script[/color][/url][color=black]>
    <tr>
      <td valign=middle  background="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=middle  background="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=middle  background="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=middle  background="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脚步 结束-->


[/color][color=purple]换成msn浮动（或其他）方法
[color=#333333]把QQ的那一坨东西去掉，换成

[/color][url=http://bbs.ecshop.com/viewthread.php?tid=26525&extra=page%3D1%26amp%3Bfilter%3Ddigest&page=3###][Copy to clipboard][/url] [url=http://bbs.ecshop.com/viewthread.php?tid=26525&extra=page%3D1%26amp%3Bfilter%3Ddigest&page=3###][ - ][/url]
CODE:
<a href="msnim:chat?contact=xxxx@hotmail.com" target="_blank"></a>


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

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

[url=http://bbs.ecshop.com/viewthread.php?tid=26525&extra=page%3D1%26amp%3Bfilter%3Ddigest&page=3###][Copy to clipboard][/url] [url=http://bbs.ecshop.com/viewthread.php?tid=26525&extra=page%3D1%26amp%3Bfilter%3Ddigest&page=3###][ - ][/url]
CODE:

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


就可以了
[b]附[/b]12套QQ皮肤[/color] [attach]3908[/attach]
[color=red]将第一步中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坐标。
[/color][color=#154ba0]
[color=blue]关于浮动框所在位置修改方法：
需修改images下的[u][b]QQ[/b][/u].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此值为在浮动框在网站[u][b]右[/b][/u]边，如想改为在左边设定此值为"3"!
var startY = 200 //距离网页窗口底部的距离
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
var online= new Array();

[/color]

[/color]

[[i] 本帖最后由 dakoumusic 于 2007-11-2 13:24 编辑 [/i]]

litterfat 发表于 2007-10-11 18:20

顶了,谢楼主

schz731 发表于 2007-10-11 18:35

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

linren4416 发表于 2007-10-12 20:22

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

hhwjhy 发表于 2007-10-12 21:31

谢谢分享:D :D :D

dragon9393 发表于 2007-10-17 00:33

谢谢了。。。。

蚂蚁 发表于 2007-10-31 03:37

*** 作者被禁止或删除 内容自动屏蔽 ***

叶海燕 发表于 2007-11-2 00:23

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

tensa 发表于 2007-11-2 10:47

用不成!~!!!!!!:Q

schz731 发表于 2007-11-2 14:27

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

zc6338396 发表于 2007-11-2 15:19

显示在左下角？？？:Q

zhongguobbs 发表于 2007-11-14 03:02

楼主还应该说明
把这段代码中的QQ号码换成相对应的:L
[color=#000000] <script type="text/javascript" src="[/color][url=http://webpresence.qq.com/getonline?Type=1&2626111:573672624:503758574:583789991:][color=black]http://webpresence.qq.com/getonline?Type=1&[color=red]2626111:573672624:503758574:583789991:"></[/color]script[/color][/url][color=black]>[/color]
[color=#000000][/color]
[color=#000000]害的我摸索了好长时间:Q [/color]
[color=#000000]不过还是要谢谢楼主:kiss: [/color]

fsbbd 发表于 2007-11-23 09:48

顶

顶66666666666666666

woai30 发表于 2007-12-26 16:39

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

大饭22 发表于 2007-12-26 19:53

:victory: :victory: 支持分享

eshoprich 发表于 2007-12-27 00:02

正需要，谢谢了

szmagy 发表于 2007-12-27 00:17

我已经加了,谢谢!

hyk1984 发表于 2007-12-27 11:47

怎么我的也只是显示在底部左下角的位置啊？

河南电子商务 发表于 2007-12-28 10:31

谢谢

很实用

很方便

rfandwww 发表于 2007-12-28 10:53

研究中……

:lol :lol :lol 研究中……

谢谢楼主

孤海浪子 发表于 2007-12-28 11:22

好东东啊:lol :victory:

ly2cq 发表于 2008-1-3 09:10

我也总是显示在最左下角，郁闷

色眼无忌 发表于 2008-1-3 15:25

硪也是现实在左下角 郁闷~！

musicai 发表于 2008-1-11 14:59

原来是MAXTHON 浏览器的问题

[[i] 本帖最后由 musicai 于 2008-1-11 15:09 编辑 [/i]]

bevan727 发表于 2008-2-28 20:03

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

谢谢了。。。。

jansky 发表于 2008-3-1 14:06

为什么我的网店加入了的不行呀！说什么(online)未找到对象

[[i] 本帖最后由 jansky 于 2008-3-1 14:11 编辑 [/i]]

xiaokeqiu 发表于 2008-5-28 00:40

支持楼主

楼主好人一个，支持一下楼主

huwo 发表于 2008-7-23 23:33

回复 #22 ly2cq 的帖子

你们不要把"QUOTE:"复制进去

另外请教楼主，请问如何添加旺旺

mzsq39 发表于 2008-7-24 09:56

:victory: :victory:

NNN 发表于 2008-7-24 19:07

现在在还可以用吗？

页: [1] 2

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.