给begin主题添加好看的页脚样式

教程评论13,0043字数 1769阅读5分53秒阅读模式

给知更鸟begin主题添加好看的页脚底部样式,原主题的样式看久了换个样式代码仿制别的主题的。

给begin主题添加好看的页脚样式

教程:把css放即主题页眉文件(header.php),</head>标签前面,html放在页脚文件(footer.pho)的</body>标签前即可,下面是代码,图片调用我博客的,最好本地化。

Px:代码不可放在主题设置里的页脚那里,代码会无缘无故少几个图片的!

CSS调用代码:

<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">

HTML调用代码:

<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://www.seovx.com/wp-content/uploads/2021/05/20210510125843seovx-com16.png" /> 粤ICP备20059176号 <img style="width: 15px;" src="https://www.seovx.com/wp-content/uploads/2021/05/20210510125843seovx-com37.png" /> 粤公网安备 44200002444315号</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://www.seovx.com/wp-content/uploads/2021/09/20210919120603seovx-com27.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://www.baidu.com/s?ie=UTF-8&amp;wd=%E5%A4%8F%E6%B2%AB%E5%8D%9A%E5%AE%A2">百度一下夏沫博客</a></div>
</div>
</div>
</div>
<script> 
	function show_runtime(){window.setTimeout("show_runtime()",1000);X=new 
Date("10/16/2017 5:22: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>

我的微信
微信扫一扫
weinxin
我的微信
我的微信公众号
微信扫一扫
weinxin
我的公众号
 
  • 本文由 夏沫 发表于 2021年9月22日21:21:52
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
确定

拖动滑块以完成验证