子比主题美化:底部可爱底线提示

一个小小的美化教程,很多网站都有,就是在网页下拉到底部没有内容的时候会出现一个提示,对这个提示进行美化,也是网站使用比较多的,图片可以自行更换,使用后比较更有趣味性。

效果截图:

图片[1]-子比主题美化:底部可爱底线提示-云轻网络

安装教程:

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


我也是有底线哒~

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}

© 版权声明
WWW.002YUN.CN
喜欢就支持一下吧
点赞92 分享打赏
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称常用语表情代码图片

    暂无评论内容