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

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

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

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

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

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

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

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

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

Прикреплённый файл:
Скачать 428 Кбскачан 16 раз
+1
Panda58dev Panda58dev 1 месяц назад #

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

+1
RSN RSN 1 месяц назад #

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

0
RSN RSN 1 месяц назад #

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

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

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

0
RSN RSN 1 месяц назад #

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

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

0
Make Make 1 месяц назад #

Прелоадер на js?

0
RSN RSN 1 месяц назад #

Да. Просто 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 1 месяц назад #

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

0
Алексей Т Алексей Т 1 месяц назад #

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

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

+1
Make Make 1 месяц назад #

Неплохо получилось!

0
Honko Honko 1 месяц назад #

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

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

0
Make Make 1 месяц назад #

Ох, чето я с манифестом напутал. На 2.12 заработает. 

+1
Honko Honko 1 месяц назад #

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

0
Алексей Т Алексей Т 1 месяц назад #

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

+1
Make Make 1 месяц назад #

Сделаю премиум версию в ближайшие дни

0
Алексей Т Алексей Т 1 месяц назад #

Я куплю 100%

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

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

0
Honko Honko 25 дней назад #

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

0
Honko Honko 25 дней назад #

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

Еще от автора

Стиль списка для типов контента
Новый стиль для списка типов контента, с настройками из новой версии InstantCms 2.15.1
Виджет "Настраиваемый контент"
Виджет, который позволит выводить объявления или любой другой тип (афиша, события, каталог).
Большое обновление OneBlock + новогодние скидки
Большое обновление OneBlock до версии 1.3 + большие новогодние скидки с 20 декабря по 7 января
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.