ECShop鼠标划过弹出微信二维码功能
日期:2015-10-21
弹出微信二维码效果如下图:
实现步骤如下:
1、打开你模板里的page_header.lbi文件,搜索如下代码:
此图另存为后改名称为weixin_icon.png
此图另存为后改名称为weixin.png
其它说明:
1、调整位置的话,修改margin:5px;就可以了
2、替换微信图片的话,只要替换images文件夹里面的图片即可
3、你也可以先加一下ECSHOP插件网的微信,会有更多惊喜
实现步骤如下:
1、打开你模板里的page_header.lbi文件,搜索如下代码:
<div class="f_l"><a href="../index.php" name="top"><img src="../images/logo.gif" /></a></div>在代码的下面加入如下代码:
<a href="javascript:;" title="微信" class="weixin"><img src="../images/weixin.png"></a> <style type="text/css"> .weixin{background:url(../images/weixin_icon.png) no-repeat;display:inline-block;width:23px;height:19px;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文件夹里
此图另存为后改名称为weixin_icon.png
此图另存为后改名称为weixin.png
其它说明:
1、调整位置的话,修改margin:5px;就可以了
2、替换微信图片的话,只要替换images文件夹里面的图片即可
3、你也可以先加一下ECSHOP插件网的微信,会有更多惊喜
本文原创地址:https://www.ecshopok.com/article-217.html
版权所有 © 转载时必须以链接形式注明出处!
觉得本文对您有用,想收藏下来!方法很简单:请点击-〉
我们一直坚持白天工作、晚上熬夜更新资源,付出了巨大的精力和时间,其中的辛酸难以言述。
下一篇:ECShop给添加文章时作者默认为当前登录管理员用户名 上一篇:ECSHOP二次开发阿里云存储OSS功能插件介绍和场景分析
暂无评论,来发表一个吧