分享一段免责声明的代码,可插入文章阅读页

花沁电子 1 关注 六级站长 普通
发表于前端UI学习设计文章版块


插入文章阅读页下方的方法,【站长中心-云分享-自定义代码】


代码如下:



<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: &quot;Microsoft Yahei&quot;; 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: &quot;Microsoft Yahei&quot;; font-size: 12px;"><span style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; color: rgb(51, 51, 51); font-family: &quot;Microsoft Yahei&quot;; 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: &quot;Microsoft Yahei&quot;; font-size: 12px;"><span style="box-sizing: border-box; -webkit-tap-highlight-color: transparent; color: rgb(51, 51, 51); font-family: &quot;Microsoft Yahei&quot;; 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: &quot;Microsoft Yahei&quot;; font-size: 12px;">进行处理。</span></span></li></ul><div><div><br></div><font color="#458fce">&nbsp;如果觉得本文还不错请点个赞或者打赏点金币哦~&nbsp;<img width="32" height="32" src="app/puyuetianeditor/template/img/emotion/20.png" alt="emotion"></font><div><font color="#458fce">&nbsp;拒绝伸手党,拿走请回复,尊重楼主,尊重你我他~</font><img width="32" height="32" src="app/puyuetianeditor/template/img/emotion/8.png" alt="emotion"></div>
</div></div></div>

上海,上海

评论列表 评论
atpiapp 小乐 五级站长 普通 2#
拿走了emotion
共0条回复,点击查看回复
CAHK CAHK 三级站长 普通 3#
n这里emotion
共0条回复,点击查看回复
发布评论

评论: 分享一段免责声明的代码,可插入文章阅读页

已有0次打赏
(1) 分享
分享

请保存二维码或复制链接进行分享

取消