子比主题美化-文章版权声明样式美化
这次是亲测五款常用的版权声明样式的美化，我感觉其他的都不好看，我把这五个的放在下面，下面的教程只适应于子比主题，其他主题请自测，当做记录一下笔记，前段时间也有人找我要这版权样式，我统计了几个好看的放出来。
教程开始
子比主题：WordPress后台 >> 主题设置 >> 文章&列表 >> 文章页面 >> 将代码添加到“版权提示内容”中
样式一
<head>
<!--39笔记版权样式一www.39ip.cn -->
<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.39ip.cn/">39笔记</a></strong>
</div>
</div>
<div class="post-copyright-c" style="margin:10px 20px">
<strong>隐私政策</strong>
<div class="post-copyright-cc-info">
<strong><a href="/" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow"
target="_blank">政策</a></strong>
</div>
</div>
<div class="post-copyright-u" style="margin:10px 20px">
<strong>用户协议</strong>
<div class="post-copyright-cc-info">
<strong><a href="/" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow"
target="_blank">协议</a></strong>
</div>
</div>
<div class="post-copyright-c" style="margin:10px 20px">
<strong>赞助我们 </strong>
<div class="post-copyright-cc-info">
<strong><a href="/" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" _blank">赞助</a></strong></div>
</div>
</div>
</div>
</div>
</body>样式二
<!--39笔记版权样式二 www.39ip.cn--><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;">6447834@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;">zip压缩，</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></div>样式三
<div class="posts-copyright"><div class="entry-copyright px12"> <!--39笔记版权样式一--> <span class="badg badg-sm mr3 c-yellow">1</span> 如果您喜欢本站，<a href="/" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" style="color:#a102ff"> <i class="wpcom-icon menu-item-icon"> <svg aria-hidden="true"><use xlink:href="#icon-security-color" rel="external nofollow" ></use></svg> </i>点击这儿 </a>赞助下本站，感谢支持！<br> <span class="badg badg-sm mr3 c-red">2</span> 可能会帮助到你： <a href="/" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" style="color:#00aeff" title="开发工具" target="_blank"> <i class="wpcom-icon menu-item-icon"> <svg aria-hidden="true"><use xlink:href="#icon-user-auth" rel="external nofollow" ></use></svg> </i> 开发工具 </a> | <a href="/" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" style="color:red" title="解压资源" target="_blank"> <i class="wpcom-icon menu-item-icon"> <svg aria-hidden="true"><use xlink:href="#icon-ontop-color" rel="external nofollow" ></use></svg> </i> 解压资源 </a> | <a href="/" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" style="color:#ffbe02" title="进站必看" target="_blank"> <i class="wpcom-icon menu-item-icon"> <svg aria-hidden="true"><use xlink:href="#icon-comment-color" rel="external nofollow" ></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://admin.qidian.qq.com/static_proxy/b2b-qq/wpa-link/index.html#/person?uin=6447834" rel="external nofollow" style="color:red" title="联系站长qq6447834" target="_blank"> <i class="wpcom-icon menu-item-icon"> <svg aria-hidden="true"><use xlink:href="#icon-qq-color" rel="external nofollow" ></use></svg> </i> 联系站长 </a> 进行删除处理 <br> <span class="badg badg-sm mr3">6</span> 本站所有内容均来源于网络，仅供学习与参考，请勿商业运营，严禁从事违法、侵权等任何非法活动，否则后果自负<br> </div></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: #ff5f89"><span style="color: #ff5f89; font-size: 18px"><strong>39笔记</strong></span></span><br>
<span class="btn-info btn-xs">2</span> 本站永久网址：
<font color="#ff5f89">https://www.39ip.cn/</font><br>
<span class="btn-info btn-xs">3</span> 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ<a href="https://qm.qq.com/q/u8hJ8uYuUU" rel="external nofollow" target="_blank">6447834</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>
<span class="btn-info btn-xs">7</span> 本站采用<a target="_blank" href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" rel="external nofollow" rel="external nofollow noreferrer" data-title="本站采用知识共享署名-非商业性使用-相同方式共享4.0国际许可协议进行许可" title="本站采用知识共享署名-非商业性使用-相同方式共享4.0国际许可协议进行许可"
draggable="false">知识共享署名-非商业性使用-相同方式共享4.0国际许可协议</a>进行许可<br>
</fieldset>样式五
<div class="posts-copyright"><div class="box">
<!--39笔记版权样式五-->
<b class="lurenfen"><p>本站收集的资源仅供内部学习研究软件设计思想和原理使用，学习研究后请自觉删除，请勿传播，因未及时删除所造成的任何后果责任自负。</p>
<p>如果用于其他用途，请购买正版支持作者，谢谢！若您认为「WWW.39IP.CN」发布的内容若侵犯到您的权益，请联系站长邮箱:6447834@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>样式六
<!--39笔记版权样式六 www.39ip.cn-->
<div class="posts-copyright">
<fieldset style="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: #3c59eb;border-radius: 10px;border: 0px dashed #3c59eb;font-size: 16px; color: #ffffff;">
版权声明
</legend>
<span class="btn-info btn-xs" style="background-color: #3c59eb;">1</span> 本站名称：<span style="color: #f7dbdb;"><span style="color: #3c59eb;">
<strong>39笔记</strong>
</span>
</span>
<br>
<span class="btn-info btn-xs" style="background-color: #3c59eb;">2</span> 本站网址：<font color="#3c59eb">www.39ip.cn</font><br>
<span class="btn-info btn-xs" style="background-color: #3c59eb;">3</span> 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。<br>
<span class="btn-info btn-xs" style="background-color: #3c59eb;">4</span> 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。<br>
<span class="btn-info btn-xs" style="background-color: #3c59eb;">5</span> 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。<br>
<span class="btn-info btn-xs" style="background-color: #3c59eb;">6</span> 本站附件资源、教程等内容如因时效原因失效或不可用，请评论区留言或联系站长及时更新。<br>
</fieldset>
</div>
<!--39笔记版权样式六 www.39ip.cn-->样式七
<div style="margin-top:20px;">
<legend align="center" style="width: 40%;margin: 0 auto -14px auto;border-radius: 999px;background: #4C75E4;color: #fff;">版权声明</legend>
<div class="joe_div">
<div class="item">
<svg t="1626845917242" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4434" width="16" height="16"><path d="M737.41824 413.42976c0-74.9312-54.784-135.68-122.368-135.68s-122.368 60.74368-122.368 135.68 54.784 135.68 122.368 135.68 122.368-60.75392 122.368-135.68z m205.44512 433.97632c0-59.5968-144.27136-121.78432-328.48896-121.78432s-333.55776 66.81088-333.55776 126.40768S430.15168 913.6896 614.4 913.6896s328.46336-6.69184 328.46336-66.28864z" fill="#F4CA1C" p-id="4435"></path><path d="M516.6592 606.08c-134.25664 0-243.47648-119.86432-243.47648-267.19744S382.40256 71.68 516.6592 71.68s243.47648 119.86432 243.47648 267.20256-109.22496 267.19744-243.47648 267.19744z m0-471.28064c-99.5328 0-180.51072 91.55072-180.51072 204.0832s80.97792 204.07808 180.51072 204.07808 180.51072-91.5456 180.51072-204.07808-80.97792-204.0832-180.51072-204.0832zM517.7088 957.44C278.3744 957.44 71.68 957.44 71.68 841.728c0-108.71808 208.42496-204.0832 446.0288-204.0832 111.75936 0 219.136 19.57888 302.32576 55.13216C908.64128 730.624 957.44 781.312 957.44 835.40992 957.44 948.4544 766.85824 957.44 517.7088 957.44z m0-256.68096c-233.88672 0-383.05792 92.55936-383.05792 140.96384 0 17.57696 34.42176 32.65024 94.4384 41.344 71.79776 10.40896 173.18912 11.264 288.62464 11.264 104.09472 0 210.6368-1.73056 284.72832-14.28992 58.49088-9.91744 92.032-26.17856 92.032-44.6208-0.01024-47.48288-143.04768-134.66112-376.76544-134.66112z" fill="#595BB3" p-id="4436"></path></svg>
<span>本站网络名称：</span>
<span style="color: #3333ff"><span style="color: #FF6666; font-size: 18px"><strong style="color: #777777;">39笔记</strong></span></span>
</div>
<div class="item">
<svg t="1626845985384" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4698" width="16" height="16"><path d="M493.12768 371.93216a158.45376 158.45376 0 1 0-158.45376 157.79328 158.12096 158.12096 0 0 0 158.45376-157.79328z m419.8656 345.97376a158.45376 158.45376 0 1 0-158.45376 157.79328 158.12096 158.12096 0 0 0 158.45376-157.79328z" fill="#F4CA1C" p-id="4699"></path><path d="M757.87776 447.93344V205.89568l157.33248 151.552a36.90496 36.90496 0 1 0 51.4048-52.96128l-193.98144-186.88a79.41632 79.41632 0 0 0-110.80192 1.09056l-131.02592 131.33312a246.272 246.272 0 1 0-273.96096 329.33376v79.46752H83.05664a36.864 36.864 0 1 0 0 73.6768h173.78816v160.256a36.97664 36.97664 0 0 0 73.95328 0v-160.256h152.064a246.40512 246.40512 0 1 0 275.01568-284.57472zM128.04608 337.73056a172.544 172.544 0 1 1 172.544 171.91424 172.42624 172.42624 0 0 1-172.544-171.91424z m353.5104 321.1008H330.79808v-77.42464a246.2208 246.2208 0 0 0 216.30464-243.2l136.82176-137.11872v248.32a246.48704 246.48704 0 0 0-202.368 209.42336z m244.2752 204.45184a171.90912 171.90912 0 1 1 172.544-171.90912 172.42624 172.42624 0 0 1-172.544 171.90912z" fill="#595BB3" p-id="4700"></path></svg>
<span>本站永久网址：</span>
<font color="#FF6666" style="color: #777777;font-weight: 600;">https://www.39ip.cn</font>
</div>
<div class="item">
<svg t="1626845999833" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4830" width="16" height="16"><path d="M964.30592 749.2352a215.07072 215.07072 0 1 0-215.07072 215.07072 215.07072 215.07072 0 0 0 215.07072-215.07072z" fill="#F4CA1C" p-id="4831"></path><path d="M488.40192 655.24736a77.96224 77.96224 0 0 1-50.53952-18.432l-104.27904-88.35584A35.328 35.328 0 0 1 379.22816 494.592l104.27392 88.3456a7.74144 7.74144 0 0 0 10.80832-0.81408l179.93216-206.21312a35.328 35.328 0 0 1 53.20704 46.41792l-179.92192 206.208a78.25408 78.25408 0 0 1-59.12576 26.71104zM514.56 952.32a437.76 437.76 0 1 1 437.76-437.76 438.272 438.272 0 0 1-437.76 437.76z m0-804.91008a367.1552 367.1552 0 1 0 367.1552 367.15008 367.56992 367.56992 0 0 0-367.1552-367.15008z" fill="#595BB3" p-id="4832"></path></svg>
<span>网站侵权说明：</span>
<span class="text" style="">本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ6447834删除处理。<br>
<span class="btn-info btn-xs pink">1</span> 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。<br>
<span class="btn-info btn-xs pink">2</span> 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报<br>
<span class="btn-info btn-xs pink">3</span> 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
</span>
</div>
</div>
</div>如有问题请联系站长
阅读剩余
提示：本文最后更新于2024年11月2日，如有错误或者已经失效，请留言告知。
加入QQ群
关注微信公众号
联系我们
请求更新
THE END
