Сегодня:
главная » CSS » Смена CSS стиля по времени суток

Смена CSS стиля по времени суток


Смена стилизации вашего сайта в зависимости от времени суток.
Необычная и очень красивая идея которая придаст вашему проекту уникальности. В тоже время очень проста в использовании.

Как это работает?
Всё довольно таки просто. Абсолютно без разницы какой у вас движок, шаблон, скрипт и тд и тп. В каждом сайте есть свои CSS стили. Обычно это файлы типа: style.css/css.css/theme.css и так далее, это файл который содержит в себе все основные элементы дизайна.
Берем этот самый CSS файл и создаем 4 копии
Например:
  • style_zakat.css
  • style_rassvet.css
  • style_den.css
  • style_noch.css
Как вы наверняка уже догадались, каждый из этих стилей будет отвечать за определенные промежутки времени в течении суток.
Настраиваем каждый файл под себя.

jаvascript

Подключаем скрипт:
<script type="text/jаvascript">// <![CDATA[
function change(css)
 {document.write('<link href=\"\/templates\/_ваш стиль_\/css\/styles'+css+'.css\" rel=\"stylesheet\">');}
 var h=(new Date()).getHours();
 if (h > 23 || h <7) change('_noch');//ночь
 if (h > 6 && h < 12) change('_rassvet');//утро
 if (h > 11 && h < 19) change('_den');//день
 if (h > 18 && h < 24) change('_zakat');//вечер
// ]]>
</script>

Вот и всё :yum:
Прописываем правильно пути к файлам вашего шаблона и вуоля!
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Коментарии (0)
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.