一个分享WordPress、Zblog、Emlog、Typecho等主流博客的教程网站!
当前位置:网站首页 > 博客教程 > Zblog教程 > 正文

自定义Z-Blog当天新文章文字颜色

作者:xlnxin发布时间:2021-04-15分类:Zblog教程浏览:477


导读:逛z-blog官方论坛的时候,发现很久以前的一个帖子有zblog用户问到这个问题,怎么让zblog当天发布的文章字体颜色不同,琢磨了一下,发现也有网友回复写出了实现了代码...

逛z-blog官方论坛的时候,发现很久以前的一个帖子有zblog用户问到这个问题,怎么让zblog当天发布的文章字体颜色不同,琢磨了一下,发现也有网友回复写出了实现了代码方法,就是通过js判断时间,然后为其添加个特定的css样式,使其字体颜色与当日之前发表的文章的颜色不同,为其它颜色。

实现zblog当天发布文章不同颜色:

在zblog当前主题模板的头部添加以下js判断代码即可

1
2
3
4
5
6
7
8
<script language="javascript">
var start_time = "<#article/posttime/shortdate#>";
var end_time = new Date().getFullYear()+"-"+new Date().getMonth()+"-"+new Date().getDate();
if(start_time == end_time)
{
  document.getElementById("datetime_li").style="blue";
}
</script>

代码中的style=后面双引号部分为要设置的颜色,可根据自己的喜好修改为其它颜色。

提示:除了改变字体颜色外,也可以为其添加各种的CSS样式,使其更加美观!但也要修改下代码,可自主研究!

标签:zblogcss主题模板