фон лайтбокса

[Sveta2608]

Здравствуйте, интересует как сделан фон лайтбокса на сайте (сделать заявку) http://xn--b1aajmj5b2d.xn----7sbeelb7ae ... .xn--p1ai/
кто то подскажет? Спасибо

[anonimus]

я так понимаю, что вопрос закрыт?

[Sveta2608]

Ну видимо))) Никто не в курсе

[Gudwinn]

так а что там с фоном непонятного? И это модальный слой, а не классический лайтбокс.

[Sveta2608]

Все равно не понятно, даже если модальный слой, в обычном модальном фон светлый, тут темный, и и плюс нет белых углов под рыжим слоем, а у меня сколько не бьюсь, есть(

[Gudwinn]

ну так ёлки моталки, сделайте фон страницы в свойствах страницы на которой содержимое вашего лайтбокса прозрачным, и не будет у вас белых углов)))) Помогло?

[Sveta2608]

Ну не получается, ёлки-моталки((( не прозрачный он(((

[anonimus]

ну наконец-то показали о чём вы
я лично думал, что вы про оранжевый фон и допускаю, что все так думали

[Gudwinn]

ну так наверное оранжевый элемент лежит на неком слое? верно? сделайте значит фон этого слоя на котором лежит оранжевый элемент тоже прозрачным. я всё время поражаюсь, как люди находят беды на ровном месте. А вообще скиньте wbs, я подправлю вам проект.

[Sveta2608]

Оранжевый лежит как раз на модальном слое который прозрачный)))) И если например мне нужен фон на странице? и на этой же странице модальный слой, я никак не смогу сделать фон прозрачным( в смысле фон страницы

Отправлено спустя 5 минут :
я не умею wbs скидывать но попробую)

[anonimus]

в исходник страницы пропишите этот код:

Код: Выделить всё

<style>
.ui-widget-overlay {
   background: transparent;
}
</style>


после этого полосатый фон станет прозрачным

[Gudwinn]

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

[Sveta2608]

я не знаю чё все болеют прям этими лайтбоксами и всякими подгружаемыми долгоиграющими окнами.

Не скажу за всех) я из любопытства) балуюсь
wbs отправила

Отправлено спустя 1 минуту 19 секунд:

в исходник страницы пропишите этот код:

Код: Выделить всё

<style>
.ui-widget-overlay {
   background: transparent;
}
</style>


после этого полосатый фон станет прозрачным

Спасибо))) Сделала как Вы сказали, да и правда прозрачный) а в примере который мне интересен затемненный) так что немного не то)

[anonimus]

ну так затемните

Код: Выделить всё

<style>
.ui-widget-overlay
{background: #000;
 opacity: .4;
 filter: Alpha(Opacity=40);
}
</style>

[Sveta2608]

Спасибо, так лучше)

[Gudwinn]

Как и обещал, вот пример http://modal.offershop.ru/ (кликать заказать звонок) вот архив http://modal.offershop.ru/modal.zip всё нужное смотрите в свойствах и событиях (кнопка заказ звонка) , а также в менеджере объектов (скрытые объекты: Layer1 , modal-17 )

[Sveta2608]

Как и обещал, вот пример http://modal.offershop.ru/ (кликать заказать звонок) вот архив http://modal.offershop.ru/modal.zip всё нужное смотрите в свойствах и событиях (кнопка заказ звонка) , а также в менеджере объектов (скрытые объекты: Layer1 , modal-17 )

Спасибо)) Это даже лучше чем на том сайте))) Мне больше нравится))

[Sveta2608]

Как и обещал, вот пример http://modal.offershop.ru/ (кликать заказать звонок) вот архив http://modal.offershop.ru/modal.zip всё нужное смотрите в свойствах и событиях (кнопка заказ звонка) , а также в менеджере объектов (скрытые объекты: Layer1 , modal-17 )

Вернусь к теме) форма работает идеально, появилась мысль прикрутить к ней информационный модальный слой о успешной отправке, но в вкладке события нет события onsubmit, попробовала еще с некоторыми событиями, слой успешно всплывает, все мило красиво, но заявка не приходит. Подскажите какое событие добавить чтоб и слой всплывал и заявка улетала, пожалуйста)))

Отправлено спустя 31 минуту 44 секунды:
Дополнение: onsubmit в области формы тоже не отправляет заявку

[Mavik]

в исходник страницы пропишите этот код:

Код: Выделить всё

<style>
.ui-widget-overlay {
   background: transparent;
}
</style>


после этого полосатый фон станет прозрачным

А зачем так напрягаться?
Чтобы изменить фон модального слоя, достаточно в свойстве страницы выбрать другую тему jQuery UI Theme

[anonimus]

да не вопрос
но данный способ выбран, что бы ненароком не сломать что-то ещё, что может быть у пользователя связанно с уже установленной темой
в общем так проще, что бы не копаться, не перебирать и т.п... в общем поставил что хочешь в 2 секунды