WordPress主题zibll子比主题文章底部版权申明样式美化

使用说明

  • 这里的使用步骤适用于子比主题,其他主题放到需要的位置即可。代码适用所有Wordpress主题)。
  • 使用步骤(例):打开WordPress后台→主题设置→文章&列表→文章页面→将代码添加到“版权提示内容”中。

样式一

WordPress主题zibll子比主题文章底部版权申明样式美化

<!--版权申明-->
<div class="single-bottom-html mg-b box b2-radius">
<fieldset style="border: 8px dashed; background: #ffffff; padding: 10px; border-radius: 5px; line-height: 1.5em; color: #595959;" data-mce-style="border: 2px dashed; background: #ffffff; padding: 10px; border-radius: 5px; line-height: 1.5em; color: #595959;">
<legend style="color: #ffffff; width: 30%; text-align: center; background-color: #e8b235; border-radius: 5px;" align="center" data-mce-style="color: #ffffff; width: 30%; text-align: center; background-color: #e8b235; border-radius: 8px;">重要声明</legend>
<fieldset style="border: 1px dashed #e8b235; padding: 10px; border-radius: 5px; line-height: 2em; font-size: 12px; color: #bdbdbd; text-align: center;" data-mce-style="border: 1px dashed #e8b235; padding: 10px; border-radius: 5px; line-height: 2em; font-size: 12px; color: #bdbdbd; text-align: center;">
<p style="font-size: 12px; text-align: center;" data-mce-style="font-size: 12px; text-align: center;">
<span style="color: #000000;" data-mce-style="color: #000000;">本站资源大多来自网络,如有侵犯你的权益请联系管理员</span><span style="color: #000000;" data-mce-style="color: #000000;">E-mail:</span>
<span style="color: #ff6600;" data-mce-style="color: #ff6600;">test@qq.com</span>
<span style="color: #000000;" data-mce-style="color: #000000;">我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可, 禁止用于任何商业途径!请在下载24小时内删除!</span>
</p><hr><p style="font-size: 12px; text-align: center;" data-mce-style="font-size: 12px; text-align: center;">
<span style="color: #000000;" data-mce-style="color: #000000;">如果遇到</span>
<span style="color: #ff0000;" data-mce-style="color: #ff0000;">付费</span>
<span style="color: #000000;" data-mce-style="color: #000000;">才可</span>
<span style="color: #33cccc;" data-mce-style="color: #33cccc;">观看</span>
<span style="color: #000000;" data-mce-style="color: #000000;">的文章,建议升级</span>
<span style="color: #ff0000;" data-mce-style="color: #ff0000;">终身VIP。</span>
<span style="color: #000000;" data-mce-style="color: #000000;">全站所有资源</span>
<span style="color: #ff0000;" data-mce-style="color: #ff0000;">“<span style="color: #3366ff;" data-mce-style="color: #3366ff;">任意下免费看</span>”。</span>
<span style="color: #ff9900;" data-mce-style="color: #ff9900;">本站资源少部分采用</span>
<span style="color: #00ccff;" data-mce-style="color: #00ccff;">7z压缩,</span>
<span style="color: #33cccc;" data-mce-style="color: #33cccc;">为防止有人压缩软件不支持7z格式</span>
<span style="color: #cc99ff;" data-mce-style="color: #cc99ff;">,7z</span>
<span style="color: #000000;" data-mce-style="color: #000000;">解压,建议下载</span>
<span style="color: #cc99ff;" data-mce-style="color: #cc99ff;"><em>7-zip</em></span>
<span style="color: #cc99ff;" data-mce-style="color: #cc99ff;">,zip、rar</span>
<span style="color: #000000;" data-mce-style="color: #000000;">解压,建议下载</span>
<span style="color: #cc99ff;" data-mce-style="color: #cc99ff;">
<em>WinRAR</em></span><span style="color: #000000;" data-mce-style="color: #000000;">。</span></p>
</fieldset></fieldset>

样式二

WordPress主题zibll子比主题文章底部版权申明样式美化

