个性化美化方案升级,子比主题多彩配色等你解锁网站底部美化

图片[1]-个性化美化方案升级,子比主题多彩配色等你解锁网站底部美化-派克资源

在子比这个充满创意与灵感的社区里,我再次淘到了宝藏——一款令人爱不释手的美化方案!这次的发现,无论是从视觉冲击力还是细节处理上,都较之前分享的更胜一筹,相信定能俘获你的心。

这款美化方案不仅保留了原有设计的精髓,还预留了广阔的个性化空间。你可以根据自己的喜好,对具体内容进行微调,让每一处细节都彰显你的独特品味。更棒的是,它还支持增加多种配色方案,无论是清新淡雅还是浓烈鲜明,都能轻松驾驭,让你的页面焕然一新。

如果你觉得这款美化方案不错,不妨在评论区留下你的足迹,轻轻一点,不仅不会“掉一层皮”,还能收获这份美丽与惊喜。同时,也期待你能分享自己的定制成果,让我们一起见证更多个性化的美好!

图片[2]-个性化美化方案升级,子比主题多彩配色等你解锁网站底部美化-派克资源

CSS代码

[content_hide]

/*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: #ffa500;
  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-fen {
  background-color: #e76dcb
}
.github-badge .bg-red {
  background-color: #f55066
}
.github-badge .bg-green {
  background-color: #3bca6e
}

.github-badge .bg-cai {
    background-image: -webkit-linear-gradient(
0deg, #3ca5f6 0%, #a86af9 100%);
/*CSS 代码网站底部按钮美化结束*/

HTML代码

<div class="github-badge">
<span class="badge-subject">申请</span>
<a style="color:#fff" href="/friends" rel="external nofollow" target="_blank">
<span class="badge-value bg-cai">友情链接</span></a>
</div>
<div class="github-badge">
<span class="badge-subject">查看</span>
<a style="color:#fff" href="/links" rel="external nofollow" target="_blank">
<span class="badge-value bg-fen">友情赞助</span></a>
</div>
<div class="github-badge">
<span class="badge-subject">查看</span>
<a style="color:#fff" href="/status" rel="external nofollow" target="_blank">
<span class="badge-value bg-red">网站状态</span></a>
</div>
<div class="github-badge">
<span class="badge-subject">查看</span>
<a style="color:#fff" href="/8" rel="external nofollow" target="_blank">
<span class="badge-value bg-cai">关于我们</span></a>
</div>
<div class="github-badge">
<span class="badge-subject">获取</span>
<a style="color:#fff" href="/feed" rel="external nofollow" target="_blank">
<span class="badge-value bg-green">RSS订阅</span></a>
</div>
<div class="github-badge">
  <span class="badge-subject">申请</span>
  <a style="color:#fff" href="/friends" rel="external nofollow"  target="_blank">
    <span class="badge-value bg-cai">友情链接</span></a>
</div>
<div class="github-badge">
  <span class="badge-subject">查看</span>
  <a style="color:#fff" href="/links" rel="external nofollow"  target="_blank">
    <span class="badge-value bg-fen">友情赞助</span></a>
</div> 
<div class="github-badge">
  <span class="badge-subject">查看</span>
  <a style="color:#fff" href="/status" rel="external nofollow"  target="_blank">
    <span class="badge-value bg-red">网站状态</span></a>
</div>
<div class="github-badge">
  <span class="badge-subject">查看</span>
  <a style="color:#fff" href="/8" rel="external nofollow"  target="_blank">
    <span class="badge-value bg-cai">关于我们</span></a>
</div>
<div class="github-badge">
  <span class="badge-subject">获取</span>
  <a style="color:#fff" href="/feed" rel="external nofollow"  target="_blank">
    <span class="badge-value bg-green">RSS订阅</span></a>
</div>
<div class="github-badge"> <span class="badge-subject">申请</span> <a style="color:#fff" href="/friends" rel="external nofollow" target="_blank"> <span class="badge-value bg-cai">友情链接</span></a> </div> <div class="github-badge"> <span class="badge-subject">查看</span> <a style="color:#fff" href="/links" rel="external nofollow" target="_blank"> <span class="badge-value bg-fen">友情赞助</span></a> </div> <div class="github-badge"> <span class="badge-subject">查看</span> <a style="color:#fff" href="/status" rel="external nofollow" target="_blank"> <span class="badge-value bg-red">网站状态</span></a> </div> <div class="github-badge"> <span class="badge-subject">查看</span> <a style="color:#fff" href="/8" rel="external nofollow" target="_blank"> <span class="badge-value bg-cai">关于我们</span></a> </div> <div class="github-badge"> <span class="badge-subject">获取</span> <a style="color:#fff" href="/feed" rel="external nofollow" target="_blank"> <span class="badge-value bg-green">RSS订阅</span></a> </div>

[/content_hide]

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享