本网站底部样式的代码和CSS文件

额，发现还是有和我一样眼光的朋友，喜欢我的底部代码，那我就在这直接放出来吧，毕竟我有时候不在线，怕耽误你们时间

首先，我们定义一下CSS，这个你直接插入在foot文件里还是放在style.css里面，就看你心情啦！

<style>
/*底部页脚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%);
</style>

下面就是代码文件，同样，也是看你心情，想放哪就放哪，如果想要直接居中，那就直接放置在<div class=”copyright”>这里</div>

<div class="github-badge">
  <span class="badge-subject">Copyright</span>
  <a style="color:#fff" href="https://www.mymoye.com/" 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="http://beian.miit.gov.cn/" rel="external nofollow"  target="_blank">
    <span class="badge-value bg-fen">苏ICP备2024097619号</span></a>
</div> 
<div class="github-badge">
  <span class="badge-subject">网站运行</span>
  <a style="color:#fff" href="http://www.mymoye.com/" rel="external nofollow"  target="_blank">
    <span class="badge-value bg-cai"><SPAN id=span_dt_dt style="color: #b5c4c3;"></SPAN> <SCRIPT language=javascript>function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("1/1/2024 23:32:13");
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
span_dt_dt.innerHTML='<font style=color:#00ffff>'+daysold+' 天</font> <font style=color:#00ffff>'+hrsold+' 时</font> <font style=color:#00ffff>'+minsold+' 分</font> <font style=color:#00ffff>'+seconds+' 秒</font>';
}
show_date_time();</script></span></a>
</div>

相关推荐: WordPress模板标签大全

话不多说，直接摆上，省的用的时候到处去找，利人利己，一举多得，多美好啊 WordPress模板基本文件 style.css 样式表文件 index.php 主页文件 single.php 日志单页文件 page.php 页面文件 archvie.php 分类和…

 

原文链接：https://www.mymoye.com/2045/，转载请注明出处。