RAW 主题添加建站时间模块教程

Tyrant 1 星期前 •  免费资源 35 •  0 百度未收录 谷歌已收录

近期从wordpress转站到Typecho,被Typecho的简洁大方击中内心,机缘巧合之下更是找到RAW这款简约而不失大方的主题,一下子被其所吸引,在刚拿到这个模板的时候我就加入了建站时间的倒计时,不过是在页底,后来开发RAW这款主题的博主也添加了这个模块,而且是在主页左侧,我个人觉得很好看就把这个挪了过来,可能博主的版本用了pajx方法,我的方法比较低端,直接用了一个div包了一段script,下面就把方法分享给大家:

  • 进入网站后台,控制台-->外观-->编辑当前外观-->编辑nav-left.php,将下面这些代码添加到图示位置即可
<div class="nav-left-panel" style="animation-delay:0.2s"><span align="center"><i class="fa fa-heart"></i> 感谢陪伴</span><p align="center" id="runtime_span" style="color:red;font-weight:bold;"></p><script type="text/javascript">function show_runtime(){window.setTimeout("show_runtime()",1000);X=new Date("2/10/2018 0:00: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></div>

示意图

  • 之后你就可以实现建站时间的演示了,如下图所示:
    示意图
  • 再次感谢RAW主题的开发者,也是在他的创意基础上进行修改,尊重原创,尊重劳动成果,这是他的博客:

熊猫小A的博客

Tags:none
上一篇
打赏
下一篇

添加新评论