AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

CSS таблицы для разного времени суток

В последнее время на западных сайтах появилась мода на автоматическое изменение дизайна сайта в зависимости от времени суток. Веб-мастера делают две версии своего сайта — «дневную» и «ночную». А некоторые делают даже четыре варинта для утра, дня, вечера и ночи. В самом этом механизме нет ничего сложного — с помощью PHP просто меняются таблицы стилей. Для начала подготовим две таблицы CSS для нашего сайта. Одна из них будет отвечать за его внешний вид (назовем ее day.css), а другая будет отвечать за его вид в ночное время (она у нас будет называться night.css). А теперь вместо тега link для подключения стилей, пишем такой PHP код:

// Получаем текуший час в 24-часовом формате:
$time = date("H");

// Если день, подключаем файл day.css
if($time > 5 &amp;&amp; $time < 19) {
    echo '<link rel="stylesheet" type="text/css" href="day.css" />';
}

// Если ночь, подключаем файл night.css
else {
    echo '<link rel="stylesheet" type="text/css" href="night.css" />';
}

© Copyright by Аванесов Андрей http://netcoding.ru

Разместил andrey 13.Apr.2012


.

© Copyright 2008-2016 by KDG