标签:style class blog code java http
效果如上图
安装步骤:
1,将以下代码放到page_header.lbi里
<div
class="f_l"><a href="../index.php" name="top"><img
src="../images/logo.gif" /></a></div>
的后面
<a href="../index.php" name="top"><img src="../images/logo.gif" /></a><a href="javascript:;" title="微信" class="weixin"> <img src="../images/weixin.png"> </a> <style type="text/css"> <!-- .weixin{background:url(../images/headTop_icon.png) no-repeat; display:inline-block;width:17px; height:17px; position:relative; margin:5px; z-index:999999999} .weixin img{ display:none} .weixin:hover img{ display: block; position:absolute; left:0; top:20px;} --> </style>
2,将下面两张图片另存为后改名称后放到模板images文件夹里
说明:
1,调整位置的话,修改margin:5px;就可以了
2,替换微信图片的话,只要替换images文件夹里面的图片即可
3,你也可以先加一下模板堂的微信,会有更多惊喜
此图另存为后改名称为 headTop_icon.png
此图另存为后改名称为 weixin.png
ECshop鼠标划过弹出 微信扫一扫代码,布布扣,bubuko.com
标签:style class blog code java http
原文地址:http://www.cnblogs.com/wangblognet/p/3782399.html