» »

Темное модальное окно на CSS и JavaScript

Темное модальное окно на CSS и JavaScript

Трудно представить сайт без модального окна, которое больше выводит функциональности, что здесь отличное решение на его в темно оттенке. На нем можно разместить различный функционал, это как форму регистраций или сделать опрос на ресурсе. И здесь недавно залил материал на обратный звонка на интернет магазины, и это можно сказать дополнение к нему. Остается только кнопку разместить, которая будет вызывать, а где ее ставить, веб мастеру виднее.

Идет в комплекции javascript, но если у вас портал на конструкторе uCoz, то этот скрипт не нужно подключать, так как он уже стоит на площадке по умолчанию. Но и стилистика его редактируется просто, это можно вывести на разную цветовую палитру, как вам требуется. Есть эффект кнопки при наведении и когда открывается, то появляется черно прозрачный фон.

Установка:

Полностью она написана в текстовом документе, что скачать.

Код
<!--[if lt IE 9]><div class="popup__overlay popup__overlay_ie"></div><![endif]-->
<div class="popup__overlay">
  <div class="popup">
  <div class="popup__close">X</div>
  <h2>ZORNET.RU</h2>
<br>
<div align="center"><img align="absmiddle" border="0" src="http://zornet.ru/ZORNET/drental/OohSq3Z.png" /></div>
<br>
<p>Архитектура Vega от AMD началась в августе с Vega 64 и Vega 56, но в то время как эти GPU поставили AMD на доску с более высоко уровненными архитектуры, они не были чистым движением Nvidia, на которое надеялись многие потенциальные покупатели. Vega 56 - сильный конкурент для GTX 1070, но Vega 64 был менее конкурентоспособным с GTX 1080, а GTX 1080 Ti недосягаем. По крайней мере, это большую часть времени вне досягаемости. Forza Motorsport 7, по крайней мере, изначально отражает эту тенденцию.</p>
<p>Согласно Computerbase.de , AMD Vega 64 и Vega 56 оба прогоняют GTX 1080 Ti в 1920 × 1080, что совершенно необычно - исторически архитектура AMD предпочитает более высокие разрешения и потеряла меньшую производительность по мере увеличения разрешения, чем их аналоги Nvidia , В Forza 7 это менее верно, и Nvidia получает больше преимуществ, поскольку разрешение. С учетом сказанного, цифры 4K по-прежнему оставляют обе компании в приличном положении.</p>  
  </div>
  <!--[if lt IE 9]><div class="popup__valignfix"></div><![endif]-->
</div>

Здесь представлена основа, и по ней вы можете понять как распространить информационный блог или кон на информер.

Демонстрация
04.10.2017 Загрузок: 1 Просмотров: 276 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar