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



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

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

  • style_zakat.css
  • style_rassvet.css
  • style_den.css
  • style_noch.css
Как вы наверняка уже догадались, каждый из этих стилей будет отвечать за определенные промежутки времени в течении суток.
Настраиваем каждый файл под себя.

javascript

Подключаем скрипт:
<script type="text/javascript">// <![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
Прописываем правильно пути к файлам вашего шаблона и вуоля!скачать dle 11.1смотреть фильмы бесплатно


css смена style дата
Информация