[php] Time-Based CSS

[jayfella]

This small snippet will allow you to use different color schemes (CSS stylesheets) depending on the time of the day! Its not a hugely complicated piece of code, but very creative! Most people have never even thought of the idea!

<?php
   // If the time is past seven O'clock then use the  night stylesheet instead!
   if (date('G') > 19 || date('G') <  7) {
      echo '<link rel="stylesheet" type="text/css"  href="/static/css/default_night.css" />';
   } else {
       echo '<link rel="stylesheet" type="text/css"  href="/static/css/default_day.css" />';
   }
?>

jayfella Reviewed by jayfella on 17th Jun 2010. [php] Time-Based CSS This small snippet will allow you to use different color schemes (CSS stylesheets) depending on the time of the day! Its not a hugely complicated piece of code, but very creative! Most people have never even thought of the idea! <?php // If the time is past seven O'clock then use the night stylesheet instead! if (date('G') > 19 || date('G') < 7) { echo '<link rel="stylesheet" type="text/css" href="/static/css/default_night.css" />'; } else { echo '<link Rating: 5

[Snell]

Nice

I think I'll find some way to get that working in my forum

[Gempis]

Thanks, interesting code...

[Whoo]

Do not forget that people that live in a different timezone than the one your server is on will most likely find it weird that the 'evening/night theme' would be turned on at like 10AM their time

EDIT: Nice share though

[patt1293]

Would be cool if you could pull the users time zone that they picked at sign up and change it based on that. Would be I think 1-2 sql calls.

Thanks, I like the idea

[el_jentel1]

The only downside of that is it'll always use server time. JavaScript can be an alternative to this, since you can fetch local time of the viewer.

Great work with all the posts and tutorials jay.

//Alternative 1
$css =  date('G') > 19 || date('G') <  7 ? 'default_night.css' : 'default_day.css';
echo '<link rel="stylesheet" type="text/css"  href="/static/css/'.$css.'" />';

//Alternative 2
echo date('G') > 19 || date('G') <  7 ? '<link rel="stylesheet" type="text/css"  href="/static/css/default_night.css" />' : '<link rel="stylesheet" type="text/css"  href="/static/css/default_day.css" />'; 

[jayfella]

ah - im not very good at all with php/js - thanks for the fix - much better

[el_jentel1]

Nah not a fix, your method is perfect, I was just showing alternatives.

[gfxguru]

nice code bro..

[timtamboy63]

yah, a great use of the js woud be maybe showing like a brighter, sunny type banner during the day, and switching to a night one during the night. Its not a big change, nor is it hard to implement, but it looks great