Стильно сделано модальное окно на CSS
 | |
| Кто решил установить на своем сайте модальное окно на jQuery и CSS то думаю это вам отлично подойдет. Так как оно простое по своей установке и работает отлично, а точнее так как вы сами его отрегулируете. Все не очень сложно, с ним идет скрипт, который поставить нужно в низ сайта. Но описываю как на тестовом сайте делал. Но основное считаю стили, ведь по ним можно выставить как саму ширину и длину окна, если вы ставите видео плеер, или просто пишите устав своего сайта. Здесь представлено похожее по своим свойствам модальное окно, только уже под темный дизайн сайта. Как пример:  Но здесь нет авто, и вам если нудно окно под запись или под скрипт, то только придется в стилях выставлять, что не сложно, это у каждого подобного материала так делают. Что сменить саму гамму, то это можно, но не думаю, что это будет отличным решением, но все вам в таком случай решать. Как под видео, то можно сделать совершенно небольшое окно с плеером или стандартное, только уже нужно сам плеер выставить и потом окно под него подогнать. Здесь не стал прописывать коды, вы скачаете и на текстовом файле все будет прописано, где куда ставить, а так появляется стандартно, и как всегда идет под него затемнение, если к примеру у вас светло синий оттенок, то можете его сделать. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 8 | |
|
Что то даже и не подумал, а так все отлично подошло и красивей смотрится, но здесь кому как. Теперь где пишем или плеер ставим так будет с кнопкой.
Код <a href="#dialog" name="modal">Простое модальное окно</a> <div id="boxes"> <div id="dialog" class="window"> <span><a href="#" class="close"/><img border="0" align="absmiddle" src="http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/9KXCMUU.png"></a> <iframe width="580" height="395" src="https://www.youtube.com/embed/kYGlSKi4XNs" frameborder="0" allowfullscreen></iframe> </div> <div id="mask"></div>  Вообщем какой дизайн вы сделаете и кнопку подберете. Здесь просто темно светлый оттенок модального окна. | |
