Страница 1 из 11
Форум про uCoz » Всё для web-мастера » Web мастеру » Простое модальное окно создано на CSS
Простое модальное окно создано на CSS
Kosten
Дата: Суббота, 30.04.2016, 06:07 | Сообщение # 1
Администраторы
Сообщений:12668
Награды: 39


Решили ставить на сайт модальное окно, чтоб появилось больше функций, или как демонстрацию, то простой скрипт возможно вам подойдет. Здесь нет папок, которые нужно закачивать, все очень просто, есть каркас сайта, вы его ставите в то место, где вызывать будите. И CSS прописать небольшие стили, и получиться отличное светлое окно, с красной кнопкой отключить и плюс еще и затемнение будет. Также есть оригинальное модальное окно, которое будет работать как с текстом, так и с видео, что можете ставить и при нажатие показывается и потом включаете просмотр.



Устанавливаем код, где написано будет, что там у вас, вообщем на вызов.

Код
<a href="#ModalOpen" title="">Кнопка</a>
<div id="ModalOpen" class="Window">
<div>
<a href="#close" title="Закрыть" class="close">X</a>
     
Здесь пишем и ставим любые изображение а также ссылки.  
     
</div>
</div>


CSS





Что по видео, то взял первый ролик с youtube и поставил, и все отлично показывает и смотрится красиво.

Код
<a href="#ModalOpen" title="">Кнопка</a>
<div id="ModalOpen" class="Window">
<div>
<a href="#close" title="Закрыть" class="close">X</a>
     
<iframe width="560" height="315" src="https://www.youtube.com/embed/soywd_vYphI" frameborder="0" allowfullscreen></iframe>   
     
</div>
</div>


Но дальше все сами разберетесь, если что пишем в комментариях.
Прикрепления: 1337419.png(96Kb) · 5737667.png(218Kb)


feliksteg
Дата: Среда, 04.05.2016, 23:46 | Сообщение # 2
Пользователи
Сообщений:134
Награды: 0


Тут главное понятное и на чистых стилях, что мне лично больше такие нравятся и можно еще дизайн изменить.
Kosten
Дата: Четверг, 05.05.2016, 00:33 | Сообщение # 3
Администраторы
Сообщений:12668
Награды: 39


feliksteg, так хорошо говорить, чтоб залить как уже говорил, 3 часа уходит, так как нужно еще самому разобраться и как можно больше своего добавить.

Форум про uCoz » Всё для web-мастера » Web мастеру » Простое модальное окно создано на CSS
Страница 1 из 11
Поиск: