【通用】博客备案版权页脚美化

CSS样式添加:

自定义CSS,添加以下CSS样式。

将CSS样式添加后,还需要添加展示的内容,以及将展示的内容和CSS进行关联。

页面添加:

在网站目录footer.php进行修改或者底部页脚。

<a class="github-badge">
<span class="badge-subject">Copyright</span>
<span class="badge-value bg-brightgreen">© <?php echo date("Y-M");?></span>
</a >
<a class="github-badge" target="_blank" href=" ">
<span class="badge-subject">Powered by</span>
<span class="badge-value bg-orange">Wasabi</span>
</a >
<a class="github-badge" target="_blank" href="https://beian.miit.gov.cn">
<span class="badge-subject">京 ICP备</span>
<span class="badge-value bg-lightgrey"> XXXXXXXX号</span>
</a >
<a class="github-badge" target="_blank" href="_bank">
<span class="badge-subject">小程序</span>
<span class="badge-value bg-red">落格</span>
</a >

 

还有更多样式,你们可以自己看着改成自己的东西,代码都在下方啦~

HTML代码:

<div>
<div class="github-badge">
<span class="badge-subject">build</span><span class="badge-value bg-brightgreen">passing</span>
</div>
<div class="github-badge">
<span class="badge-subject">build</span><span class="badge-value bg-red">failure</span>
</div>
<div class="github-badge">
<span class="badge-subject">tests</span><span class="badge-value bg-green">185 passed, 7 skipped</span>
</div>
<div class="github-badge">
<span class="badge-subject">tests</span><span class="badge-value">inaccessible</span>
</div></div><div>
<div class="github-badge">
<span class="badge-subject">npm</span><span class="badge-value bg-blue">v5.5.1</span>
</div>
<div class="github-badge">
<span class="badge-subject">node</span><span class="badge-value bg-brightgreen">>=0.4.0</span>
</div>
<div class="github-badge">
<span class="badge-subject">gem</span><span class="badge-value bg-orange">v0.2.5</span>
</div></div><div>
<div class="github-badge">
<span class="badge-subject">stars</span><span class="badge-value bg-brightgreen">☆☆☆☆☆</span>
</div>
<div class="github-badge">
<span class="badge-subject">node</span><span class="badge-value bg-yellowgreen">★★★☆☆</span>
</div></div><div>
<div class="github-badge">
<span class="badge-subject">color</span><span class="badge-value bg-brightgreen">brightgreen</span>
</div>
<div class="github-badge">
<span class="badge-subject">color</span><span class="badge-value bg-green">green</span>
</div>
<div class="github-badge">
<span class="badge-subject">color</span><span class="badge-value bg-yellowgreen">yellowgreen</span>
</div>
<div class="github-badge">
<span class="badge-subject">color</span><span class="badge-value bg-yellow">yellow</span>
</div>
<div class="github-badge">
<span class="badge-subject">color</span><span class="badge-value bg-orange">orange</span>
</div>
<div class="github-badge">
<span class="badge-subject">color</span><span class="badge-value bg-red">red</span>
</div>
<div class="github-badge">
<span class="badge-subject">color</span><span class="badge-value bg-lightgrey">lightgrey</span>
</div>
<div class="github-badge">
<span class="badge-subject">color</span><span class="badge-value">grey</span>
</div>
<div class="github-badge">
<span class="badge-subject">color</span><span class="badge-value bg-blue">blue</span>
</div></div>

 

0a8c5441b9121632.webp

【通用】博客备案版权页脚美化代码是一款针对博客系统的代码,旨在美化博客的版权页脚,提升博客的整体视觉效果和用户体验。

该代码具有以下特点和功能:

  1. 自定义设计:用户可以根据自己的喜好和博客风格,自定义页脚的设计,包括颜色、字体、布局等。
  2. 快速部署:代码支持多种博客系统,只需简单配置,即可快速部署到博客中,无需修改其他代码或配置文件。
  3. 兼容性强:代码与各种博客系统兼容,无论使用哪种博客系统,都能轻松应用该代码。
  4. 易于使用:代码提供友好的用户界面和操作指南,使得用户能够轻松地使用和操作。

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容