Ночной и дневной вид сайта

Опубликовано:
Просмотров: 2120
+1
Голосов: 1

Вот копался в разных скриптах и нашел скрипт, который позволит на сайте ввести несколько тем оформления.

Сам еще не пробовал, попробую.

Итак создаем несколько style.css

Прописываем в темплате межде head head вот этот скрипт

Были выбраны следущие промежутки времени:

С пяти утра, до восьми;

С восьми утра, до полудня;

С полудня, до трёх дня;

С трёх дня, до шести вечера;

С шести вечера, до девяти;

С девяти вечера до пяти утра;

Изменять и дополнять эти промежутки времени труда не составит.

Сам код:

Код PHP:
  1. <SCRIPT LANGUAGE="JavaScript">
  2. <!-- Begin
  3. function getCSS()
  4. {
  5. datetoday = new Date();
  6. timenow=datetoday.getTime();
  7. datetoday.setTime(timenow);
  8. thehour = datetoday.getHours();
  9.  
  10. if (thehour > 20)
  11. display = "twilight.css";
  12. else if (thehour > 17)
  13. display = "sunset.css";
  14. else if (thehour > 14)
  15. display = "afternoon.css";
  16. else if (thehour > 11)
  17. display = "noon.css";
  18. else if (thehour > 7)
  19. display = "morning.css";
  20. else if (thehour > 4)
  21. display = "sunrise.css";
  22. else if (thehour > 1)
  23. display = "twilight.css";
  24. else
  25. display = "sunset.css";
  26.  
  27. var css = '<'; css+='link rel="stylesheet" href=' + display + ' \/'; css+='>';
  28.  
  29. document.write(css);
  30. // End -->
  31. }
  32. </script>
  33. <script language="javascript">getCSS();</script>
  34.  

Устанавливаем один из стилей как дефолтный, на случай, если у пользователя отключен JS.

Код PHP:
  1. <noscript>
  2. <link rel="stylesheet" href="sunset.css" type="text/css">
  3. </noscript>

Ну и приготовьте все нужные стили, без них не зафурычит :)

Вот в общем и всё.

Комментарии (0)

Нет комментариев. Ваш будет первым!

Голосуем

Самый нужный компонент