Новогодняя гирлянда для сайта Joomla

Здесь Вы можете скатать бесплатно модуль новогодней гирлянды для сайтов Joomla, который сделает нарядным ваш сайт на время новогодних праздников.

новогодняя гирлянда

  В преддверии надвигающихся новогодних праздников, хочу поделиться с посетителями и постоянными читателями моего скромного сайта модулем новогодней гирлянды для сайта Joomla.

  Данный модуль - это сборка где есть новогодние шарики, которые качаются при наведении на них курсора, ёлочные веточки, а так же падающий снег.

  Этот модуль украсит ваш сайт на время новогодних праздников.


Модуль новогодняя гирлянда для Joomla

  Выглядит модуль на сайте следующим образом:

новогодняя гирлянда в шапке сайта

  Посмотреть живое демо можно вверху этой страницы.

 


Настройки модуля

  Настроек в модуле немного и они самые простые:

настройки модуля новогодней гирлянды

  Позицию для вывода модуля выберите самую верхнюю (первую) в вашем шаблоне.

 

  Обратите внимание, что в настройках модулей Joomla можно выставлять время Начало публикации и Завершение публикации с указанием не только даты, но и времени (часы и минуты). То есть, при установке этих настроек, модуль сам включится и выключится в указанные сроки и ненужно для этого даже заходить на сайт.

  Думаю эта настройка очень даже актуальна для модуля новогодней гирлянды.

время пубшликации модуля joomla

Отображения по условиям

  Проверьте настройки отображения по условиям. Выставите Привязка к меню - на всех страницах или укажите выбранные пункты меню где показывать модуль.


Стили

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

Например, чтобы сделать гирлянду фиксированной в дефолтном шаблоне джумлы protostar, добавьте в пользовательские стили такой код:

body.site {
    padding: 80px;
}

.b-page_newyear {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

 

  Для каждого сайта нужны свои индивидуальные настройки, так как у них вёрстка шаблонов разная. Одного общего рецепта для всех у меня нет.

 

  Если вы понимаете CSS, то рекомендую вносить правки для стилей не в файл шаблона, а именно в настройки модуля. Так после отключения модуля всё станет на своё место, без правок основного файла стилей шаблона.

  Если вы не знаете CSS, то прочтите два последних абзаца и добро пожаловать в комментарии, где я найду для вас индивидуальный рецепт.


Скачать новогоднюю гирлянду для сайта

  Модуль был переработан и переименован. Для скачивания модуля чуть ниже есть кнопка Скачать.

Новый модуль - Holidays (Праздники)

  Дразья и посетители сайта, я переписал старый модуль. Описание пока не делал, но там всё просто и можно легко разобраться. Теперь на шариках есть звук, а снег можно отключать.

Версия 1.1.3 - Скачать модуль

  Старый модуль christmasgarland можно удалить.


  Если у вас возникли вопросы или проблемы по настройке стилей для правильного отображения модуля, вы можете смело задавать свои вопросы. Желательно для этого опубликуйте модуль только на какой то тестовой странице сайта (чтобы он не мешал самому сайту), в настройках сделайте к нему Доступ - Public и оставьте в комментарии ниже ссылку на страницу где опубликован модуль.

  Я зайду посмотрю и дам в ответе какие правильно добавить стили, чтобы модуль отображался правильно на вашем сайте. После окончания настройки - ссылку я удалю.

 

Записи по теме

 

 

Комментарии 17
14:12 23.12.2019 #

Большое спасибо владелец сайта за такой обалденный модуль! Всё работает снежки падают шарики звенят. С Наступающими праздниками!

15:15 23.12.2019 #

Ого, смотрю тут описание в статье немного устарело. Но там в модуле настройки несложные и по идее должно быть всё понятно.

В старой версии сайта тут было много комментов. У людей обычно с расположением гирлянды возникали трудности. Жаль коменты не пережили обновление сайта, там много было разных вопросов и ответов для них, которые могли бы помочь людям с настройкой гирлянды.

13:40 25.12.2019 #

А как сделать, чтобы шарики качались при наведении мыши?

13:49 25.12.2019 #

При наведении курсора шарики качаются и звенят. Правда из за ограничений браузера звук появляется только после того как где нибудь на странице мышкой кликнуть.

13:58 25.12.2019 #

к сожалению не качаются и не звенят. есть какая-то не совместимость с EF4 Framework?

14:07 25.12.2019 #

А можете дать ссылку на сайт? Я её потом затру чтобы сайт ваш не палить.

14:09 25.12.2019 #

можно я вам почтой отправлю? если есть возможность напишите на .......@....ru

14:31 25.12.2019 #

Доступ в админку мне НЕ нужен, мне просто сайт открыть и консоль ошибок в браузере посмотреть.

Я на этой странице вот специально добавил демку гирлянды в самом верху - всё работает.

15:22 25.12.2019 #

Если у вас есть возможность поправить код, то в файле \mod_holidays\assets\js\garland.js замените:

Строка 2 вместо:

window.onload = function () {

замените её на:

document.addEventListener('DOMContentLoaded', function() {

И в строке 186 вместо

};

замените на:

});

По моему это должно помочь. Если получиться и гирлянда заработает, дайте пожалуйста об этом знать, я тогда в модуле исправлю и залью новую версию с исправлением.

У меня просто нет возможности протестить. По моему это должно помочь.

06:08 26.12.2019 #

это действительно помогло! бубенцы звенят! даже при нажатии клавиш, во время печати )) большое спасибо! невероятно крутое расширение!

