这里的使用步骤适用于子比主题,其他主题放到需要的位置即可。代码适用所有Wordpress主题)。
使用步骤(例):打开WordPress后台→主题设置→文章&列表→文章页面→将代码添加到在文章内容后-插入内容
样式一
<div class="zbfox-copyright-box"> <b class="zbfox-copyright-content"><p>本站除原创内容,其余内容均收集自互联网,仅限用于学习和研究目的,本站不对其内容的合法性、可用性承担任何责任。本站禁止以任何形式发布或转载任何违法相关信息,若您发现请立即向站长举报;用户投稿一切资源内容不代表本站立场,并不代表本站赞同其观点和对其真实性负责。</p><p>如有版权内容,其版权均归原作者所有,本站虽力求保存原有版权信息,但因众多资源经多次转载,已无法确定其真实来源,故敬请原作者谅解!为尊重作者劳动成果,请购买正版支持作者,谢谢!若您对本资源作品版权归属存有异议,请发送邮箱:<a class="focus-color" href="mailto:ihuliku@qq.com" target="_blank">12345678@qq.com</a> 进行处理。</p><p>本站资源文件大多存储至云盘,如您发现图片或链接失效,请联系站长或作者,我们将及时进行更新。资源都是经过站长或作者收集测试优化后进行发布分享。如若转载请在贵站文内以超链形式注明文章出处,谢谢合作!</p> </b></div><style type="text/css">@keyframes animate{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.zbfox-copyright-box,.zbfox-copyright-content{position:relative}.zbfox-copyright-box{padding:10px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:20px}.zbfox-copyright-box:after,.zbfox-copyright-box:before{content:"";position:absolute}.zbfox-copyright-box:before{width:150%;height:50%;background:linear-gradient(315deg,#0cf,#d400d4);animation:animate 6s linear infinite}.zbfox-copyright-box:after{inset:6px;background:var(--body-bg-color);border-radius:15px;z-index:2}.zbfox-copyright-content{font-weight:400;color:var(--theme-color);z-index:4;margin:15px}</style>
效果如图
样式二
<div style="border: 3px solid red; padding: 20px; font-family: 'Arial', sans-serif; color: #333; background-color: #ffeaea;">
<h2 style="color: #d00000; text-align: center;">重要提示</h2>
<p style="font-size: 16px; line-height: 1.6;text-indent:0;">
<strong>如有解压密码:</strong> 看下载页、看下载页、看下载页。<br>
<strong>源码工具资源类具有可复制性:</strong> 建议具有一定思考和动手能力的用户购买。<br>
<strong>请谨慎考虑:</strong> 小白用户和缺乏思考动手能力者不建议赞助。<br>
<strong>虚拟商品购买须知:</strong> 虚拟类商品,一经购买打赏赞助,不支持退款。请谅解,谢谢合作!
</p>
</div>
效果如图
重要提示
如有解压密码: 看下载页、看下载页、看下载页。
源码工具资源类具有可复制性: 建议具有一定思考和动手能力的用户购买。
请谨慎考虑: 小白用户和缺乏思考动手能力者不建议赞助。
虚拟商品购买须知: 虚拟类商品,一经购买打赏赞助,不支持退款。请谅解,谢谢合作!
© 版权声明
THE END
喜欢就支持一下吧
相关推荐
暂无评论内容