收藏文章 楼主
分享一段免责声明的代码,可插入文章阅读页
版块:前端UI学习设计文章   类型:普通   作者:1   查看:245   回复:1   获赞:0   时间:2019-11-05 13:50:35


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


代码如下:



<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
2F
小乐Lv30
拿走了emotion
 0   10天前  回复

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

暂无用户组
退出
0级
天豆:颗
余额:元
游客:

公告

近期本站被人为恶意注册及发布垃圾帖,本站已开启普通用户发帖审核功能,VIP系列用户组不受影响,一但发现发布违法或垃圾帖的用户,该用户账号将会被永久封号,请大家共同维护互联网环境,共创美好互联网未来。

永久免费,购授权享豪礼

3年个人版授权+1400天豆仅需140元

终身个人版授权+2800天豆仅需280元

3年尊享版授权+14000天豆仅需1400元

终身尊享版授权+28000天豆仅需2800元

Powered by HadSky 7.3.5

©2015 - 2019 HadSky

购买产品 用户文档 加入QQ群 授权查询 网站绑定 客户案例 陕ICP备13005805号

您的IP:3.233.226.151,2019-11-16 01:38:39,Processed in 0.05633 second(s).

支持原创软件,抵制盗版,共创美好明天!
头像

用户名:

粉丝数:

签名:

资料 关注 好友 消息
已有0次打赏
(0) 分享
分享

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

取消