全百科精品资源分享
免费优质资源下载平台

全百科版WordPress站点侧边悬浮广告代码 附两款样式

播放按钮
文章目录

之前分享过一篇高仿新浪首页侧边悬浮黑猫投诉广告代码,有朋友反馈不是太完美,今天给大家再分享一个WordPress站点侧边悬浮广告代码,经本站测试没有问题,可以使用,有需要的朋友可以安装上了啊。

高仿新浪首页侧边悬浮黑猫投诉广告代码 超精简版

文章目录代码预览核心代码发表评论今天去逛新浪网,看到首页左侧的黑猫投诉的广告感觉挺好玩,一看原来时利用的鼠标触及原理实现的,然后我就研究了下,加上了悬浮代码,可以设置悬浮于我们网站的左侧或者右侧展示,...

时间:2019/6/28 分类:技术交流 人气:111 评论:0

效果演示

全百科版WordPress站点侧边悬浮广告代码 附两款样式

安装方法

第一步

添加以下代码到主题目录下CSS文件夹main.css或者style.css文件

CSS样式代码:

// 作者:全百科
// 网站:www.quanbaike.com
// 提示:核心代码部分已经隐藏
.quanbaike_index_left {
position: fixed;
left: 50%;
width: 137px;
height: 325px;
}
.quanbaike_index_left{display:none}
}
.quanbaike_index_left{position: fixed;right: 5px;width: 80px;height: 80px;text-align: center;cursor: pointer;z-index: 99;left: initial;bottom: 70px;top: inherit;display: none;}
}

第二步:

添加以下代码到主题目录下index.php或者footer.php文件

html代码:

// 作者:全百科
// 网站:www.quanbaike.com
// 提示:核心代码部分已经隐藏
<div class="quanbaike_index_left">
<a href="/" target="_blank">
<img src="http://www.quanbaike.com/img/blackcat-hover.gif">
</a>
</div>

注意:

添加到index.php文件,只在网站首页显示。

添加到footer.php文件,可在全网站显示。

第三步:

进行三清原则:

清除网站缓存、清除CDN缓存、清除本地浏览器缓存。

素材下载

本素材代码中都有注释说明、还附有两款样式分别为站点侧边悬浮广告代码纯展示版鼠标触及版

您暂时无权查看此隐藏内容!

资源下载价格1立即支付
如有疑问请联系全百科网在线客服QQ或者邮箱。
Download WordPress Themes Free
Download Nulled WordPress Themes
Download WordPress Themes Free
Download Best WordPress Themes Free Download
ZG93bmxvYWQgbHluZGEgY291cnNlIGZyZWU=
download samsung firmware
Download Nulled WordPress Themes
free download udemy paid course

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0) 打赏
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com全百科网 » 全百科版WordPress站点侧边悬浮广告代码 附两款样式
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