ripro主题美化教程-左下角添加提醒
直接上教程
第一步:
添加JS代码,新建一个js文件,在footer引入即可。或者直接把下面的代码添加到footer.PHP文件里,注意用<script></script>包裹下
第二步:
添加CSS代码,ripro主题如diy.css或者后台顶部设置自定义CSS添加如下代码
/*****/
#landlord {
user-select: none;
position: fixed;
left: 30px;
bottom: 150px;
z-index: 10000;
font-size: 0;
transition: all .3s ease-in-out
}
#landlord .landlord-close {
opacity: 0;
visibility: hidden;
width: 20px;
height: 20px;
line-height: 20px;
background: rgba(0,0,0,.2);
text-align: center;
color: #fff;
position: absolute;
top: 3px;
right: 0;
border-radius: 50%;
font-size: 10px;
cursor: pointer;
z-index: 1;
transition: .2s
}
#landlord .message {
opacity: 0;
width: 172px;
height: auto;
margin: auto;
padding: 7px;
top: -50px;
left: -20px;
text-align: center;
color: #666;
border-radius: 12px;
background-color: #f5f5f5;
box-shadow: 0 3px 15px 2px #eae6e6;
font-size: 13px;
font-weight: 400;
text-overflow: ellipsis;
text-transform: uppercase;
overflow: hidden;
position: absolute
}
第三步:
添加php代码,footer.php添加以下代码
最后可以添加一个手机端、首页判断
不在手机端显示
只在首页显示
版权声明:原创作品,未经允许不得转载,否则将追究法律责任。
本站资源有的自互联网收集整理,如果侵犯了您的合法权益,请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
本文链接:子佩工作室https://zptheme.com/3370.html
许可协议:《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
本站资源有的自互联网收集整理,如果侵犯了您的合法权益,请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
本文链接:子佩工作室https://zptheme.com/3370.html
许可协议:《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
评论(1)
我们的梦想只能看着明天的太阳,路很长,我们只有望向远方。