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

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

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


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