插入文章阅读页下方的方法,【站长中心-云分享-自定义代码】
代码如下:
<style>
.copyright { border: 2px dashed #03A9F4;border-radius: 5px;padding: 10px;margin-top: 10px;color: #4e4e4e;}
.copyright .shenming{
color: #fff;
background: #03A9F4;
margin: 0 20px 15px;
padding: 0 25px;
text-align: center;
border-radius: 10px;
}
.copyright .user{display: flex;align-items: center;margin-bottom: 15px;}
.copyright .user>a>img{
border-radius: 100%;
width: 45px !important;
height: 45px !important;
margin-right: 10px;
animation: xuanzhuan 5s linear infinite;
-moz-animation: xuanzhuan 5s linear infinite; /* Firefox */
-webkit-animation: xuanzhuan 5s linear infinite; /* Safari 和 Chrome */
}
.copyright .user .info{
width: calc(100% - 60px);
}
.copyright .user .info .mess{
display: flex;
justify-content: space-between;
}
.copyright .user .info .mess .name{
text-transform: capitalize;
}
.copyright .user .info span{
font-size: 14px;
font-weight: 500
}
.copyright .user .info .sign{
font-size: 14px;
}
.copyright .content .tiaolie{
font-size: 14px;
}
.copyright .content .tiaolie li{
line-height: 26px;
}
.copyright .content .tiaolie li .edit{
color: #FF5722;
}
.copyright .content .tiaolie li a{
color: #03A9F4;
}
@keyframes xuanzhuan
{
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@-moz-keyframes xuanzhuan /* Firefox */
{
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@-webkit-keyframes xuanzhuan /* Safari 和 Chrome */
{
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
</style>
<div class="copyright">
<div class="shenming">免 责 声 明</div><div class="user"><div class="info">
</div>
</div>
<div class="content">
<ul class="tiaolie">
<li><span style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; color: rgb(51, 51, 51); font-family: "Microsoft Yahei"; font-size: 12px;">1、XXX里发表的文章仅代表作者本人的观点,与本网站立场无关。</span><br style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; color: rgb(51, 51, 51); font-family: "Microsoft Yahei"; font-size: 12px;"><span style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; color: rgb(51, 51, 51); font-family: "Microsoft Yahei"; font-size: 12px;">2、XXX资源分享仅为个人学习、交流之用,同时向原著作者表达敬意。</span><br style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; overflow-wrap: break-word; color: rgb(51, 51, 51); font-family: "Microsoft Yahei"; font-size: 12px;"><span style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; color: rgb(51, 51, 51); font-family: "Microsoft Yahei"; font-size: 12px;">3、XXX内容由网友自主上传,如有侵权、违规请联系邮箱<a href="#">123456@qq.com</a></span><span style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; color: rgb(51, 51, 51); font-family: "Microsoft Yahei"; font-size: 12px;">进行处理。</span></span></li></ul><div><div><br></div><font color="#458fce"> 如果觉得本文还不错请点个赞或者打赏点金币哦~ <img width="32" height="32" src="app/puyuetianeditor/template/img/emotion/20.png" alt="emotion"></font><div><font color="#458fce"> 拒绝伸手党,拿走请回复,尊重楼主,尊重你我他~</font><img width="32" height="32" src="app/puyuetianeditor/template/img/emotion/8.png" alt="emotion"></div>
</div></div></div>上海,上海