0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 351 Просмотров
*

Jekki

  • Новичок
  • 14
  • 0 / 0
Доброй ночи. Использую шаблон от YouJoomla, там их фреймворк для правки шаблона.
Вставляется картинка на фон в хэдэр, она затемняется, нашел файл где править CSS стили, сделал как надо. Доволен :)
Теперь мне интересно какими способами можно реализовать функцию смены этой самой фоновой картинки в зависимости
от времени суток? У меня там небо с облаками, такое красивое будет нависать днем. А после допустим 22:00 хочу чтобы темное звездное небо было, ну придает свой антураж я считаю. Как это можно сделать, подскажите мастера?
*

pavelrer

  • Захожу иногда
  • 443
  • 9 / 1
Да все очень просто! У вас несколько стилей привязанных к контейнеру.
Вы просто узнаете время сервера, и меняете стиль контейнера.
Но только обратите внимание, есть такая весчь как регион, и время считается или от региона серва или от UTC.
Тут придется повозиться с скриптом и применить астрономические часы! (стандартная таблица на 365 дней)
*

vipiusss

  • Гуру
  • 5754
  • 343 / 10
  • Скайп: renor_
Код

<script language="JavaScript">
theTime = new Date();
theHour = theTime.getHours();
if(theHour>0&&theHour<7){document.write('<body background ="/images/background/1.jpg">');}
if(theHour>8&&theHour<22){document.write('<body background ="/images/background/2.jpg">');}
else{ document.write('<body background ="/images/background/3.jpg">');}
</script>


Участок theHour>0&&theHour<7 говорит о том, что если с 0:00 до 7:00 время-значит /images/background/1.jpg
И т.п. Строк можете понаставить "временных" хоть по часово сколько угодно.
else говорит о том, что если где-то не задан временной промежуток-будет 3.jpg
Для конкретных дивов используйте замену body background на свой.В примере указал у себя рабочий вариант с общим фоном.

Спойлер
[свернуть]
« Последнее редактирование: 10.04.2017, 08:04:56 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Jekki

  • Новичок
  • 14
  • 0 / 0
vipiusss
спасибо за скрипт, буду реализовывать. только куда его? отдельный файл? где выполнять я имею ввиду
*

vipiusss

  • Гуру
  • 5754
  • 343 / 10
  • Скайп: renor_
vipiusss
спасибо за скрипт, буду реализовывать. только куда его? отдельный файл? где выполнять я имею ввиду
где угодно, например я вставляю код в адвансед модуль, тем самым контролирую и на каких страницах менять, и справо, по датам (начало-конец). Но у меня фон сайта общий меняется.
А вам можно в блок хёдера вашего, или просто в индекс, вам главное указать, какой div имеет меняющийся фон.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
*

Jekki

  • Новичок
  • 14
  • 0 / 0
Окей, буду пробовать, отпишу по результату
*

Jekki

  • Новичок
  • 14
  • 0 / 0
"исследовать элемент" нажал, получается, вот этот div..?

*

vipiusss

  • Гуру
  • 5754
  • 343 / 10
  • Скайп: renor_
Откуда я знаю, в каком диве у вас смена фона.
Если в этом-то этот.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Публикация модуля HTML кода по времени

Автор bgh97079

Ответов: 3
Просмотров: 107
Последний ответ 20.11.2017, 16:18:08
от effrit
Автоматическая смена года в title на сайте

Автор Region93

Ответов: 5
Просмотров: 176
Последний ответ 07.11.2017, 20:28:19
от Region93
Не все картинки грузятся

Автор efimov777

Ответов: 3
Просмотров: 207
Последний ответ 10.09.2017, 12:44:29
от Mnojitell
Сокращения времени ответа сервера

Автор Victor333

Ответов: 34
Просмотров: 1079
Последний ответ 03.09.2017, 08:45:19
от dmitry_stas
Позиция модуля в зависимости от устройства с которого просматриваешь сайт

Автор Slava77

Ответов: 2
Просмотров: 156
Последний ответ 02.08.2017, 19:09:58
от effrit