Zibll子比主题美化网站底部按钮美化

子比底部带颜色的布局美化按钮，比较醒目，对新进网友比较能直观的展现，很简单的一个美化，可能有人会需要，当然不喜欢的也用不到，根据自己的喜好使用吧。

效果图：

使用方法

直接粘贴到主题设置》页面&显示》底部页脚》版块二即可

如图


  <style type="text/css">
    /*底部页脚*/
    .github-badge {
      display: inline-block;
      border-radius: 4px;
      text-shadow: none;
      font-size: 12px;
      color: #fff;
      /*line-height: 15px;*/
      background-color: #abbac3;
      margin-bottom: 5px;
    }

    .github-badge .badge-subject {
      display: inline-block;
      background-color: #f6b044;
      padding: 4px 4px 4px 6px;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }

    .github-badge .badge-value {
      display: inline-block;
      padding: 4px 6px 4px 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }

    .github-badge .bg-blue {
      background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);
    }

    .github-badge .bg-orange {
      background-color: #05b1a4;
    }

    .github-badge .bg-red {
      background-color: #f55066;
    }

    .github-badge .bg-green {
      background-color: #e76dcb;
    }
、
  </style>
<div class="github-badge">
  <!--<span class="badge-subject">申请</span>-->
  <a style="color:#fff" href="https://www1n" target="_blank">
    <span class="badge-value bg-red">友情链接</span></a>
</div>
<div class="github-badge">
  <a style="color:#fff" href="https://www.1" target="_blank">
    <span class="badge-value bg-green">站点地图</span></a>
</div>
<div class="github-badge">
  <a style="color:#fff" href="https://www.1" target="_blank">
    <span class="badge-value bg-orange">免责申明</span></a>
</div>
<div class="github-badge">
  <a style="color:#fff" href="mailto:121@qq.com">
    <span class="badge-value bg-blue">合作联系</span>
  </a>
</div>
</p>

THE END