Всплывающее окно из затемнением заднего фона
Всплывающее окно из затемнением заднего фона
Создание, разработка, изготовление сайтов | WEB-STYDIA.COM

И так дорогие друзья как Вы уже поняли из названия сегодня хочу добавить еще одну не большую заметку о том
как можно сделать самостоятельно без каких либо модулей и дополнений всплывающее окно из затемнением заднего фона сайта и его размытием.
А для DLE я покажу вам еще пример как сделать размытие для всех окон в системе включая системные.
И так начнем:
1. Подключаем стили

2 Вставим код окошка
Откройте шаблон главной страницы сайта и перед тегом

Вставьте:

3 Вставим кнопку по клику на которую будет показываться наше окно
В нужном месте сайта вставьте

где “1” это ID блока с содержимым окна
4 Эффект размытия и затемнение
Откройте шаблон главной страницы вашего сайта и найдите тег

и после него вставьте

Далее найдите код который мы вставили ранее

и перед ним вставьте тег

5 Подключаем чудо скрипт и радуемся
СКАЧАТЬ СКРИПТ
Загрузите скрипт с помощью FTP и подключите его к сайту При подключении к WP указывайте опцию подключения после загрузки библиотеки jQuery
Если у Вас сайт не на DLE или WP то перед строкой подключения этого скрипта вставьте строку

Настройки
Вы можете настроить окно под ваши нужды используя опции:

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

Вас также может заинтересовать

Есть один комментарий

  •   03.07.2016 в 22:06

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

    Ответить

Оставить комментарий

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