让你的文章版权声明更出彩:子比主题专属美化法

今日:0
本周:0
全站:0
优源好文摘要
YouYuanKu.Net
文章最后更新时间:2025-02-12 20:17:30,若有疑问,请在下方 留言
优秀

亲测好用!分享五款免费工具助力子比主题文章版权声明美化,都是常见又美观的样式,直接复制代码就能用,喜欢的赶紧码住!

代码部署

子比主题:WordPress后台 >> 主题设置 >> 文章&列表 >> 文章页面 >> 将代码添加到“版权提示内容”中

让你的文章版权声明更出彩:子比主题专属美化法-优源库
<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;">16571988@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>www.youyuanku.net</em></span><span style="color: #000000;"
                    data-mce-style="color: #000000;">。</span></p>
        </fieldset>
    </fieldset>
</div>

第二个

让你的文章版权声明更出彩:子比主题专属美化法-优源库
<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="/">优源库</a></strong>
                    </div>
                </div>
                <div class="post-copyright-c" style="margin:10px 20px">
                    <strong>隐私政策</strong>
                    <div class="post-copyright-cc-info">
                        <strong><a href="/privacy" target="_blank">PrivacyPolicy</a></strong>
                    </div>
                </div>
                <div class="post-copyright-u" style="margin:10px 20px">
                    <strong>用户协议</strong>
                    <div class="post-copyright-cc-info">
                        <strong><a href="/protocol" target="_blank">UseGenerator</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://creativecommons.org/licenses/by-
    
    nc-sa/4.0/" target="_blank">NC-SA 4.0</a></strong>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

第三个

让你的文章版权声明更出彩:子比主题专属美化法-优源库
<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.bkyp.cn</font><br />
      <span class="btn-info btn-xs">3</span> 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ<a href="http://wpa.qq.com/msgrd?v=3&uin=16571988&site=qq&menu=yes" target="_blank">16571988</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>

第四个

让你的文章版权声明更出彩:子比主题专属美化法-优源库
<div class="posts-copyright"><div class="box">
    <b class="lurenfen"><p>本站收集的资源仅供内部学习研究软件设计思想和原理使用,学习研究后请自觉删除,请勿传播,因未及时删除所造成的任何后果责任自负。</p>
<p>如果用于其他用途,请购买正版支持作者,谢谢!若您认为「YouYuanKu.Net」发布的内容若侵犯到您的权益,请联系站长邮箱:16571988@qq.com 进行删除处理。</p>
本站资源大多存储在云盘,如发现链接失效,请联系我们,我们会第一时间更新。
   </b>
  </div>
