Смена фона по часам. [Все движки]

Приветик ребята.

В данном туториале речь пойдёт об очень интересном решении для фона. Сразу скажу чтобы не присваивать чужие лавры себе, что код нашла в одной из тем на форуме тех поддержки 2х2 и позже решила поделиться этим методом в Туториалах, чтобы и другие юзеры могли воспользоваться данным улучшением. Чтобы не выкладывать просто так код, я добавлю немного инструкции по данному скрипту от себя. И так нам понадобиться хотя бы 2 фоновых изображения, которые мы будем использовать для фонов. Топаем на форум и проделываем следующее:


Этап первый.

Панель Администратора ✄ Оформление ✄ Картинки и цвета ✄ Управление картинками ✄ Общие/навигация:

Удалите изображение фона вашего форума, т.е вставьте пустышку в поле фона:
Фоновое изображение страницы : https://illiweb.com/fa/empty.gif

Теперь можем переходить ко второму этапу.




Этап второй.

Панель Администратора ✄ Модули ✄ Портал & Виджеты - Виджеты форума:

Создаёте персональный виджет с такими параметрами:

Имя виджета : Имя выбираете любое, например Фоны.
Использовать стандартный шаблон : НЕТ!
Название виджета : Оставьте это поле пустым!

Содержание виджета * : Вставляете ниже указанный код:

Код:

<script type="text/javascript">
//<![CDATA[
theDate= new Date();
hours = new Array();
hours[0] ="Ссылка на изображение фона";
hours[1] ="Ссылка на изображение фона";
hours[2] ="Ссылка на изображение фона";
hours[3] ="Ссылка на изображение фона";
hours[4] ="Ссылка на изображение фона";
hours[5] ="Ссылка на изображение фона";
hours[6] ="Ссылка на изображение фона";
hours[7] ="Ссылка на изображение фона";
hours[8] ="Ссылка на изображение фона";
hours[9] ="Ссылка на изображение фона";
hours[10] ="Ссылка на изображение фона";
hours[11] ="Ссылка на изображение фона";
hours[12] ="Ссылка на изображение фона";
hours[13] ="Ссылка на изображение фона";
hours[14] ="Ссылка на изображение фона";
hours[15] ="Ссылка на изображение фона";
hours[16] ="Ссылка на изображение фона";
hours[17] ="Ссылка на изображение фона";
hours[18] ="Ссылка на изображение фона";
hours[19] ="Ссылка на изображение фона";
hours[20] ="Ссылка на изображение фона";
hours[21] ="Ссылка на изображение фона";
hours[22] ="Ссылка на изображение фона";
hours[23] ="Ссылка на изображение фона";
function printHour() {
document.write('<style> body{background-image: url("' + hours[theDate.getHours()] + '");}</style>'); // hour
}
// ]]>
</script>
<script type="text/javascript">
printHour();
</script>

Вставляете ссылки на фоновые изображения заместо слов "Ссылка на изображение фона", затем сохраняете виджет. Ставите виджет в левую или правую колонку виджетов и вуаля, теперь фон форума будет меняться по часам.




Мини - объяснение.
Если вы хотите чтобы например утром была одна картинка, а вечером другая, тогда просто указываете половину часов один фон, а другую половину естественно другой:

hours[0] ="Утренний фон";
hours[1] ="Утренний фон";
hours[2] ="Утренний фон";
hours[3] ="Утренний фон";
hours[4] ="Утренний фон";
hours[5] ="Утренний фон";
hours[6] ="Вечерний фон";
hours[7] ="Вечерний фон";
hours[8] ="Вечерний фон";
hours[9] ="Вечерний фон";
hours[10] ="Вечерний фон";
hours[11] ="Вечерний фон";

Надеюсь всё подробно объяснила. Как появятся новые идеи, попробую и сама слепить подобный скрипт для других целей использования на форумах.

Авторами скрипта являются : Dana Domirani и Kiselboom.

С уважением Мишель Картер aka Сказочница Зазеркалья.

Огромное спасибо за скрипт смены фона по часам Kiselboom

Леший, пожалуйста