码迷,mamicode.com
首页 > 微信 > 详细

ECshop鼠标划过弹出 微信扫一扫代码

时间:2014-06-12 10:31:37      阅读:470      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   java   http   

bubuko.com,布布扣

 

 效果如上图

 

安装步骤:
1,将以下代码放到page_header.lbi里  
<div class="f_l"><a href="../index.php" name="top"><img src="../images/logo.gif" /></a></div>

的后面

 

bubuko.com,布布扣
<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>
bubuko.com,布布扣

 

2,将下面两张图片另存为后改名称后放到模板images文件夹里

 

说明:

1,调整位置的话,修改margin:5px;就可以了

2,替换微信图片的话,只要替换images文件夹里面的图片即可

3,你也可以先加一下模板堂的微信,会有更多惊喜

 

bubuko.com,布布扣 此图另存为后改名称为 headTop_icon.png

 

 

bubuko.com,布布扣此图另存为后改名称为 weixin.png

 

ECshop鼠标划过弹出 微信扫一扫代码,布布扣,bubuko.com

ECshop鼠标划过弹出 微信扫一扫代码

标签:style   class   blog   code   java   http   

原文地址:http://www.cnblogs.com/wangblognet/p/3782399.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!