09:37 26.12.2019 #

Спасибо за тестирование и помощь в исправлении ошибок.

13:04 26.12.2019 #

Обновил - версия 1.1.3

  • Исправлены ошибки в коде.
  • Добавлена настройка включения звона при нажатии клавиш на клавиатуре.
05:05 27.12.2019 #

Здравствуй, помоги с отображением, что то не получается вывести(

Сайт ............

10:12 27.12.2019 #

А можете проверить есть ли такие файлы на сайте:

  • /modules/mod_holidays/assets/css/garland.css
  • /modules/mod_holidays/assets/js/garland.js

Я вижу что подключение этих файлов есть в html, но почему то самих этих файлов нет.


Не знаю почему, может из за мультиязычности, но у вас эти файлы открываются по таким путям:

  • /ru/modules/mod_holidays/assets/css/garland.css
  • /ru/modules/mod_holidays/assets/js/garland.js

Сделайте в ручную такие правки в коде:

Файл \modules\mod_holidays\helper.php строки 24-25 вместо

$doc->addStyleSheet( '/modules/mod_holidays/assets/css/garland.css' );
$doc->addScript('/modules/mod_holidays/assets/js/garland.js');

замените на:

$doc->addStyleSheet( '/ru/modules/mod_holidays/assets/css/garland.css' );
$doc->addScript('/ru/modules/mod_holidays/assets/js/garland.js');

Файл \modules\mod_holidays\tmpl\default.php строку 41 вместо

$doc->addScript('/modules/mod_holidays/assets/js/snow.js');

замените на:

$doc->addScript('/ru/modules/mod_holidays/assets/js/snow.js');

файл \modules\mod_holidays\assets\js\garland.js строка 108 вместо

var path = '/modules/mod_holidays/media/audio/';

замените на

var path = '/ru/modules/mod_holidays/media/audio/';

То есть получается мы к путям для файлов проставили пути начинающиеся с директории ru. В данном случае должно помочь.

14:03 28.12.2019 #

не могли бы вы помочь устранить неправильное отображение гирлянды на моем сайте ........

15:07 28.12.2019 #

не могли бы вы помочь устранить неправильное отображение гирлянды на моем сайте

Вначале нужно попробовать поменять позицию для модуля. Может есть позиция вне контейнера.

А так в вашем случае, наверное, проще всего добавить для гирлянды новую позицию в шаблоне сайта. Делается это очень просто, если у вас есть возможность редактировать код в файлах шаблона.


Как добавить позицию в шаблон

В файле \templates\ot_corporatetree\index.php опускаетесь до открывающего тега <body>. Там у вас что то такое:

<body id="ot-body" class="тут может код php быть" style="">

После этого открывающего тега <body> вставьте такой код:

<jdoc:include type="modules" name="super-top" style="none" />

В файле \templates\ot_corporatetree\templateDetails.xml в блоке <positions>...</positions> добавьте

<position>super-top</position>

там эти позиции в столбик идут.


Затем зайдите в настройки модуля и установите в нём позицию super-top.

Если вам не нравится название позиции super-top, можете назвать как пожелаете латинскими буквами.

20:42 28.12.2019 #

Зашёл посмотреть получилось ли у вас. Не знаю это позицию добавили или переставили, но сейчас стало лучше. Хотя это не сразу после открывающего <body>

Сейчас то что я вижу, это у вас встала гирлянда вверху, но не на всю ширину. Можете теперь в настройках модуля добавить вот такой пользовательский css:

.section.holidays {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.section.ot-header {
    margin-top: 88px;
}

Это сделает гирлянду на всю ширину (как у меня здесь) и опустит шапку сайта. После выключения модуля всё само встанет на свои места.


*** чтобы писать комментарии.