<style type="text/css"> 
.box
{
  position: relative;
  padding: 10px; 
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 20px;
}
.box:before
{
  content: '';
  position: absolute;
  width: 150%;
  height: 50%;
  background: linear-gradient(315deg,#00ccff,#d400d4);
  animation: animate 6s linear infinite
}
@keyframes animate 
{
  0%
  {
    transform: rotate(0deg);
  }
  100%
  {
    transform: rotate(360deg);
  }
}
.box:after
{
  content: '';
  position: absolute;
  inset : 6px;
  background: var(--body-bg-color);
  border-radius: 15px;
  z-index: 2;
}
.lurenfen
{
  position: relative;
  font-weight: normal;
  color: #2997f7;
  z-index: 4;
  margin:15px;
}

</style></div>

第五个

让你的文章版权声明更出彩:子比主题专属美化法-优源库
<div class="posts-copyright"><div class="entry-copyright px12">
<!--优源库版权样式一-->
    <span class="badg badg-sm mr3 c-yellow">1</span> 如果您喜欢本站,<a href="/" style="color:#a102ff">        <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-red">2</span> 可能会帮助到你:
    <a href="/" 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><br>
  <span class="badg badg-sm mr3 c-purple">3</span> 如若转载,请注明文章出处:
    <script>var url = window.location.href;document.write(document.URL);</script></span><br>
    <span class="badg badg-sm mr3 c-blue">4</span> 本站内容观点不代表本站立场,并不代表本站赞同其观点和对其真实性负责<br>    
    <span class="badg badg-sm mr3 c-green">5</span> 若作商业用途,请联系原作者授权,若本站侵犯了您的权益请
    <a href="https://wpa.qq.com/msgrd?v=3&uin=16571988&site=qq&menu=yes" style="color:red" title="联系站长qq16571988" 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> 本站所有内容均来源于网络,仅供学习与参考,请勿商业运营,严禁从事违法、侵权等任何非法活动,否则后果自负<br>
</div></div>

第六个 动态款

让你的文章版权声明更出彩:子比主题专属美化法-优源库
<div class="article-copyright" style="
    background: var(--copyright-bg, linear-gradient(135deg, #ffd1dc, #c1e1ff));
    padding: 20px;
    border-radius: 16px;
    border: 3px solid var(--copyright-border, #ff7eb9);
    margin: 20px 0;
    font-size: 14px;
    color: var(--copyright-text, #333);
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 12px var(--copyright-shadow, rgba(255, 126, 185, 0.3));
    transition: transform 0.3s ease, box-shadow 0.3s ease;
">
    <!-- 二次元装饰图标 -->
    <span style="position: absolute; top: -20px; right: -20px; font-size: 80px; color: var(--copyright-icon, #ff7eb9); opacity: 0.2; transform: rotate(30deg);">🎀</span>
    <span style="position: absolute; bottom: -20px; left: -20px; font-size: 80px; color: var(--copyright-icon, #ff7eb9); opacity: 0.2; transform: rotate(-30deg);">🌸</span>

    <!-- 动态悬浮效果 -->
    <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, var(--copyright-particle, rgba(255, 126, 185, 0.2)) 10%, transparent 10.01%); background-size: 20px 20px; animation: move 3s infinite linear;"></div>

    <!-- 版权声明内容 -->
    <div style="position: relative; z-index: 2;">
        <strong style="color: var(--copyright-title, #ff7eb9); font-size: 18px; display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
            <span style="font-size: 24px;">📜</span>
版权💯归 <a href="https://www.bkyp.cn" style="color: var(--copyright-link, #ff7eb9); text-decoration: none; font-weight: bold;"><span style="color: #FF0000;">优源库</span></a> 所有</strong>
        <p style="margin: 0; line-height: 1.5; text-indent: 0;">
          <span style="color: #FF0000;">优源库💯</span>
禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
<br><span style="color: #FF0000;">优源库💯</span>
资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
<br><span style="color: #FF0000;">优源库💯</span>
一切资源不代表<span style="color: #FF0000;">优源库</span>
立场,并不代表<span style="color: #FF0000;">优源库</span>
赞同其观点和对其真实性负责。
<br><span style="color: #FF0000;">优源库💯</span>
授权方式:<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" style="color: var(--copyright-link, #ff7eb9); text-decoration: none; font-weight: bold;">CC BY-NC-SA 4.0</a>(署名-非商业性使用-相同方式共享)。
<br><span style="color: #FF0000;">优源库💯</span>
部分资源来源于网络,仅供大家学习与参考,<span style="color: #FF0000;">请下载后24小时内删除</span>,如有侵权,请联系站长邮箱:16571988@qq.com 进行删除处理。<br>
        </p>
    </div>
</div>

<!-- 动态背景动画 -->
<style>
    @keyframes move {
        0% { background-position: 0 0; }
        100% { background-position: 20px 20px; }
    }
    .article-copyright:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px var(--copyright-shadow-hover, rgba(255, 126, 185, 0.4));
    }

    /* 日间模式样式 */
    :root {
        --copyright-bg: linear-gradient(135deg, #ffd1dc, #c1e1ff);
        --copyright-border: #ff7eb9;
        --copyright-text: #333;
        --copyright-title: #ff7eb9;
        --copyright-link: #ff7eb9;
        --copyright-icon: #ff7eb9;
        --copyright-shadow: rgba(255, 126, 185, 0.3);
        --copyright-shadow-hover: rgba(255, 126, 185, 0.4);
        --copyright-particle: rgba(255, 126, 185, 0.2);
    }

    /* 夜间模式样式 */
    [data-theme='dark'] {
        --copyright-bg: linear-gradient(135deg, #3a1f4a, #1a1a2e);
        --copyright-border: #ff7eb9;
        --copyright-text: #ddd;
        --copyright-title: #ff7eb9;
        --copyright-link: #ff7eb9;
        --copyright-icon: #ff7eb9;
        --copyright-shadow: rgba(255, 126, 185, 0.2);
        --copyright-shadow-hover: rgba(255, 126, 185, 0.3);
        --copyright-particle: rgba(255, 126, 185, 0.1);
    }
</style>

第七个

<style>
.em09.muted-3-color > div:first-child {
display: none;
}

/* 字体引入 */
@import url(‘https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap’);

/* 基础变量 */
:root {
/* 日间模式 */
–mc-bg: repeating-linear-gradient(45deg, #5A5A5A, #5A5A5A 2px, #4A4A4A 2px, #4A4A4A 4px);
–mc-text: #2D2D2D;
–mc-border: 2px solid #000;
–mc-card-bg: rgba(255,255,255,0.9);
–mc-link: #3B5E3B;
–mc-shadow: 4px 4px 0 rgba(0,0,0,0.2);
–mc-icon-filter: none;
}

/* 夜间模式 */
body.dark-theme {
–mc-bg: repeating-linear-gradient(45deg, #2D2D2D, #2D2D2D 2px, #1D1D1D 2px, #1D1D1D 4px);
–mc-text: #D0D0D0;
–mc-border: 2px solid #555;
–mc-card-bg: rgba(0,0,0,0.8);
–mc-link: #8EDC8E;
–mc-shadow: 4px 4px 0 rgba(255,255,255,0.1);
–mc-icon-filter: brightness(1.2);
}

/* 容器样式 */
.copyright-component {
margin: 2rem auto;
max-width: 780px;
background: var(–mc-bg);
border: var(–mc-border);
box-shadow: var(–mc-shadow);
font-family: ‘Press Start 2P’, ‘Courier New’, monospace;
color: var(–mc-text);
position: relative;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 标题区域 */
.copyright-component .cp-header {
padding: 12px;
background: linear-gradient(180deg, #3B5E3B 0%, #2B4A2B 100%);
border-bottom: var(–mc-border);
position: relative;
}

.copyright-component .cp-header::before {
content: “”;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
linear-gradient(to right, transparent 48%, rgba(255,215,0,0.3) 50%, transparent 52%),
linear-gradient(to bottom, transparent 48%, rgba(255,215,0,0.3) 50%, transparent 52%);
}

.copyright-component .cp-title {
color: #FFF;
margin: 0;
font-size: 1.2em;
text-align: center;
text-shadow: 2px 2px 0 #000;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}

.copyright-component .cp-title::before {
content: “📜”;
filter: var(–mc-icon-filter);
}

/* 内容区域 */
.copyright-component .cp-body {
padding: 20px;
background: var(–mc-card-bg);
border: 2px inset var(–mc-border);
position: relative;
z-index: 1;
}

.copyright-component .cp-list {
list-style: none;
padding: 0;
margin: 0;
}

.copyright-component .cp-list li {
position: relative;
padding-left: 40px;
margin-bottom: 16px;
line-height: 1.6;
font-size: 0.9em;
transition: color 0.3s ease;
}

.copyright-component .cp-list li::before {
content: “”;
position: absolute;
left: 0;
top: 2px;
width: 24px;
height: 24px;
background: url(‘data:image/svg+xml;utf8,<svg viewBox=”0 0 24 24″ xmlns=”http://www.w3.org/2000/svg”><rect x=”2″ y=”2″ width=”20″ height=”20″ fill=”%233B5E3B” stroke=”%23000″ stroke-width=”2″/><text x=”50%” y=”50%” dominant-baseline=”middle” text-anchor=”middle” font-size=”12″ fill=”%23FFF”>%E2%96%A0</text></svg>’);
filter: var(–mc-icon-filter);
}

/* 文字样式 */
.copyright-component .cp-highlight {
color: #FFD700;
text-shadow: 1px 1px 0 #000;
}

.copyright-component .cp-link {
color: var(–mc-link);
text-decoration: none;
border-bottom: 2px dotted currentColor;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.copyright-component .cp-link:hover {
color: #FFD700;
transform: translateY(-2px);
border-bottom-style: solid;
}

/* 像素装饰 */
.copyright-component::after {
content: “”;
position: absolute;
bottom: -8px;
right: -8px;
width: 100%;
height: 100%;
background: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.1) 2px, rgba(0,0,0,0.1) 4px);
}

/* 响应式设计 */
@media (max-width: 640px) {
.copyright-component {
margin: 1rem;
font-size: 14px;
}

.copyright-component .cp-list li {
padding-left: 32px;
font-size: 0.8em;
}

.copyright-component .cp-title {
font-size: 1em;
}
}
</style>

<div class=”copyright-component”>
<div class=”cp-header”>
<h3 class=”cp-title”>文章法典(文章版权声明)</h3>
</div>
<div class=”cp-body”>
<ul class=”cp-list”>
<li>◆ 博客名称:<span class=”cp-highlight”>优源库</span></li>
<li>◆ 永久坐标:<a href=”https://joyb.cc” class=”cp-link”>https://www.bkyp.cn</a></li>
<li>◆ 部分知识来自冒险者笔记,仅供修习参考(本站文章部分内容来源于网络,仅供学习参考,如有侵权请联系站长删除)</li>
<li>◆ 资源配方不构成建造建议(本站资源不构成任何投资建议,仅代表个人观点)</li>
<li>◆ 发现危险物品请立即通知卫兵(严禁发布违法信息,访客发现请立即举报)</li>
<li>◆ 失效传送门请告知管理员更新(资源链接失效请联系我们,我们会及时更新)</li>
</ul>
</div>
</div>

优源库,欢迎各位站长加入!
© 版权声明
THE END
点赞59赞赏 分享
观点 共1条

请登录后发表评论

    • 饺子的头像学习分享博客_优源库优源大SVIP饺子徽章-签到达人学习分享博客_优源库等级-LV10学习分享博客_优源库作者0