Ссылка на всплывающее окно

0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 892 Просмотров
*

timssky

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

В таком виде ссылка работает отлично и при нажатии всплывает окно с формой
Цитировать
<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>

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

Помогите пожалуйста соединить это воедино !
« Последнее редактирование: 31.07.2015, 01:35:09 от timssky »

*

darkghost

  • Практически профи
  • *******
  • 2100
  • 94
Re: Ссылка на всплывающее окно
« Ответ #1 : 31.07.2015, 14:15:37 »
хорошо бы ссылку на пациента
Может где-то шо то в конструкции получается перекрытие или вовсе не срабатывает. Вот пример оформления кнопок ----
Спойлер
[свернуть]
--- если пойти этим путем (конструкция)

*

timssky

  • Давно я тут
  • ****
  • 298
  • 0
Re: Ссылка на всплывающее окно
« Ответ #2 : 31.07.2015, 14:45:45 »
Да уже смотрел ничего не пойму,  а как то можно разделить ?  т.е. вверху на стрнице прописать стиль, а в нужное место вставить  <a href="#" ............................</a>  чтобы кнопка отображалась

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

*

darkghost

  • Практически профи
  • *******
  • 2100
  • 94
Re: Ссылка на всплывающее окно
« Ответ #3 : 31.07.2015, 15:51:56 »
стили для кнопки пропишите вот сюда - в конце файла темплат.css используемого шаблона (к примеру). Далее же тогда просто используете в ссылке --- < a class="..." href= ... и тд

*

timssky

  • Давно я тут
  • ****
  • 298
  • 0
Re: Ссылка на всплывающее окно
« Ответ #4 : 31.07.2015, 17:25:45 »
Так вот она эта конструкция

Цитировать
<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>
 

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

*

vipiusss

  • Профи
  • ********
  • 5522
  • 318
  • JoomlaNet
Re: Ссылка на всплывающее окно
« Ответ #5 : 31.07.2015, 17:30:33 »
Уважаемый, ну тут нужно ещё ваше CSS видеть.
Я так понял, вы прописали свои классы для модалки и формы и хотите чтобы классы формы были в классах модалки?
Так вам не в коде менять, а в CSS объеденять стили и в дивах их вместе сделать.
Или я не так понял?
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

darkghost

  • Практически профи
  • *******
  • 2100
  • 94
Re: Ссылка на всплывающее окно
« Ответ #6 : 31.07.2015, 17:36:14 »
Ссылку на сайт дайте...
Как Вы ее и где размещаете? Если в материале или модулем в сайдБаре или в позиции - пропишите ручками

*

timssky

  • Давно я тут
  • ****
  • 298
  • 0
Re: Ссылка на всплывающее окно
« Ответ #7 : 31.07.2015, 18:00:46 »
Сайт выключен пока не могу скинуть ссылку.

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

Вот к этой  выделенной кнопке в скриншоте нужно привязать эту ссылку
Цитировать
<a href="/zvonok?tmpl=component" data-lightbox="width:400;height:250;type:iframe;">Обратный звонок</a>


Как это сделать ?
« Последнее редактирование: 31.07.2015, 18:04:03 от timssky »

*

darkghost

  • Практически профи
  • *******
  • 2100
  • 94
Re: Ссылка на всплывающее окно
« Ответ #8 : 31.07.2015, 18:20:34 »
так я не понял - это модуль специальный или Вы ручками?
Если модуль - смотрите какой модуль и правьте исходный код этого модуля, если ручками (сами прописываете) - так и прописывайте как привели
На примере явно модуль показан и сама ссылка прописывается в настройках шаблона. Если всплывающее окно добавить - так наверное только править исходник модуля

*

timssky

  • Давно я тут
  • ****
  • 298
  • 0
Re: Ссылка на всплывающее окно
« Ответ #9 : 31.07.2015, 22:27:14 »
Кароче это форма fox contact которая открывается через widgetkit  Lightbox,  причем открывается во всех браузерах и без глюков, идеальная форма обратного звонка

*

timssky

  • Давно я тут
  • ****
  • 298
  • 0
Re: Ссылка на всплывающее окно
« Ответ #10 : 31.07.2015, 22:28:32 »
Блин почему она в таком виде работает, когда нажимаешь на надпись "обратный звонок"
Цитировать
<a href="/zvonok?tmpl=component" data-lightbox="width:400;height:250;type:iframe;">Обратный звонок</a>

А когда вставляешь эту ссылку к выше указанной кнопке она перестает работать, либо кнопка перестает отображаться ?
« Последнее редактирование: 31.07.2015, 22:32:30 от timssky »

*

timssky

  • Давно я тут
  • ****
  • 298
  • 0
Re: Ссылка на всплывающее окно
« Ответ #11 : 31.07.2015, 23:17:14 »
Походу проще изменить кнопки на обычные картинки меняющие друг друга при наведении, тогда и ссылка работает