Inter-Net.PRO
новогодняя гирлянда

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

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

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


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

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

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

  Но предупрежу, что в данном модуле нет звуков. Конечно можно и звуки прикрутить, чтобы шарики не только качались но и звенели при наведении курсора. Сделать это не сложно, но для этого нужно собрать звуки звонов для каждого из шариков, а их девять штук. Пока я этим вопросом не задавался. Возможно уже на следующий год этот модуль "научиться" звукам.


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

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

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

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

 

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

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

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


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

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


Стили

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

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

 

Стили находятся в файле:

modules\mod_chr_garland\assets\style.css

 

  Можно подвинуть гирлянду.

В строке 3, есть закомментированное свойство - это двигать гирлянду вверх-вниз:

.b-head-decor {
    /*margin-top: -80px;*/
}

 

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

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

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


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

  Чтобы скачать модуль, войдите или зарегистрируйтесь на сайте и тогда вместо этого текста вы увидите ссылку для скачивания.

 

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

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

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

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


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

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

Войдите чтобы комментировать

Inter-Net PRO аватар Inter-Net PRO ответил в теме 10 янв 2019 08:54 #1

Григорий пишет: Добрый день. joomla.3.9 гирлянда со звуками работает, а снег нет. В чем может быть проблема?

Нужно смотреть нет ли ошибок в консоли браузера.
Григорий аватар Григорий ответил в теме 31 дек 2018 12:00 #2
Добрый день. joomla.3.9 гирлянда со звуками работает, а снег нет. В чем может быть проблема?
Inter-Net PRO аватар Inter-Net PRO ответил в теме 27 дек 2018 09:29 #3

Наташа Мойко пишет: как вариант логотипа... 

Спасибо! Симпотичненький логотипчик.
Наташа Мойко аватар Наташа Мойко ответил в теме 26 дек 2018 20:15 #4

как вариант логотипа... 
Inter-Net PRO аватар Inter-Net PRO ответил в теме 25 дек 2018 19:06 #5
У вас jchoptimize джаваскрипт закешировал - я смотрю он у вас все скрипты собирает в один файл и минимизирует, добавляя файл в кеш. Размеры снежинок с прошлой версии скрипта.
Нужно кеш почистить.
anurik аватар anurik ответил в теме 25 дек 2018 18:38 #6
Все равно снежинки половинчатые
Inter-Net PRO аватар Inter-Net PRO ответил в теме 25 дек 2018 01:35 #7

Наташа Мойко пишет: могу мужа припахать порисовать на тему хеллоуина... 

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

Но от любой помощи не откажусь: идеи, критику и замечания, переводы на языки - всё принимаю. У модуля даже логотипа нет - тоже беру если кто предложит. Зато страницу модуля уже начал писать с описанием и инструкциями. Пока модуль распространяется со страницы старой гирлянды.
Inter-Net PRO аватар Inter-Net PRO ответил в теме 25 дек 2018 00:34 #8

Наташа Мойко пишет: ниже линии там понизу кнопки активничают - так прикольнее . П.С. - по поводу второй части модуля - могу мужа припахать порисовать на тему хеллоуина... только растолкуйте что и как фотошопить :) - а то смотрела мышек - там в одном файле разные   и по очереди выводятся как я поняла.... 

Ну как знаете. То что красивее когда на блок налазит - не спорю, но с доступностью к меню я считаю что есть проблемы. Я приоритет отдаю новигации, а не украшениям.

по поводу второй части модуля

В модуле будет не две части, я его планирую расширять. Сейчас уже присматриваю тематику к 8-му марта. Но пока идей нет.
Так же ищу траурную свечку, для грустных событий. Раньше много видел и встречал, а как начал искать - что то всё не то. Когда найду - добавлю в модуль.

смотрела мышек - там в одном файле разные   и по очереди выводятся как я поняла

Это спрайт. Вот тут в самом низу есть пример анимированного спрайта (идущий человечек), можно посмотреть как работает эта технология.

Кстати, в той же записи есть картинка как со стилями из браузера работать. Правда там в мозиле показано, в хроме всё тоже самое, только в контекстном меню пункт называется Просмотреть код.
Может поймёте и увидите где происходят изменения, как это работает и сможете самостоятельно двигать блок сайта от гирлянды.
Логика простая - в браузере подбираются стили, а потом вручную переносятся в CSS. 
Наташа Мойко аватар Наташа Мойко ответил в теме 24 дек 2018 23:56 #9
- ниже линии там понизу кнопки активничают - так прикольнее . П.С. - по поводу второй части модуля - могу мужа припахать порисовать на тему хеллоуина... только растолкуйте что и как фотошопить :) - а то смотрела мышек - там в одном файле разные   и по очереди выводятся как я поняла.... 
Inter-Net PRO аватар Inter-Net PRO ответил в теме 24 дек 2018 23:48 #10
Ага, вижу. Исправьте значение на 85px
#at-main {margin-top: 85px}
У вас там сразу меню идёт, а его слой гирлянды перекрывает. Визуально не видно, но курсор мышки не находит пунктов меню. На них прозрачный слой герлянды налазит. Может даже лучше навсякий случай 90px сделать, я в гугл-хроме смотрю, как в других браузерах поведение курсора будет не знаю.

Авторизация

Войти через соцсети: