Зміна стилізації сайту в залежності від часу доби
Створюю і просуваю комерційні сайти та інтернет-магазини з 2008 року. 23-10-2018, 00:15 712 0
Дуже незвичайна і красива ідея яка додасть вашому проекту унікальності. У той же час дуже проста у використанні.
Абсолютно без різниці який у вас двигунчик, шаблон, скрипт і тд і тп. ця зміна стилізації сайту в залежності від часу доби буде працювати усюди.
В кожному сайті є свої CSS стилі. Наприклад нехай буде theme.css і так далі, це файл який містить в собі всі основні елементи дизайну.
Беремо цей самий CSS файл і створюємо 4 копії:
- style_zakat.css
- style_rassvet.css
- style_den.css
- style_noch.css
Кожен з цих стилів буде відповідати за певні проміжки часу протягом доби. Налаштовуємо кожен файл під себе.
Код скрипта для зміни стилів:
<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>
