Делаем Модальные всплывающие окна на базе Widjetkit

Вот делаю новый сайт на Joomla 3, составил список самых необходимых плагинов, модулей и компонентов, один из них Widjetkit, это мой третий сайт, поэтому решил использовать только то что нужно и ничего лишнего что бы не лазить в код не ставить дополнительных элементов и т.д. Возникла необходимость в модальном окне для формы логина и регистрации, полазив и поизучав немного эту тему решил сделать модалное окно на том что у меня уже стоит что бы не устанавливать лишние скрипты привожу код как это сделать пример на моем сайте вверху экрана ukraineadopt.com

Привожу код до того как перенес его в CSS это значит что если у вас уже стоит widjetkit вставив этот код скажем в модуль проивольного HTML и немного поменяв CSS настройки вы получите форму регистрацию в сплывающем модальном окне и не нужно никаких скриптов или доп плагинов. Конечно позиции вывода ваших модулей нужно поменять на ваши, и подстроить CSS под ваш шаблон, важно первый div не меняйте копируйте как есть. Форма будет работать на IE начиная с версии 6, проверял еще на парочке браузеров все рабтает.

Код

<div data-options="{&quot;style&quot;:&quot;default&quot;,&quot;collapseall&quot;:0,&quot;matchheight&quot;:0,&quot;index&quot;:1,&quot;duration&quot;:500,&quot;width&quot;:&quot;auto&quot;,&quot;order&quot;:&quot;default&quot;}" data-widgetkit="accordion" class="wk-accordion wk-accordion-default clearfix">
	<h6 class="toggler" style="padding: 3px; 2px; 3px; 2px; font-size: 11px; margin: 1px 0px 0px 0px; color: #314B58; background:#B6C5CC; box-shadow: 0 1px 0 #FFFFFF inset;">Login/Registration</h6>
	<div class="box-info" id="clear-info" style="margin: 2px 0px 0px -50px; width: 200px; height: 230px; overflow: visible; display: none; z-index: 10000; position: absolute;">{loadposition название вашего модулю}</div>
</div>

Не забываем включить стандартный плагин загрузки модулей

Наложение Watermark (водяные знаки) в ZOO 2.4 на базе Joomla 1.6 Автор Dimsan	Ответов: 18 Просмотров: 7452	01.12.2014, 16:05:30 от programmos
Бесплатные видео уроки Joomla + ZOO — Делаем сайт Белокурихи Автор allmomente	Ответов: 5 Просмотров: 7643	23.07.2013, 23:50:37 от VasiliO
Как сделать всплывающие надписи к картинкам в Галерее Widgekit? Автор Georgiy77	Ответов: 1 Просмотров: 1730	02.07.2013, 13:16:11 от mr_denisters
Zoo 2.5.13 и widjetkit zoo (slideset, slideshow) Layout error Автор pavel_28121	Ответов: 2 Просмотров: 3301	11.03.2012, 13:30:29 от pavel_28121
При создании продукта не работает редактор и всплывающие окна Автор Pashtetdiz	Ответов: 2 Просмотров: 1341	06.12.2010, 23:24:23 от Pashtetdiz

Делаем Модальные всплывающие окна на базе Widjetkit - ZOO 2.х

Новости Joomla

Abiladenda

Делаем Модальные всплывающие окна на базе Widjetkit

Похожие темы