Смена 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:
Прописываем правильно пути к файлам вашего шаблона и вуоля!
Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию.
Это займёт не более минуты. Не волнуйтесь, мы не спамим!
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Облако тегов
bootstrap Bootstrap CSS CSS3 DLE dle fruit farm html html шаблон html5 HTML5 Payeer PNG PSD wap Wordpress Скрипт удвоителя адаптивный адаптивный шаблон бонусник дизайн игровой хостинг иконки лендинг меню модуль панель портфолио сайт скрипт скрипт фермы текстура удвоитель удвоитель Payeer ферма фон фруктовая ферма хак шаблон экономическая игра
Как задать ширину в 100 пикселей в HTML