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

今天来分享一下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赞赏 分享
评论 抢沙发
头像
评论人工审核通过显示,请勿重复提交!
提交
头像

昵称

取消
昵称表情代码

    暂无评论内容