此代码是一个比较好看的页脚样式代码
建议将代码本地化,这样我站蹦了就不至于,css样式消失
犹豫本站页脚的原因,改半天改不对,就不做演示了,自己加油!
样式预览:
页眉代码:
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>的上方
|