博客页脚

此代码是一个比较好看的页脚样式代码

建议将代码本地化,这样我站蹦了就不至于,css样式消失

犹豫本站页脚的原因,改半天改不对,就不做演示了,自己加油!

样式预览:

https://r2.kwxos.pp.ua/change-hexo-img/f452eaf6fddb21f92a1648fba8b640fc.png

页眉代码:

1
2
3
4
页眉代码
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/cy-j/chenyu@1.6.0/css/cydibu.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/cy-j/chenyu/css/bootstrap-grid.min.css">
<body>上方

页脚代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
页脚代码
<?php wp_footer();if(kratos_option('script_tongji')||kratos_option('add_script')){ ?>
<script type="text/javascript">
<?php echo kratos_option('script_tongji');echo kratos_option('add_script'); ?>
</script>
<?php } ?>
<div class="foua" style="text-align: center;">2021 © Reach - 明天 已运行:<span id="runtime_span" style="color:#24a0f0;"></span><span class="fouaa"><img style="width: 15px;" src="https://r2.kwxos.pp.ua/change-hexo-img/babe83add1457f6a2c380e0024c635c6.png" /> 蜀ICP备2021028340号 <img style="width: 15px;" src="https://r2.kwxos.pp.ua/change-hexo-img/b769e8dfde5660239317ed60758dba13.png" /> 蜀公安网未备案 ๑乛◡乛๑智商三岁</span></div>
<div class="chenyuyc">
<div class="footer-fav">
<div class="container">
<div class="fl site-info">
<h2><a href="/" target="_blank" rel="noopener">明天</a></h2>
<div class="site-p">

享受生命中的每一个细节,因为当你回首</p>

往事时可能会发现原来那些所谓的小事是多么的重要。

</div>
</div>
<div class="site-girl">
<div class="girl fl"><i class="thumb " style="background-image:url(https://r2.kwxos.pp.ua/change-hexo-img/f32b0a2a9365a5b01610f2e3e5f923b6.png);"></i></div>
<div class="girl-info hide_md">
<h4>绿水本无忧,因风皱面</h4>
<h4>青山原不老,为雪白头</h4>
</div>
</div>
<div class="fr site-fav"><a class="btn btn-fav btn-orange" href="https://baike.baidu.com/item/%E5%B8%8C%E6%9C%9B/32767?fr=aladdin">百度一下希望</a></div>
</div>
</div>
</div>
<script>
function show_runtime(){window.setTimeout("show_runtime()",1000);X=new
Date("11/10/2021 13:14:00");
Y=new Date();T=(Y.getTime()-X.getTime());M=24*60*60*1000;
a=T/M;A=Math.floor(a);b=(a-A)*24;B=Math.floor(b);c=(b-B)*60;C=Math.floor((b-B)*60);D=Math.floor((c-C)*60);
runtime_span.innerHTML=""+A+"天"+B+"小时"+C+"分"+D+"秒"}show_runtime();
</script>
</body>的上方