本站的主题,是有黑白两色的,自从维奇有了女儿之后,因为要带女儿,基本上,只有女儿睡了,才有自己的时间,由于要陪女儿一起睡,专家说,关灯睡觉对成长好,维奇也只能在漆黑中,把玩一下手机了。
以前维奇一直用三星手机,因为AMOLED屏幕材质有个特性,就是黑色是不发光的,就是如果你手机亮屏了,但是显示的画面是黑色,那手机就是全黑,其他手机(包括苹果)都是发光的,灰黑色。还是很刺眼。不过现在,基本上国内大牌的手机,小米啊,蓝绿啊,都用上AMOLED了。
左边是iPhone,右边是AMOLED屏的安卓机,同时显示一样的黑色图片(来源:见水印)
说了这么多带娃辛酸,其实是想说,如果你要深夜关灯刷手机,刚好你看的东西是黑色调的,那眼睛会舒服好多。现在像微信、QQ都已经有了黑色调的主题了,真的很好,小米手机的MIUI也有黑色调主题。所以,维奇说这套Mayax主题,也是有白天的白色调,晚上的黑色调。
那问题就出来了,如何实现,自动切换?那就只能用代码了:(本代码,适用于ZblogPHP,由于原理很简单,大家可以举一反十!)
进入主题目前,打开include.php文件,顶部加入以下代码:
//////////////////////////////////////////// //根据时间输出不同的主题风格 //{TimeStyle()} //////////////////////////////////////////// function TimeStyle() { $showtime = date("G"); if ($showtime > 18) { return "Night"; } elseif ($showtime < 7) { return "Night"; } else { return "Day"; } }
保存,打开template文件夹,打开引用CSS文件,一般是header.php,官方文档,CSS文件调用参数为
<link rel="stylesheet" href="{$host}zb_users/theme/{$theme}/style/{$style}.css" type="text/css" />
改为:
<link rel="stylesheet" href="{$host}zb_users/theme/{$theme}/style/{TimeStyle()}.css" type="text/css" />
覆盖文件,然后在后台[清空缓存并重新编译模板]。
技术讲解:
1、date函数,取当前服务器时间,传参决定时间格式,为什么不用H?要用G?因为H会不足2位的时间前面补0,不能方便下面的大小比较。
2、下边两个if判断,时间大于18时(因为没算分钟),就是晚上7点后,夜了,第二个,时间<7,就是早上7点前,还是躺着赖床的时间。这两个组合起来,就是晚上7点到第二天早上7点之间的12小时,输出css文件名,“Night”。其他的就是输出白天的“Day”。
3、由于ZblogPHP的主题设计,允许一个主题有多种CSS实现不同的配色方案(甚至布局也能实现不同),所以可以用以上方法实现。
例如这个免费的主题,有8种配色,可以利用这种代码,实现不同时间自动换哦,不一定是小时,也可以按天,按月,按周几。每天不同心情!
所以,各位小伙伴可以试下在晚上和白天来访问维奇说,会有不同的配色主题哦。(手机访问会跳到手机版,就没这回事了)
把HTTPS关掉吧,免费的证书每年重新搞,真累人
记于2022年7月8日