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

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

<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
- 最新
- 最热
只看作者