标题: [共享] [重新上传]半透明化QQ浮动面板插件,增加了十套皮肤
  本主题由 失落的天空 于 2007-9-26 19:11 分类 
卢建元
正式会员
Rank: 2



UID 10969
精华 1
积分 61
帖子 22
体力 15 点
钻石 0 颗
贡献 0
阅读权限 20
注册 2007-4-10
状态 离线
发表于 2007-4-11 10:29  资料  个人空间  短消息  加为好友 
[重新上传]半透明化QQ浮动面板插件,增加了十套皮肤

半透明化效果已经实现    演示地址:http://shop.07ee.com
前言:
本来打算彻底修改好后在发出,但是看到好多朋友在要,版主也没有明确说明如何安装,这对于新手来说确实是一种难题,我在此补充一下安装方法给大家,附件中也明确说明了安装方法,在此先感谢了下曾提供此代码的作者,谢谢他能无私的奉献这么好的代码给我们,题归正转:

忘了说明一下了,测试效果在附件中,大家支持我的话,就到我主页论坛www.07ee.com注册几个账号就OK了,呵呵,让我论坛突破0会员的历史吧,记得下载除件后检查一下有没有病毒,因为我的毒霸到期了,今天还没充值,不敢确定有没有毒,不过我想几个源代码不可能出现毒的情况吧?安全第一,反正我也是网上下的源代码,大家一定要检查一下!记得安装成功后顶一下贴子,不要让贴子沉了,让后面的新进的朋友都能学会安装!

QQ浮动窗口在线客服安装方法
1.打开首页或模版首页将以下代码插入<head>下面

<meta http-equiv="Content-Type" c />
<link rel="stylesheet" href="images/qq.css" type="text/css">

2.将以下代码插入页面最下边</body>上边,注意在插入前先改动QQ号码,改动方法在第4条

<script language="JavaScript1.1" type="text/javascript" src="images/qq.js"></script>
<div id="topbar">
  <table border="0" width="110" cellspacing="0" cellpadding="0">
   <tr>
    <td width="110"><img border=0 src=images/kefu_up.gif></td>
   </tr>
<script src="http://webpresence.qq.com/getonline?Type=1&9778488:4122997:"></script>
</script>
   <tr><td valign=middle  background=images/kefu_middle.gif>
    <script>
     if (online[0]==0)
     document.write("  <img src=images/qqoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=9778488&Site=客服离线 ①&Menu=no' title='客服不在线,请留言'>  9778488</a>");
     else
     document.write("  <img src=images/qqonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=9778488&Site=客服在线 ①&Menu=no' title='在线即时交谈'>  9778488</a>");
    </script>
   </td></tr>
   <tr><td valign=middle  background=images/kefu_middle.gif>
    <script>
     if (online[1]==0)
     document.write("  <img src=images/qqoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=4122997&Site=客服离线 ②&Menu=no' title='客服不在线,请留言'>  4122997</a>");
     else
     document.write("  <img src=images/qqonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=4122997&Site=客服在线 ②&Menu=no' title='在线即时交谈'>  4122997</a>");
    </script>
   </td></tr>
   <tr><td width="110"><img border=0 src=images/kefu_down.gif></td></tr>
  </table>
</div>
3.将images上传或复制到网站的根目录内,比如说你的网址是www.***.com 就复制到www.***.com所在的目录内!
4.改动说明
找到<script src="http://webpresence.qq.com/getonline?Type=1&9778488:4122997:"></script>这行,把1&9778488:4122997:里的两个QQ号改为你的,如果你想增加则只需要在:后加入"你的QQ号:"注意结尾一定要保证那个“:”号存在
然后改动QQ客服显示区域
找到
<tr><td valign=middle  background=images/kefu_middle.gif>
    <script>
     if (online[0]==0)
     document.write("  <img src=images/qqoffline.gif border=0 align=middle><a class='qqb' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=9778488&Site=客服离线 ①&Menu=no' title='客服不在线,请留言'> 9778488</a>");
     else
     document.write("  <img src=images/qqonline.gif border=0 align=middle><a class='qqa' target=blank href='http://wpa.qq.com/msgrd?V=1&Uin=9778488&Site=客服在线 ①&Menu=no' title='在线即时交谈'> 9778488</a>");
    </script>
   </td></tr>

这个区域,Uin=9778488
客服不在线,请留言'> 9778488</a>     这里的QQ号码是显示在浮动窗口的文本,你可以改为“客服”或其它你想改成的名称
上边我给出的区域是一个QQ号码的设置区域,当你在Type=1&9778488:4122997:">这里增加了QQ号的时候,只需要把上边的代码在插入最后一个QQ号区域结尾的</td></tr>代码后面,然后修改为你需要增加的QQ号码就行了!

关于浮动框所在位置修改方法:
需修改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();



