导航

遇见美好的明天,书写最棒的故事~

侧边栏
最新评论
北熙宝宝@Hikurn_Xi
2024-07-23 20:53
@小满1221:欢迎来到女子寮!你的标准房开好了~请入住~
北熙宝宝@Hikurn_Xi
2024-07-23 20:47
@小满1221:|´・ω・)ノ我就用了一点点itdog的那个屏蔽测速脚本
小满1221
2024-07-23 11:04
我解决了,没事儿了
小满1221
2024-07-23 10:47
我去佬,我把我自己博客快速测试测死力,负载4000%多,求教程(´இ皿இ`)
小满1221
2024-07-23 10:41
标房 名称:满久琦的个人网站 简介:天上如是,地下亦然 链接:https://www.manjiuqi.com 图标:https://static.yhdzz.cn/logos/512x512.png
北熙宝宝@Hikurn_Xi
2024-07-22 16:13
@小满1221:😩谁家好人乱打啊。
小满1221
2024-07-22 15:32
这是什么?服务器?打一下 生气了吗,没生气
北熙宝宝@Hikurn_Xi
2024-07-12 21:20
@寒寒:欢迎来到女子寮!你的儿童房开好了~请入住~
寒寒
2024-07-12 12:12
来讨一间儿童房……|´・ω・)ノ name: 寒寒 site:https://blog.alikia2x.com description: 技术菜菜,梦想大大 avatar: https://alikia2x.com/img/avatar.png
北熙宝宝@Hikurn_Xi
2024-07-11 20:09
@广树:快速测试的动态请求,相当于c了一下服务器.....
谷歌广告

如何给广树的博客程序添加一些花里胡哨的底部美化

作者:北熙宝宝@Hikurn_Xi时间:2024-06-20 11:35:35分类:教程

模块1:

QQ截图20240618164704.png

<style>
.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%);
</style>
<div class="github-badge">
  <span class="badge-subject">网站托管</span>
  <a style="color:#fff" href="#" 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="#" 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="#" 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="#" rel="external nofollow"  target="_blank">
    <span class="badge-value bg-cai">点击查看</span></a>
</div>

模块2:

QQ截图20240620113632.png

<div class="footer-container" ><p>由 </p><a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="_blank" rel="nofollow"><img  class="footer-images" src="https://s0.beixibaobao.com/images/2wva.png" ></a> <p> 和 </p> <a href="https://www.cloudflare.com" target="_blank" rel="nofollow"><a href="https://www.cloudflare.com" target="_blank" rel="nofollow"><img  class="footer-images" src="https://api.beixibaobao.com/img/links/cloudflare-logo%5E594X302^white.png"></a> <p> 和 </p> <a href="https://www.sctes.com/" target="_blank" rel="nofollow"><img  class="footer-images"  src="https://api.beixibaobao.com/img/links/sctes-logo%5E594X302^white.png"></a><p> 共同提供CDN加速/云储存服务</p></div>

模块3:

QQ截图20240620113642.png

body .blog-layout-left-body .blog-layout-info-menu-bg {
    background-image: url(https://static.beixibaobao.com/public/own/blog/loli.gif);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 278px;
    height: 270px;
}


#美化