


前言
这篇教大家如何制作一个悬浮动画广告,来吸引客服进行傻瓜式引流~
先声明:本教程的GIF动画选自千图网(58pic.com)所以如果需要商用请前往千图购买商用授权本教程仅供学习交流。
教程来自于:https://www.wpon.cn/19605.html
效果图:
![图片[1]-给网站添加悬浮动画广告-淡墨源码网](/2021/12/JWVI725GZKF40Y1D-1024x486.png)
GIF动画样式
![图片[2]-给网站添加悬浮动画广告-淡墨源码网](http://287587.com/wp-content/uploads/2021/12/55c070e0f9ca.png)
功能列表
屏蔽手机端显示
教程开始
首先来到根目录下找到 footer.php 文件( heade.php 都无所谓啦),如图:
然后把下面代码放到 footer.php
文件里面
<div class="showpc"><style>.showpc{display:none;}@media (min-width:960px){.showpc{display:inline;}}</style><div id="wpon_svip_gif" class="wpon_svip_gif" style="display: block;">
<div class="kubao" style="display: none;"></div><p><a class="link animated" href="/vip" data-stat="升级SVIP活动特价" target="_blank" style="border: none; box-shadow: none;"><br><img src="https://www.atbkw.cn/wp-content/uploads/aotian/qita/vip.gif" height="200" width="600"><br></a></p></div></div>
![图片[3]-给网站添加悬浮动画广告-淡墨源码网](/2021/12/VH294DM4GLUMM08_5N0L-1024x519.png)
然后将以下CSS代码添加至 后台 => 自定义代码 => 自定义CSS样式里
#wpon_svip_gif {
display: none;
width: 200px;
height: 61px;
border-radius: 0 0 13px 13px;
z-index: 1002;
right: 30px;
top: 100px;
position: fixed;
}


© 版权声明
THE END
喜欢就支持一下吧
请登录后发表评论
注册