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

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

播放按钮
全百科网免费发布推广信息
文章目录

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

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

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

时间:2019/6/28 分类:技术交流 人气:466 评论: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 Nulled WordPress Themes
Download Premium WordPress Themes Free
Download WordPress Themes Free
Download WordPress Themes Free
free online course
download lenevo firmware
Download WordPress Themes
udemy paid course free download

搜一下 获取更多

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

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

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-499

    过来踩踩,一段时间没来,文章如此多了,高产!

    文字咖 7个月前 (12-13) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
    • @文字咖 让我回想到了,QQ空间互踩的赶脚。嘿嘿

      全百科推广 7个月前 (12-13) 来自天朝的朋友 搜狗浏览器 Windows 10 回复