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 ответил в теме 06 июнь 2019 10:54 #1

Олександр Мойко пишет: .leftmenu li img:focus если убрать перестает работать

Наверное запятая после :hover остаётся, что приводит к синтаксической ошибке.
Олександр Мойко аватар Олександр Мойко ответил в теме 05 июнь 2019 23:23 #2
.leftmenu li img:focus если убрать перестает работать
Inter-Net PRO аватар Inter-Net PRO ответил в теме 05 июнь 2019 21:26 #3
Удалите из этих стилей что добавили вот эту часть:
.leftmenu li img:focus
Чтоб осталось:
.leftmenu li img:hover {
    -webkit-filter: contrast(185%);
    filter: contrast(185%);
}
Посмотрел как работает клавишей таб - это моя ошибка, фокусировка не ставится на картинки. Она на ссылки, кнопки и поля для ввода действует.
Inter-Net PRO аватар Inter-Net PRO ответил в теме 05 июнь 2019 20:58 #4
Смотрите в index.php шаблона после открывающего body
<body style="">?<link rel="stylesheet" href="/css/monya3style.css" type="text/css">
style удалите, он там ни к чему пустой.
А это подключение css перенесите чуть выше в блок head.
Ну а знак вопроса просто удалите. Он между открывающимся body и подключением файла стилей.
Олександр Мойко аватар Олександр Мойко ответил в теме 05 июнь 2019 20:49 #5
Чтото вкосячил так понимаю.... Заметил вверху знак вопроса.  ... видно в індекс пшп удалил чтото лишнее? 
Олександр Мойко аватар Олександр Мойко ответил в теме 05 июнь 2019 20:42 #6
Суффикс CSS-класса модуля добавил и Суффикс класса меню leftmenu - заработало, хотя в других шаблонах достаточно в Суффикс класса меню только . Спасибо Вам за терпение и помощь  
Inter-Net PRO аватар Inter-Net PRO ответил в теме 05 июнь 2019 20:33 #7
А может у вас кеширование в джумле включено и джумла закешировала модуль.
В админке в верхнем меню Система - Очистить весь кеш.
Нажмите кнопку Удалить все - должно помочь.

Или можно в настройках модуля этого меню поставить не кешировать.
Inter-Net PRO аватар Inter-Net PRO ответил в теме 05 июнь 2019 20:29 #8
А так в стилях видно что вы аж в трёх файлах их прописали, хотя достаточно только в одном.
Inter-Net PRO аватар Inter-Net PRO ответил в теме 05 июнь 2019 20:26 #9

Олександр Мойко пишет: Понять не могу почему. Попробовал на другом сайте - работает. а тут видно надо найти css файл отвечающий за меню. в основной пишу - толку ноль.

Стили есть в файле css - браузер их видит.
Не прописан класс в модуле меню. Не в пункте меню, а в модуле.

Открыть настройки модуля выводящего это меню и на вкладке Дополнительные параметры в пункте Суффикс класса меню прописать leftmenu (вначале поставить один пробел).

Олександр Мойко аватар Олександр Мойко ответил в теме 05 июнь 2019 20:20 #10
Понять не могу почему. Попробовал на другом сайте - работает. а тут видно надо найти css файл отвечающий за меню. в основной пишу - толку ноль.

Авторизация

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