补充-半透明化透明度修改方法

半透明装态我用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坐标。




十套皮服为分别十种样式浮动模板皮肤,需要哪套只需将哪套下面的三个GIF文件复制到IMAGES目录下覆盖原文件即可,十分简单!

[ 本帖最后由 卢建元 于 2007-4-27 19:29 编辑 ]



查看积分策略说明
附件
2007-4-12 02:11
  下载次数: 404
1.rar (70.11 KB)
  QQ在线客服浮动窗口插件
顶部
zhoujiekai (ec一匹狼)
实习斑竹
Rank: 4



UID 2341
精华 0
积分 1319
帖子 1203
体力 235 点
钻石 0 颗
贡献 12
阅读权限 100
注册 2006-10-29
状态 离线
发表于 2007-4-11 17:46  资料  个人空间  短消息  加为好友 
顶一下吧,支持新人

顶部
卖否姊妹站—买否(商品搜索)公开测试
卢建元
正式会员
Rank: 2



UID 10969
精华 1
积分 61
帖子 22
体力 15 点
钻石 0 颗
贡献 0
阅读权限 20
注册 2007-4-10
状态 离线
发表于 2007-4-11 22:56  资料  个人空间  短消息  加为好友 
这个浮动面板是右测浮动,可以改左测浮动和上下位置

顶部
卢建元
正式会员
Rank: 2



UID 10969
精华 1
积分 61
帖子 22
体力 15 点
钻石 0 颗
贡献 0
阅读权限 20
注册 2007-4-10
状态 离线
发表于 2007-4-12 00:08  资料  个人空间  短消息  加为好友 
在顶起一下,我已经实现了半透明效果了,透明度可以随意修改

顶部
卢建元
正式会员
Rank: 2



UID 10969
精华 1
积分 61
帖子 22
体力 15 点
钻石 0 颗
贡献 0
阅读权限 20
注册 2007-4-10
状态 离线
发表于 2007-4-12 01:58  资料  个人空间  短消息  加为好友 
刚才又通过网络搜索,搜集了大部分浮动面板的皮肤进行整理后,重新压缩了一下文件,增加了十套皮肤文件,如果大家觉得原皮肤不好看的话,可以更换其它皮服

顶部
tensa
高级会员
Rank: 3Rank: 3
ECshop联盟盟主


UID 2376
精华 0
积分 477
帖子 538
体力 69 点
钻石 0 颗
贡献 1
阅读权限 30
注册 2006-10-30
来自 陕西
状态 离线
发表于 2007-4-12 10:22  资料  个人空间  主页 短消息  加为好友  添加 tensa 为MSN好友 通过MSN和 tensa 交谈 QQ
有演示没 ??






EC联盟:21557364
顶部
卢建元
正式会员
Rank: 2



UID 10969
精华 1
积分 61
帖子 22
体力 15 点
钻石 0 颗
贡献 0
阅读权限 20
注册 2007-4-10
状态 离线
发表于 2007-4-12 10:27  资料  个人空间  短消息  加为好友 
你到我站上看吧 shop.07ee.com

顶部
onlinedear
正式会员
Rank: 2



UID 10674
精华 0
积分 53
帖子 45
体力 10 点
钻石 0 颗
贡献 0
阅读权限 20
注册 2007-4-2
状态 离线
发表于 2007-4-12 14:18  资料  个人空间  短消息  加为好友  QQ
出了点问题
1、不显示QQ号
2、不漂动





支持ECSHOP  偶是你们永远的FANS
顶部
卢建元
正式会员
Rank: 2



UID 10969
精华 1
积分 61
帖子 22
体力 15 点
钻石 0 颗
贡献 0
阅读权限 20
注册 2007-4-10
状态 离线
发表于 2007-4-12 14:35  资料  个人空间  短消息  加为好友 
能说明一下你安装的步奏吗?装到什么地方了?是完全按照我给的说明安装的吗?方便我给你找出毛病

顶部
moonstar
模板总动员活动 代言人
Rank: 3Rank: 3


UID 2928
精华 2
积分 391
帖子 447
体力 52 点
钻石 280 颗
贡献 1
阅读权限 90
注册 2006-11-9
来自 深圳
状态 离线
发表于 2007-4-12 18:01  资料  个人空间  主页 短消息  加为好友  QQ
不知道有没有兼容性问题??





顶部
 



当前时区 GMT+8, 现在时间是 2008-7-7 07:06

    本论坛支付平台由支付宝提供
携手打造安全诚信的交易社区 Powered by Discuz! 5.5.0  © 2001-2007 Comsenz Inc.
Processed in 0.043237 second(s), 8 queries , Gzip enabled

清除 Cookies - 联系我们 - 康盛创想(北京)科技有限公司 - Archiver - WAP