• DONATE to NULLED!
    Вы можете помочь Форуму и команде, поддержать финансово.     starwanderer - модератор этого раздела будет Вам благодарен!

Помощь Проблема с фанкибокс

umjammer

umjammer

Профессор
Регистрация
4 Июн 2007
Сообщения
344
Реакции
44
Всем привет!
верстаю сайт на вордпрессе. необходимо поставить всплывающие формы. Использую contact form 7 в связке с easy fancybox. сталкнулся с проблемой - всплывающая форма уходит далеко вниз за границу сайта. в чем может быть проблема? ссылку скинуть не могу, так как сайт еще на денвере.
 
Сортировка по дате Сортировка по голосам
joylord написал(а):
ну, хотя бы скриншот не мешало бы.
скорее всего проблема в css
Нажмите для раскрытия...

скриншот конечно можно, но смысл? :) сайт затемняется и форма уходит вниз. при прокрутке страницы, форма также спускается все ниже (за пределами экрана) до бесконечности. завтра выложу сайт на хостинг.
 
Позитивный голос 0 Негативный голос
Прокрутить страницу что бы форма была видана, по ней правой кнопкой - проверить код. и там посмотреть что прописано в css , поправить. Когда в таком режиме исправите, то внести нужные изменения в css файлы темы или fancybox .
Предположу что это div fancybox-content.
 
Позитивный голос 0 Негативный голос
masterlan написал(а):
Прокрутить страницу что бы форма была видана, по ней правой кнопкой - проверить код. и там посмотреть что прописано в css , поправить. Когда в таком режиме исправите, то внести нужные изменения в css файлы темы или fancybox .
Предположу что это div fancybox-content.
Нажмите для раскрытия...

спасибо за совет, но так не получится.
форма постоянно скролится за пределами видимости и стили присваиваются скриптом. отступ от верхней границы почемуто больше 2000 пикселей, в этом и проблем =(
9N1Prab.png
 
Позитивный голос 0 Негативный голос
Попробуйте:
1. вывести не форму, а просто картинку или "hello world".
2. задать размеры
HTML: 
#fancybox-wrap {
width:100px !important;
height:100px !important;
}
3. Для просмотра ссылки Войди или Зарегистрируйся
 
Позитивный голос 0 Негативный голос
joylord написал(а):
Попробуйте:
1. вывести не форму, а просто картинку или "hello world".
2. задать размеры
HTML: 
#fancybox-wrap {
width:100px !important;
height:100px !important;
}
3. Для просмотра ссылки Войди или Зарегистрируйся
Нажмите для раскрытия...
1. результат тот же
2. результат тот же
3. не помогло(

версия 1.3.7, но всеравно сделал все что по ссылке было описано, форма всеравно скролится за пределами сайта


masterlan написал(а):
top:2193px попробуйте поставить 100 или 200 px для теста. Покажите адрес сайта.
Нажмите для раскрытия...

я ставил 40%!important, тогда да форма появляется нормально в зоне видимости, но у меня на странице две формы. а если выставить принудительное значение, то отступ идет не от верха браузера, а от верха сайта.
ссылка:
Скрытое содержимое доступно для зарегистрированных пользователей!


на сколько я понял проблема есть, если присутствует вертикальная прокрутка...
 
Последнее редактирование:
Позитивный голос 0 Негативный голос
Привет!

Для начала, я бы попробовал вернуть на место responsive.css
В коде он прописан, по факту его нет.
Код скорее всего и ползёт, из-за того что отсутствует файл.

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

В <head> добавляешь:
HTML: 
<style>#modalbox {
  background:#000;
  height:100%;
  opacity:0.9;
  position:fixed;
  width:100%;
  z-index:100;
  top:0;
  left:0;}#modal {
  background-color:#00f;
  height:200px;
  position:fixed;
  top:100px;
  left:40%;
  color:#f00;
  width:300px;}</style>

И там где уже надо:
HTML: 
<div id="modalbox">
<div id="modal">
<pstyle="cursor: pointer;"onclick="document.getElementById('parent_popup').style.display='none';">Закрыть</p>
   <p>Текст в окне, или шорткод.</p>
</div></div>

Задумка не моя - выгуглено и успешно встроено лично.
Объяснять, как это дело встроить в пхп - не буду, это и так яснопонятно.
У себя, например, сделал сам так - код же намного легче от того что в него ещё 200 плагинов не включается.
 
Позитивный голос 0 Негативный голос
ivaneliseeff написал(а):
Привет!

Для начала, я бы попробовал вернуть на место responsive.css
В коде он прописан, по факту его нет.
Код скорее всего и ползёт, из-за того что отсутствует файл.

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

В <head> добавляешь:
HTML: 
<style>#modalbox {
  background:#000;
  height:100%;
  opacity:0.9;
  position:fixed;
  width:100%;
  z-index:100;
  top:0;
  left:0;}#modal {
  background-color:#00f;
  height:200px;
  position:fixed;
  top:100px;
  left:40%;
  color:#f00;
  width:300px;}</style>

И там где уже надо:
HTML: 
<div id="modalbox">
<div id="modal">
<pstyle="cursor: pointer;"onclick="document.getElementById('parent_popup').style.display='none';">Закрыть</p>
   <p>Текст в окне, или шорткод.</p>
</div></div>

Задумка не моя - выгуглено и успешно встроено лично.
Объяснять, как это дело встроить в пхп - не буду, это и так яснопонятно.
У себя, например, сделал сам так - код же намного легче от того что в него ещё 200 плагинов не включается.
Нажмите для раскрытия...

файл респонсив это адаптивка, сейчас она не нужна, поэтому переименовал, но проблема не в нем.

вобщем сделал по вашему совету, без модулей, но другим способом, все работает =)
 
Позитивный голос 0 Негативный голос
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху