共计 1109 个字符,预计需要花费 3 分钟才能阅读完成。
CSS代码中添加:
/* Customer Online Service Float */
.onlinefloat-left1{width:109px;height:34px;background:url(“../onlineservice/images/qq_top.gif”);float:right;
position:fixed !important; top/**/:200px;
position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);left:20px;}
.onlinefloat-left2{width:109px;height:100px;background:url(“../onlineservice/images/qq_bottom-v.gif”);background-repeat: repeat-y;float:right;padding-left:5px;line-height:30px;overflow:hidden;font-weight:bold;
position:fixed !important; top/**/:234px;
position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);left:20px;}
.onlinefloat-left3{width:109px;height:34px;background:url(“../onlineservice/images/qq_logo.gif”);float:right;
position:fixed !important; top/**/:334px;
position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);left:20px;}
模板文件中添加:
<div></div>
<div>
<ul>
<li><a href=”http://#”><img src=”../onlineservice/msn.gif” width=”30″ height=”30″ border=”0″ />客服1</a></li>
<li><img src=”../onlineservice/msn.gif” width=”30″ height=”30″ border=”0″ /><a href=”http://#”>客服2</a></li></ul>
</div>
<div></div>
再下载好上面提到的几种图片,防放到相应目录即可。
真是辛苦啊,做了好久终于效果还算满意了,不过在FireFox下面还是不能识别MSN的协议。