Zibll子比主题 | 网站底部“友情链接”、“免责声明”等按钮美化教程

温馨提示:本文最后更新于2023-10-24 12:10:25,某些文章具有时效性,若有错误或已失效,请在文末留言。

今天来分享一下Zibll子比主题网站底部“友情链接”、“免责声明”等按钮的美化教程,先来看看站长美化前后的对比。

美化前:

Zibll子比主题 | 网站底部“友情链接”、“免责声明”等按钮美化教程

美化后:

Zibll子比主题 | 网站底部“友情链接”、“免责声明”等按钮美化教程

美化步骤

站长使用的Zibll主题是V7.3版本,教程分为两步,添加CSS样式和添加HTML代码即可。

1、[Zibll主题设置] - [全局&功能] - [自定义代码] - [自定义CSS样式],添加以下CSS代码:

Zibll子比主题 | 网站底部“友情链接”、“免责声明”等按钮美化教程

2、[Zibll主题设置] - [页面&显示] - [底部页脚] - [板块二],添加以下HTML代码:

<div class="github-badge">
  <span class="badge-subject bg-blue">
     <a style="color:#fff" href="https://www.11zhang.com/applylink">友链申请</a>
  </span>
  <span class="badge-subject bg-brightgreen">
     <a style="color:#fff" href="https://www.11zhang.com/state">版权声明</a>
  </span>
  <span class="badge-subject bg-green">
     <a style="color:#fff" href="https://www.11zhang.com/sitemap.html">网站地图</a>
  </span>
  <span class="badge-subject bg-orange">
     <a style="color:#fff" href="https://www.11zhang.com">广告合作</a>
  </span>
    <span class="badge-value bg-blueviolet">
     <a style="color:#fff" href="https://www.11zhang.com/us">关于我们</a>
  </span>
</div>

Zibll子比主题 | 网站底部“友情链接”、“免责声明”等按钮美化教程

3、美化结束。

✅来源:十一张博客
© 版权声明
THE END
如果觉得这篇文章对您有帮助,可以收藏本网址,方便下次访问!
点赞5 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容