Все дуже просто.
Для цього потрібно створити основний шаблон і з нього скопіювати класи та ідентифікатори основних моментів у нашому дизайні.
Що це може бути?
Наприклад колір шрифту, колір посилання, елементи дизайну, колір тла і т.д.
Тепер давайте винесемо всі наші класи і ідентифікатори в окремі файли та назвемо їх, наприклад 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 <= '24' ) {
$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 і змінювати в них кольори. Винесіть тільки певні класи та ідентифікатори в які ви робите зміну.
Питання: ЧОМУ?
Відповідь: Не забувайте про каскадність (спадщину) стилів!!!
Приклад роботи такого підходу ви можете подивитися в моєму портфоліо http://denys.org.ua, зайшовши на сайт у різний час доби.
