之前分享过一篇高仿新浪首页侧边悬浮黑猫投诉广告代码,有朋友反馈不是太完美,今天给大家再分享一个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缓存、清除本地浏览器缓存。
素材下载
本素材代码中都有注释说明、还附有两款样式分别为站点侧边悬浮广告代码纯展示版与鼠标触及版。
您暂时无权查看此隐藏内容!
过来踩踩,一段时间没来,文章如此多了,高产!
@文字咖 让我回想到了,QQ空间互踩的赶脚。嘿嘿