Day and Night changes

[Heildgar]

Is it possible to have a plugin to make the forum theme slightly change from day and night for different users?

Like according to their timezones it would be brighter in the day time and darker at night.

[David Clark]

Hey Heildgar -- using JavaScript to quickly grab the current hour is a good way to make changes based on what time of day it is for the users in question.

Try this in your Headers section or somewhere:

<script>
$(document).ready(function() {
var hr = (new Date()).getHours(); //get hours of the day in 24Hr format (0-23)

if (hr >= 12) {$('body').css('background-color', 'black')} // IT'S BETWEEN NOON AND MIDNIGHT
else {$('body').css('background-color', 'white')} // IT'S BETWEEN MIDNIGHT AND NOON
});
</script>

This will turn the forum's background color black when it's noon (indicating night), and then at midnight it'll switch to white (indicating day).

You'd probably want additional code to make it more sophisticated (depending on what exact times of day you'd want) because the sun doesn't really rise at midnight and set at noon.

[Wormopolis]

if you add 6 it will modify it slightly to change states at 6 am/pm

[Heildgar]

Thanks guys, I will definitely try it out.

[Heildgar]

Sorry to bump an old thread, but is there a way to make the whole forum, including the containers change?

And is there a slightly smoothers way to do it?

[David Clark]

While I'm not aware of a more smooth way to do it, any number of CSS declarations can be applied:


<script>
$(document).ready(function() {
var hr = (new Date()).getHours(); //get hours of the day in 24Hr format (0-23)

if (hr >= 12) {
$('body').css('background-color', 'black')
$('.container').css('background-color', 'black')
//etc
//etc

} // IT'S BETWEEN NOON AND MIDNIGHT

else {
$('body').css('background-color', 'white')
$('.container').css('background-color', 'white')
//etc
//etc

} // IT'S BETWEEN MIDNIGHT AND NOON

});
</script>