燕山网络科技

首页 网站教程zblog教程正文

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

燕山网络科技2017-09-30598

逛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样式,使其更加美观!但也要修改下代码,可自主研究!


燕山网络科技 https://www.hnysnet.com/zblogcn/1415.html 转载需授权!

上一篇:Z-Blog未知错误ID:-2147467259解决方法

下一篇:解决 Z-Blog 分页title标题重复不利于SEO的问题

(¬_¬) 还不快点抢沙发!!!

服务热线

15639981097

qrcode

扫一扫二维码,访问手机版

扫一扫二维码,添加客服微信