你可以看一下CSS里的文件~应该是你的主页CSS样式里的文字控制代码和边栏客服CSS文件里的代码有地方重复了!或者你检查一下DEMO.HTML里的代码是不是有文字修改代码和你的文字大小重复了!
② 怎么在网页用HTML代码设置QQ客服
你去网络找一下懒人图库,里面有很多脚本,把代码加在</body>前面就可以了
③ 如何添加QQ客服代码
添加qq在线客服有两种方法,主要是看你想要得到怎样的效果。比如你想让浏览者点击“在线客服”或者“QQ交谈”这样的文字或者图标能够弹出QQ对话框,那么就可以网络一下“qq客服代码”,点击第一个,进入腾讯官方QQ在线服务系统,根据里面的提示操作。
第一步,选择一种在线图标样式
第二步,填写网站相关信息,比如“QQ号码、网站名称”等。
第三步,生成代码。
第四步,将生成的代码添加到你网站首页的html文件当中。注意要放到你想要显示的位置,一般在网页底部的foot.htm文件当中。
完成以上步骤之后,就可以在网站首页看到如下图所示的,QQ交流的图标:
网站浏览者只需要点击一下这个图标,就会弹出QQ临时对话框,给对方留言了。
第二种方式是相对比较正是的方式,一般企业网站也都会使用这种方式,就是在网站左侧或者右侧有一个“在线客服”的图标。可以让用户和客服在线沟通,如下图所示:
另外,也可以实现,邀请浏览者交流的对话框,如下图:
那么具体如何实现这种方式的QQ在线客服呢?首先我们需要在网络搜索“54客服”。选择第一个网站,点开之后,注册一个账号,如下图:
填写相关信息:
注册完成之后,登陆网站,点击“代码管理”
建立新代码:
输入网站名称和网址,点击新建客服代码
点击如下图所示的管理
添加新客服
根据提示进行选择和填写
点击“添加新客服”:
完成之后,选择“模板选择”,选择你喜欢的一种模式样式:
然后,选择“样式设置”,设置一种显示方式,然后
接下来就继续选择上面的“自动邀请”,“公告设置”,最后获取代码。注意如果你不需要让网站,自动弹出qq交流面板的话,就不要设置“自动邀请”。设置完成,之后点击最后一个“获取代码”,将获取的HTML代码,添加到首页</body>之前即可。
④ 求大神解析QQ在线客服代码,如下面:
http://shang.qq.com/这个链接可以生成QQ咨询代弊激码,用户在线时是高亮的,用败慧户不在线时租枯袜是灰色的
希望能帮到你
⑤ 网页浮动的QQ客服代码怎么写
|这个很好用,ie6-7-8 谷歌都兼容。你看下是不是这个。图片背景的话可以发送到你邮箱
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>QQ客服</title>
<style type="text/css">
img{border:0;}
ul,li{padding:0;margin:0;}
.QQbox {z-index:99;left:0;width:128px;height:234px;position:absolute;}
.QQbox .press{left:0;width:36px;cursor:pointer;position:absolute;height:128px;}
.QQbox .Qlist{left:0;width:131px;position:absolute;height:234px;background:url(floatServiceBj.gif) no-repeat left center;}
.QQbox .Qlist ul{padding:43px 0 0 21px;}
.QQbox .Qlist li{height:26px;margin-bottom:11px;_margin-bottom:7px; list-style-type:none;margin-left:14px;}
</style>
<script type="text/javascript">
window.onload = window.onresize = window.onscroll = function ()
{
var oBox = document.getElementById("divQQbox");
var oLine = document.getElementById("divOnline");
var oMenu = document.getElementById("divMenu");
var iScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
setTimeout(function ()
{
clearInterval(oBox.timer);
var iTop = parseInt((document.documentElement.clientHeight - oBox.offsetHeight)/2) + iScrollTop;
oBox.timer = setInterval(function ()
{
var iSpeed = (iTop - oBox.offsetTop) /2;
iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
oBox.offsetTop == iTop ? clearInterval(oBox.timer) : (oBox.style.top = oBox.offsetTop + iSpeed + "px");
}, 30)
}, 100)
oBox.onmouseover = function ()
{
this.style.width = 131 + "px";
oLine.style.display = "block";
oMenu.style.display = "none";
};
oBox.onmouseout = function ()
{
this.style.width = '';
oLine.style.display = "none";
oMenu.style.display = "block";
};
};
</script>
</head>
<body style="height:1310px;width:1421px;background:url(BG.jpg) no-repeat;">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<!--在线客服 begin -->
<div class="QQbox" id="divQQbox" >
<div class="Qlist" id="divOnline" style="display:none;">
<ul>
<a></a>
<li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=你的QQ号码&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:你的QQ号码:41"></a></li>
<li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=你的QQ号码&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:你的QQ号码:41"></a></li>
<li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=你的QQ号码&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:你的QQ号码:41"></a></li>
<li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=你的QQ号码&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:你的QQ号码:41"></a></li>
<li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=你的QQ号码&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:你的QQ号码:41 "></a></li>
</ul>
</div>
<div id="divMenu"><img src="floatService1.gif" class="press" alt="在线客服"></div>
</div>
</body>
</html>
⑥ 漂浮在网页右侧的QQ在线客服代码 1、怎么样修改以下代码,让其变为最靠右边2、如何插入到网页当中
帮你运行了,没有出现java script error Description的问题,有可能是你本地环境的问题,至于出现大片空白是因为你的表格标签乱了,没有对应!帮你调一下,代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>QQ在线客服</title>
<SCRIPT language=javascript>
function CloseQQ()
{
divStayTopleft.style.display="none";
return true;
}
function FloatTop()
{
var startX1 =document.body.offsetWidth-125 ,startY1 = 5;
var startX2 =0,startY2 = 95;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id,startX,startY)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startX;
el.y = startY;
return el;
}
window.stayTopLeft=function()
{
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY1 - ftlObj.y)/8;
ftlObj1.y += (pY + startY2 - ftlObj1.y)/8;
ftlObj.sP(document.body.scrollLeft+document.body.offsetWidth-125, ftlObj.y);
ftlObj1.sP(ftlObj1.x, ftlObj1.y);
setTimeout("stayTopLeft()", 30);
}
ftlObj = ml("divStay",(document.body.scrollLeft+document.body.offsetWidth)/2+505,0);
ftlObj1 = ml("divStayTopLeft",(document.body.scrollLeft+document.body.offsetWidth)/2+509,30);
stayTopLeft();
}
</SCRIPT>
</head>
<body>
<DIV id=divStay style="POSITION:absolute"></DIV>
</DIV>
<SCRIPT language=javascript>
function picsize(obj,MaxWidth){
img=new Image();
img.src=obj.src;
if (img.width>MaxWidth)
{
return MaxWidth;
}
else
{
return img.width;
}
}
function CloseQQ()
{
divStayTopleft.style.display="none";
return true;
}
var online= new Array();
</SCRIPT>
<div id="divStayTopleft" style="POSITION: absolute; left: 267px; top: 34px;">
<table cellspacing="0" cellpadding="0" width="109" border="0">
<tr>
<td colspan="3">
<a onClick="CloseQQ()" href="javascript:;" shape="circle" coords="91,16,12">
<img height="34" src="QQ3.png" width="109" usemap="#Map" border="0"></a></td>
</tr>
<tr>
<td width="6"><img height="250" src="QQ2.png" width="6"></td>
<td valign="top" width="96" background="sto/qq_bg.gif">
</td></tr></table>
</div>
中间省略。。。。。。。。。
FloatTop();
<!--End -->
<table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="800"> </td>
</tr>
</table>
<script type="text/javascript">FloatTop();</script>
</body>
</html>
⑦ 浮动QQ客服html怎样使用
把浮动 代码放到你的首页index里面,然后再导入就好了,不过你也可以从网络复制一个在线客服代码的,你去网络搜搜看就知道了。
⑧ 怎么给自己设计的按钮链接一个QQ客服弹窗放到html里.求代码
代码如下:
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=换成你的号码&site=qq&menu=yes"><img border="0" src="换成你的按钮图片地址" /></a>
⑨ PHP网站中加入QQ在线客服的方法
跟你是不是php没啥关系
代码是加在html中的
你的程序是用html模版的话就加在模版里
加的方法是内 在页面需容要加的位置 插入以下代码
<a href="你的QQ客服链接代码"> 点击在线咨询的文字 或者<img src="你的图片链接"> </a>
替换你自己的内容就行了