Ссылка на всплывающее окно - Общие вопросы по расширениям Joomla

Сделал функцию обратный звонок на сайте и нужно чтобы ссылка открывалась во всплывающем окне, проблема вот в чем:

В таком виде ссылка работает отлично и при нажатии всплывает окно с формой

<a href="/zvonok?tmpl=component" data-lightbox="width:400;height:250;type:iframe;">Обратный звонок</a>

Но мне нужно чтобы ссылка выглядела красиво и запихнуть ее вот сюда (это красивая кнопка с анимацией):

<div class="sidebar-socialicons grid-block grid-gutter"><div class="grid-box width50"><a href="ССЫЛКА" class="social-icons facebook"></a></div></div>

Все попытки безуспешны, либо  картинка которая в классе прописана не отображается, либо ссылка перестает работать правильно

Помогите пожалуйста соединить это воедино !

хорошо бы ссылку на пациента
Может где-то шо то в конструкции получается перекрытие или вовсе не срабатывает. Вот пример оформления кнопок ---- --- если пойти этим путем (конструкция)

Да уже смотрел ничего не пойму,  а как то можно разделить ?  т.е. вверху на стрнице прописать стиль, а в нужное место вставить  <a href="#" ............................</a>  чтобы кнопка отображалась

Только как это сделать не знаю  

стили для кнопки пропишите вот сюда - в конце файла темплат.css используемого шаблона (к примеру). Далее же тогда просто используете в ссылке --- < a class="..." href= ... и тд

Так вот она эта конструкция

<div class="sidebar-socialicons grid-block grid-gutter"><div class="grid-box width50"><a href="ССЫЛКА" class="social-icons facebook"></a></div></div>

Когда я ее вставляю появляется кнопка которая нажимается,  но я не могу к этой кнопке прикрепить эту ссылку:

<a href="/zvonok?tmpl=component" data-lightbox="width:400;height:250;type:iframe;"></a>

 

Как их соеденить вот в чем вопрос ?  Неужели это так трудно ?

Уважаемый, ну тут нужно ещё ваше CSS видеть.
Я так понял, вы прописали свои классы для модалки и формы и хотите чтобы классы формы были в классах модалки?
Так вам не в коде менять, а в CSS объеденять стили и в дивах их вместе сделать.
Или я не так понял?

Ссылку на сайт дайте...
Как Вы ее и где размещаете? Если в материале или модулем в сайдБаре или в позиции - пропишите ручками

Сайт выключен пока не могу скинуть ссылку.

Код можно посмотреть здесь:   http://yootheme.com/demo/joomla   >  шаблон MiCasa  2012 год

Вот к этой  выделенной кнопке в скриншоте нужно привязать эту ссылку

<a href="/zvonok?tmpl=component" data-lightbox="width:400;height:250;type:iframe;">Обратный звонок</a>

Как это сделать ?

так я не понял - это модуль специальный или Вы ручками?
Если модуль - смотрите какой модуль и правьте исходный код этого модуля, если ручками (сами прописываете) - так и прописывайте как привели
На примере явно модуль показан и сама ссылка прописывается в настройках шаблона. Если всплывающее окно добавить - так наверное только править исходник модуля

Кароче это форма fox contact которая открывается через widgetkit  Lightbox,  причем открывается во всех браузерах и без глюков, идеальная форма обратного звонка

Блин почему она в таком виде работает, когда нажимаешь на надпись "обратный звонок"

<a href="/zvonok?tmpl=component" data-lightbox="width:400;height:250;type:iframe;">Обратный звонок</a>

А когда вставляешь эту ссылку к выше указанной кнопке она перестает работать, либо кнопка перестает отображаться ?

Походу проще изменить кнопки на обычные картинки меняющие друг друга при наведении, тогда и ссылка работает