<!--版权申明-->
<!-- -www.lkuba.com -->
<div class="entry-copyright px12">
<span class="badg badg-sm mr3 c-yellow">1</span> 如果您喜欢本站,<a href="/zanzhu" style="color:#a102ff">点击这儿</a>赞助下本站,感谢支持!<br />
<span class="badg badg-sm mr3 c-red">2</span> 可能会帮助到你:<a href="/download-help" style="color:#00aeff" title="下载帮助" target="_blank">
<i class="wpcom-icon menu-item-icon"><svg aria-hidden="true"><use xlink:href="#icon-user-auth"></use></svg></i> 下载帮助</a> | <a href="/" style="color:red" title="报毒说明" target="_blank"><i class="wpcom-icon menu-item-icon"><svg aria-hidden="true"><use xlink:href="#icon-ontop-color"></use></svg></i> 报毒说明</a> | <a href="/" style="color:#ffbe02" title="进站必看" target="_blank"><i class="wpcom-icon menu-item-icon"><svg aria-hidden="true"><use xlink:href="#icon-comment-color"></use></svg></i> 进站必看</a> | <a href="/ad" style="color: #a102ff;" title="广告合作" target="_blank"><i class="wpcom-icon menu-item-icon"><svg aria-hidden="true"><use xlink:href="#icon-security-color"></use></svg></i> 广告合作</a>;<br />
<span class="badg badg-sm mr3 c-purple">3</span> 本站素材资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责;<br />
<span class="badg badg-sm mr3 c-blue">4</span> 本站大部分素材资源来源于网络,仅供学习与参考,请于下载后24小时内删除;<br />
<span class="badg badg-sm mr3 c-green">5</span> 若作商业用途,请联系原作者授权,若本站侵犯了您的权益请<a href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes" style="color:red" title="联系站长qq123456" target="_blank"><i class="wpcom-icon menu-item-icon"><svg aria-hidden="true"><use xlink:href="#icon-qq-color"></use></svg></i> 联系站长</a> 进行删除处理;<br />
<span class="badg badg-sm mr3">6</span> 如若转载,请注明文章出处:<script>var url = window.location.href;document.write(document.URL);</script>
<br /></div>

样式三

WordPress主题zibll子比主题文章底部版权申明样式美化

