文章版权声明样式美化效果:
子比主题:WordPress后台 >> 主题设置 >> 文章&列表 >> 文章页面 >> 将代码添加到“版权提示内容”中
默认版权样式:
样式一:
<div class="posts-copyright"><div class="entry-copyright px12">
<!--小旗搭建版权样式一-->
<span class="badg badg-sm mr3 c-yellow">1</span> 如果您喜欢本站,<a href="https://xqdj.pp.ua/" 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="https://xqdj.pp.ua/" 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="https://blog.xwawl.cn/" 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="https://blog.xwawl.cn/" 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=1706025774&site=qq&menu=yes" style="color:red" title="联系站长qq1706025774" 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="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;">[email protected]</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></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="https:/xqdj.pp.ua/">小旗搭建</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:/blog.xwawl.cn"
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="https:/blog.xwawl.cn/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:/xqdj.pp.ua</font><br />
<span class="btn-info btn-xs">3</span> 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ<a href="http://wpa.qq.com/msgrd?v=3&uin=1706025774&site=qq&menu=yes" target="_blank">1706025774</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>如果用于其他用途,请购买正版支持作者,谢谢!若您认为「BLOG.XWAWL.CN」发布的内容若侵犯到您的权益,请联系站长邮箱:[email protected] 进行删除处理。</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>
后面如果还有好看不同样式的都会更新到这篇文章里面,谢谢
© 版权声明
THE END
暂无评论内容