WordPress美化-Riplus主题添加左下角悬浮图片广告

WordPress美化-Riplus主题添加左下角悬浮图片广告

Riplus主题添加左下角悬浮图片广告

效果图

Riplus主题添加左下角悬浮图片广告

复制下方代码添加在页脚footer.php文件</body>

<div class="mophp_ad_left"><a target="_blank" href="https://www.mophp.cn"><img style="max-width:100%;max-height:100%;" src="https://www.mophp.cn/wp-content/uploads/2020/07/1595052372-94ddba6a4e605fb.gif"></a></div>

复制下方css样式添加在主题css文件或主题自定义样式中

/*左侧悬浮广告*/
.mophp_ad_left {
    position: fixed;
    left: 50%;
    margin-left: -840px;
    bottom: -70px;
    z-index: 10;
    width: 137px;
    height: 325px;
}
@media screen and (max-width:1490px) {
.mophp_ad_left{display:none}
}
@media screen and (max-width:768px) {
.mophp_ad_left{position: fixed;right: 5px;width: 80px;height: 80px;text-align: center;cursor: pointer;z-index: 99;left: initial;bottom: 70px;top: inherit;display: block;}
}
/*左侧悬浮广告结束*/

 

分享到 :
相关推荐

发表评论

登录... 后才能评论