<!--版权申明-->
<!-- www.lkuba.com -->
  <div>
    <fieldset
      style="
        border: 1px dashed #008cff;
        padding: 10px;
        border-radius: 5px;
        line-height: 2em;
        color: #6d6d6d;
      "
    >
      <legend
        align="center"
        style="
          width: 30%;
          text-align: center;
          background-color: #008cff;
          border-radius: 5px;
         background-image: linear-gradient(to right, #FFCC99, #FF99CC); text-align:center;" 
        "
      >
        文章版权声明
      </legend>
<span class="btn-info btn-xs">1</span> 本网站名称:<span style="color: #3333ff"><span style="color: #09ace2; font-size: 18px"><strong>绿库吧</strong></span></span><br />
      <span class="btn-info btn-xs">2</span> 本站永久网址:<font color="#09ace2">https://www.lkuba.com</font><br />
      <span class="btn-info btn-xs">3</span> 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ<a href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes" target="_blank">123456</a>进行删除处理。<br />
      <span class="btn-info btn-xs">4</span> 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。<br />
      <span class="btn-info btn-xs">5</span> 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报<br />
      <span class="btn-info btn-xs">6</span> 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。<br />
    </fieldset>
  </div>
  <!--版权申明样式-->

样式四

WordPress主题zibll子比主题文章底部版权申明样式美化

<!--版权申明-->
<!-- www.lkuba.com -->
  <div>
    <fieldset  style=" border: 1.5px dashed #008cff; padding: 10px; border-radius: 5px; line-height: 2em;font-weight: 700;color: var(--key-color);background-color: var(--body-bg-color);">
      <legend align="center" style=" margin-bottom: -2px;width: 30%;text-align: center; background-color: #008cff; border-radius: 999px; background-image: linear-gradient(to right, #FFCC99, #FF99CC);border: 1.5px dashed #008cff;" >
        版权声明
      </legend>
      <span class="btn-info btn-xs">1</span> 本网站名称:<span style="color: #3333ff"><span style="color: #09ace2; font-size: 18px"><strong>绿库吧</strong></span></span><br />
      <span class="btn-info btn-xs">2</span> 本站永久网址:<font color="#09ace2">www.lkuba.com</font><br />
      <span class="btn-info btn-xs">3</span> 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ<a href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes" target="_blank">123456</a>进行删除处理。<br />
      <span class="btn-info btn-xs">4</span> 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。<br />
      <span class="btn-info btn-xs">5</span> 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报<br />
      <span class="btn-info btn-xs">6</span> 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。<br />
    </fieldset>
  </div>
  <!--版权申明-->

样式五

WordPress主题zibll子比主题文章底部版权申明样式美化

<!--版权申明-->
<div>
      <fieldset style="
          border: 1px dashed #009944;
          padding: 10px;
          border-radius: 5px;
          line-height: 2em;
          color: #6d6d6d;
        ">
        <legend align="center" style="
            width: 30%;
            font-size: 15px;
            color:#FFF;
            text-align: center;
            background-color: #008cff;
            border-radius: 5px;
           background-image: linear-gradient(to right, #12b928, #4fb845); text-align:center;" "="">
          文章版权声明
        </legend>
        1、本网站的内容均来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。<br>
        2、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。<br>
        3、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报。<br>
        4、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。<br>
        5、修改版安卓软件,加群提示为修改者自留,非本站添加信息,注意鉴别!<br>
      </fieldset>
    </div>

样式六

WordPress主题zibll子比主题文章底部版权申明样式美化

<!--文章网站声明代码样式 -->
<head>
<style type="text/css">
.post-copyright {
    box-shadow: 2px 2px 5px;
    line-height: 2;
    position: relative;
    margin: 40px 0 10px;
    padding: 10px 16px;
    border: 1px solid var(--light-grey);
    transition: box-shadow .3s ease-in-out;
    overflow: hidden;
    border-radius: 12px!important;
    background-color: var(--main-bg-color);
}
.post-copyright:before {
    position: absolute;
    right: -26px;
    top: -120px;
    content: '\f25e';
    font-size: 200px;
    font-family: 'FontAwesome';
    opacity: .2;
}
.post-copyright__title {
    font-size: 22px;
}
.post-copyright_type {
    font-size: 18px;
    color:var(--theme-color)
}
.post-copyright .post-copyright-info {
    padding-left: 6px;
    font-size: 15px;
}
.post-copyright-m-info .post-copyright-a, .post-copyright-m-info .post-copyright-c, .post-copyright-m-info .post-copyright-u {
    display: inline-block;
    width: fit-content;
    padding: 2px 5px;
    font-size: 15px;
}
.muted-3-color {
    color: var(--main-color);
}
/*手机优化*/
@media screen and (max-width:800px){.post-copyright-m-info{display:none}}
</style>
</head>
<body>
    <div class="post-copyright" style="max-width:800px;margin:0 auto;">
        <div class="post-copyright__title" style="margin:10px 10px"><span class="post-copyright_title"><strong><script>document.write(document.title);</script></strong></span></div>
        <div class="post-copyright__type" style="margin:10px 10px"><span class="post-copyright_type"><script>var url = window.location.href;document.write(document.URL);</script></span></div>
        <div class="post-copyright-m">
            <div class="post-copyright-m-info">
                <div class="post-copyright-a">
                    <strong>文章作者</strong>
                    <div class="post-copyright-cc-info">
                        <strong><a href="https://www.lkuba.com/">绿库吧</a></strong>
                    </div>
                </div>
                <div class="post-copyright-c" style="margin:10px 20px">
                    <strong>隐私政策</strong>
                    <div class="post-copyright-cc-info">
                        <strong><a href="https://www.lkuba.com/privacy-policy">privacy-policy</a></strong>
                    </div>
                </div>
                <div class="post-copyright-u" style="margin:10px 20px">
                    <strong>用户协议</strong>
                    <div class="post-copyright-cc-info">
                        <strong><a href="https://www.lkuba.com/agreement">agreement</a></strong>
                    </div>
                </div>
                <div class="post-copyright-c" style="margin:10px 20px">
                    <strong>许可协议 </strong>
                    <div class="post-copyright-cc-info">
                        <a class="icon" rel="noopener external nofollow noreferrer" target="_blank" title="Creative Commons" href="https://creativecommons.org/"><i class="fab fa-creative-commons"></i></a>
                        <strong><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">NC-SA 4.0</a></strong></div>
                </div>
            </div>
        </div>
    </div>
</body>
<!--文章网站声明代码样式-->

样式七

WordPress主题zibll子比主题文章底部版权申明样式美化

<ul class="spostinfo">
    <section style="text-align: center;margin:10px 0px;" class="">
        <section style="display:inline-block;">
            <section style="display:inline-block;">
                <section style="display: flex;justify-content:center;align-items:flex-start;" class="">
                    <section style="border-style: solid; border-width: 10px 7px; border-color: transparent transparent #fbc4c4 #fbc4c4; width: 0px; height: 0px; margin-right: -13px; box-sizing: border-box;">
                        <br/>
                    </section>
                    <section style="border-style: solid; border-width:15px 8px; border-color:   #f86e6d   #f86e6d transparent transparent ; width: 0px; height: 0px;z-index:1000;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);">
                        <br/>
                    </section>
                    <section style="background-color:#f86e6d;color:#fff;font-size:20px;letter-spacing:2px;height:30px;" class="">
                        <p>
                           <STRONG> ·版权声明·</STRONG>
                        </p>
                    </section>
                    <section style="border-style: solid; border-width:15px 8px; border-color:   #f86e6d transparent transparent   #f86e6d  ; width: 0px; height: 0px;z-index:1000;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);">
                        <br/>
                    </section>
                    <section style="border-style: solid; border-width: 10px 7px; border-color: transparent #fbc4c4 #fbc4c4 transparent; width: 0px; height: 0px; margin-left: -13px; box-sizing: border-box;">
                        <br/>
                    </section>
                </section>
            </section>
        </section>
        <section style="margin-top:-18px;border-top:solid 2px #fdce52;padding:5px 0px 0px;" class="">
            <section style="border:solid 1px #f86e6d;border-radius:10px;padding:17px 10px 10px;border-bottom:solid 7px #f86e6d;">
                <section class="_li">
                    <section style="display: flex;justify-content:center;align-items:flex-start;" class="">
                        <section style="width:94%;color:#000;font-size:15px;letter-spacing:2px;margin-left:6px;" data-width="94%" class="">
                            <p style="-webkit-tap-highlight-color: transparent; border: 0px; font-family: Yomogi, sans-serif; font-size: 19.2px; margin-bottom: 1rem; vertical-align: baseline; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; color: #333333; text-align: center;">
                                <span style="font-size: 12px;"></span>
                            </p>
                            <p style="box-sizing: inherit; -webkit-tap-highlight-color: transparent; border: 0px; font-family: Yomogi, sans-serif; font-size: 19.2px; margin-bottom: 1rem; vertical-align: baseline; letter-spacing: 2px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; line-height: inherit; color: #333333;">
                                <span style="box-sizing: inherit; -webkit-tap-highlight-color: transparent; border: 0px; font-family: inherit; font-size: 16px; font-style: inherit; vertical-align: baseline;">1、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。<br/></span><span style="font-family: inherit; font-size: 16px; font-style: inherit;">2、本站文章部分内容可能来源于网络,仅供大家学习与参考。<br/></span><span style="font-family: inherit; font-size: 16px; font-style: inherit;">3、如有侵权请邮件与我们</span><strong style="font-family: inherit; font-size: 16px; font-style: inherit; box-sizing: inherit; -webkit-tap-highlight-color: transparent; border: 0px; vertical-align: baseline;">联系处理</strong><span style="font-family: inherit; font-size: 16px; font-style: inherit;">。敬请谅解!</span>
                            </p>
                        </section>
                    </section>
                </section>
            </section>

1 如果您喜欢本站,点击这儿捐赠本站,感谢支持!

2 这些信息可能会帮助到你: 下载帮助 | 报毒说明 | 进站必看

3 修改版本安卓及电脑软件,加群提示为修改者自留,非本站信息,注意鉴别;

4 本网站部分资源来源于网络,仅供大家学习与参考,请于下载后24小时内删除;

5 若作商业用途,请联系原作者授权,若本站侵犯了您的权益请联系站长进行删除处理;

6 作者:网站编辑,如若转载,请注明出处:https://www.lkuba.com/353.html

(0)
上一篇 2024年3月11日
下一篇 2024年3月12日

相关推荐

发表回复

登录后才能评论