Виджет - конструктор "Новогодняя секция"

+7
1.44K
Виджет - конструктор "Новогодняя секция"

В преддверии новогодних праздников владельцы сайтов пытаются украшать сайт различными способами — кто-то вешает новогоднюю мотню от Яндекса, кто-то надевает на логотип колпак Санта-Клауса, кто-то засыпает страницы белым снегом… Бороздя просторы интернета, нашел оригинальную секцию в новогоднем стиле и решил адаптировать ее под InstantCms.

Решение выполнено в виде виджета, и конфигурируя настройки, можно создавать различные тематические баннеры к любому празднику. Вот что получилось у меня: ДЕМО

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

Немного скриншотов:

ИзображениеИзображениеИзображение

Скачать можно из каталога дополнений или из прикрепленного файла к этого посту.

Виджет распространяется бесплатно.

Прикреплённый файл:
Скачать 428 Кбскачан 31 раз
+1
Panda58dev Panda58dev 2 года назад #

Красивый параллакс, в новогоднюю пору, будет полезно :)

+1
RSN RSN 2 года назад #

Спасибо, как раз искал, что придумать… Буду пробовать.

0
RSN RSN 2 года назад #

Что то после установки и включения, белая страница (то есть вообще всё пропадает и белая страница).

Шаблон дочерний на основе модерн, все настройки в виджите по дефолту (но пробовал и заголовок написать...)

Переключил на шаблон на основе дефолта, то же самое… Пробовал на локальной копии… Никаких ошибок нет...

0
RSN RSN 2 года назад #

Извиняюсь. Работает. Нашел с чем конфликтует… С прелоадером (скрипт прелоадера из интернета)...

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

Make Make 2 года назад #
Комментарий удален
0
RSN RSN 2 года назад #

Да. Просто JS и CSS вставлен в виджет «HTML блок»...

  1. <style type="text/css">#hellopreloader>p{display:none;}#hellopreloader_preload{display: block;position: fixed;z-index: 99999;top: 0;left: 0;width: 100%;height: 100%;min-width: 100px;background: #ffffff;}</style>
  2. <div id="hellopreloader"><div id="hellopreloader_preload"></div></div>
  3. <script type="text/javascript">var hellopreloader = document.getElementById("hellopreloader_preload");function fadeOutnojquery(el){el.style.opacity = 1;var interhellopreloader = setInterval(function(){el.style.opacity = el.style.opacity - 0.05;if (el.style.opacity <=0.05){ clearInterval(interhellopreloader);hellopreloader.style.display = "none";}},16);}window.onload = function(){setTimeout(function(){fadeOutnojquery(hellopreloader);},100);};</script>

В общем проблема не в виджите, буду думать, как сделать...

0
Melon Melon 2 года назад #

Полезное дело к Новому Году

0
Алексей Т Алексей Т 2 года назад #

Спасибо за конструктор. Вот бы еще кое каких настроек добавить и можно было бы делать крутые штуки.

Накидал по быстрому 02.iscms.ru

Make Make 2 года назад #
Комментарий удален
0
Honko Honko 2 года назад #

В каталоге дополнений написано, что совместимость 2.7.0-2.14.3, а в манифесте указано 2.14.0. На 2.12.2 не заработает?

И еще в манифесте описание «Установщик шаблона НЕБО»  😄

Make Make 2 года назад #
Комментарий удален
+1
Honko Honko 2 года назад #

спасибо, работает нормально и по центру, и в боковой колонке.

0
Алексей Т Алексей Т 2 года назад #

Майк хочу за доп плату сделать так что бы 2-3-4- виджета не конфликтовали между собой. Хочу целый лендинг сделать на нем

Make Make 2 года назад #
Комментарий удален
0
Алексей Т Алексей Т 2 года назад #

Я куплю 100%

Было бы здорово если можно было бы добавлять слои. Сейчас 4 а я хочу 10)))

Ну и секцию Заголовок текст и кнопку ссылку.

0
Honko Honko 2 года назад #

обнаружил конфликт с личными сообщениями из коробки:  текст сообщения меняется на белый заглавными буквами и не помещается в окне сообщений (уезжает вправо). В sky.tpl вначале идут стили, изменил там message на message1, и сообщения стали показываться нормально.

0
Honko Honko 2 года назад #

насчет снежинок: если установить их количество 1, то показывает одну, а вот если 0 (по идее, в этом случае их быть не должно), то снежинок все равно много. 

Еще от автора

Бесплатный компонент - управление страницами 404
Простой компонент, который позволяет переопределить настройки дефолтной страницы 404, а также установить новую на выбор из двух представленных шаблоно
User-Panel v.1.0.4
Большое обновление виджета, множество улучшений, а также дополнительный запланированный функционал.
User-панель. Функциональное меню для вашего сайта
Виджет, который позволит вывести на вашем сайте функциональную панель с различными настройками.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.