zibll底部可爱底线提示代码

zibll底部可爱底线提示代码

05214

使用教程

把下面的代码放在站点后台 >>zibll主题设置 >> 全局&功能 >> 自定义代码 >>自定义CSS样式 然后把代码添加框框中即可。

演示图片

图片[1]-zibll底部可爱底线提示代码-乡野博文

CSS代码:

/*底部可爱底线提示*/
.lastpagenotice_noticewrap{color:hsla(0, 2.1%, 18.8%, 0.6);}.lastpagenotice_noticewrap img{height:73px; width:88px; margin:0 auto}.lastpagenotice_noticewrap .lastpagenotice_text{display:block; position:absolute; font-size:15px; line-height:20px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:-webkit-calc(50% + 60px); left:calc(50% + 60px)}.lastpagenotice_noticewrap .lastpagenotice_line{width:100%; height:1px; background-color:hsla(0,0%,100%,.05); position:absolute; bottom:0}.app_normal{text-align:center; position:relative}

在主题目录—>footer.php的“<footer class….>”上方加入以下代码:

<!--底部可爱底线提示-->
<div class="app_normal window" style="padding-top:" data-reactroot=""><div class="common_container lastpagenotice_noticewrap"><img src="http://www.zau.cn/wp-content/themes/zibll/img/dixian.png" data-spm-anchor-id="a2ha1.14919748_WEBHOME_GRAY.0.i1"><div class="lastpagenotice_text"  style="color:#6699FF;font-weight:bold;">我是底线可爱胖!冲鸭~</div><div class="lastpagenotice_line"></div></div></div>
温馨提示:本文最后更新于2022-05-11 23:15:14,某些文章具有时效性,若有错误或已失效,请在下方留言或联系乡野博文
您阅读这篇文章共花了: 0小时00分00秒
-----本页内容已结束,喜欢请分享!-----
© 版权声明
THE END
喜欢本站内容,请点【点赞】【分享】和【收藏】~
点赞14 分享
评论 抢沙发

请登录后发表评论