http://www.youtube.com/watch?v=KZ1TduvBDy0

Попробуйте этот видео гайд.

Подключить jquery и читать про модальное окно.
Либо использовать бутстрап, там попроще будет.

то что в ролике не совсем то, а может я скорее в коде ничего не понимаю.

http://bootstrap-ru.com/javascript.php#modals
Вот это?

Видимо код для меня это тяжко, а сколько примерно будет стоить накодить это? Как мини ТЗ, на сайте имеем картинку как кнопку, при нажатии на эту картинку должно появляться окно с полями которые нужно заполнить, все остальное закрывает сайт как серенькой заливкой пока окно активно. Все данные которые заноситься в форму должны отправляться на емайл администратору указанному где-то в коде.

Сообщение отредактировал Илюха - 30.6.2013, 19:38

Поищите в гугле JQuery+модальное окно. Картинку оборачиваем в ссылку и показываем окно с формой. Там все просто, если вообще лень то цена такой работы не больше 10$

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

http://www.xiper.net/collect/js-plugins/ga...y/fancybox.html
http://arcticlab.ru/arcticmodal/
http://kotweb.ru/26-17-vsplyvayuschih-i-mo...dlya-sayta.html

Еще проще вариант, подключите плагин fancybox. Далее:

1) создаем невидимый контейнер

<div style="display:none;"><div id="popup">{содержимое окна}</div></div>

2) Создаем ссылку, по которой окно открываем:

<a href="#popup" class="fancybox">Открыть окно</a>

3) Подключаем fancybox к ссылке в js файле

$('.fancybox').fancybox({параметры});


Возможно, в параметрах нужно будет задать тип "iframe". Не помню уже. Но это, по моему, самый удобный и быстрый вариант модального всплывающего окна.

В общем, пользуйтесь

Сообщение отредактировал altmer88 - 30.6.2013, 23:37

Как сделать модальное окно описывается в этой статье

http://verstaka.net/html-css-verstka/vsply...css-jquery.html

А демо пример можно взглянуть здесь

http://verstaka.net/examples/html-css/popu.../popup-new.html

Окно можно сделать вот так http://jqueryui.com/dialog/
Но если у вас там форма, то помимо самого окна нужно данные этой формы как-то сохранять/обрабатывать.

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.