Форум русской поддержки Joomla!® CMS
03.12.2016, 04:23:21 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

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

 (Прочитано 649 раз)
0 Пользователей и 1 Гость смотрят эту тему.
timssky
Давно я тут
****

Репутация: +0/-0
Offline Offline

Сообщений: 277



« : 30.07.2015, 23:42:46 »

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

В таком виде ссылка работает отлично и при нажатии всплывает окно с формой
Цитировать
<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, 00:35:09 от timssky » Записан
darkghost
Практически профи
*******

Репутация: +74/-0
Offline Offline

Сообщений: 1807



« Ответ #1 : 31.07.2015, 13:15:37 »

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

Репутация: +0/-0
Offline Offline

Сообщений: 277



« Ответ #2 : 31.07.2015, 13:45:45 »

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

Только как это сделать не знаю  Sad
Записан
darkghost
Практически профи
*******

Репутация: +74/-0
Offline Offline

Сообщений: 1807



« Ответ #3 : 31.07.2015, 14:51:56 »

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

Репутация: +0/-0
Offline Offline

Сообщений: 277



« Ответ #4 : 31.07.2015, 16: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
Профи
********

Репутация: +260/-8
Offline Offline

Пол: Мужской
Сообщений: 4570


Skype: renor_


« Ответ #5 : 31.07.2015, 16:30:33 »

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

Репутация: +74/-0
Offline Offline

Сообщений: 1807



« Ответ #6 : 31.07.2015, 16:36:14 »

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

Репутация: +0/-0
Offline Offline

Сообщений: 277



« Ответ #7 : 31.07.2015, 17:00:46 »

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

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

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


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


* Снимок.JPG (90.48 Кб, 1079x659 - просмотрено 82 раз.)
« Последнее редактирование: 31.07.2015, 17:04:03 от timssky » Записан
darkghost
Практически профи
*******

Репутация: +74/-0
Offline Offline

Сообщений: 1807



« Ответ #8 : 31.07.2015, 17:20:34 »

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

Репутация: +0/-0
Offline Offline

Сообщений: 277



« Ответ #9 : 31.07.2015, 21:27:14 »

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

Репутация: +0/-0
Offline Offline

Сообщений: 277



« Ответ #10 : 31.07.2015, 21:28:32 »

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

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

Репутация: +0/-0
Offline Offline

Сообщений: 277



« Ответ #11 : 31.07.2015, 22:17:14 »

Походу проще изменить кнопки на обычные картинки меняющие друг друга при наведении, тогда и ссылка работает
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet