Все очень просто.
Для этого нужно создать основной шаблон и из него скопировать классы и идентификаторы основных моментов в нашем дизайне.
Что это может?
Например цвет шрифта, цвет ссылки, элементы дизайна, цвет фонов и т.д.
Теперь давайте вынесем все наши классы и идентификаторы в отдельные файлы и назовем их, например green.css.
Далее нужно написать перед </head> следующее:
//TIME
$d = date('H');
if ( $d >= '06' and $d <= '09' ) {
$color = '<link rel="stylesheet" href="'. $this->baseurl .'/templates/'. $this->template .'/css/style_m.css" type="text/css" />' . "\n";
} elseif ( $d >= '09' and $d <= '12' ) {
$color = '<link rel="stylesheet" href="'. $this->baseurl .'/templates/'. $this->template .'/css/style_g.css" type="text/css" />' . "\n";
} elseif ( $d >= '18' and $d <= '21' ) {
$color = '<link rel="stylesheet" href="/templates/my_template/css/style_r.css" type="text/css" />' . "\n";
} elseif ( $d >= '21' and $d <= '00' ) {
$color = '<link rel="stylesheet" href="/templates/my_template/css/style_o.css" type="text/css" />' . "\n";
} elseif ( $d >= '00' and $d <= '06' ) {
$color = '<link rel="stylesheet" href="/templates/my_template/css/style_blue.css" type="text/css" />' . "\n";
} else {
$color = '';
}
echo $color;
Теперь поясню:
Правило
$d >= '06' and $d <= '09'
это промежуток времени с которого по которое будет отображаться наш шаблон с некоторыми классами.
И последнее:
Не нужно делать дубликаты основного файла css и менять в них цвета. Вынесите только определённые классы и идентификаторы в которых вы делаете изменение.
Вопрос: ПОЧЕМУ?
Ответ: Не забывайте о каскадности (наследии) стилей!!!
Пример работы такого подхода вы можете посмотреть в моем портфолио
Денис Носов - веб-дизайнер, зайдя на сайт в разное время суток.
28.03.2008, 16:17:23