Спливаюче вікно з затемненням заднього фону
Спливаюче вікно з затемненням заднього фону
Створення, розробка, виготовлення сайтів | WEB-STYDIA.COM

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

2 Вставляємо код віконця
Відкрийте шаблон головної сторінки сайту і перед тегом вставте

3 Ставимо кнопку при натисканні на яку буде показуватися наше вікно
У потрібному місці сайту вставте

де “1” це ID блоку з вмістом вікна
4 Ефект розмиття і затемнення
Відкрийте шаблон головної сторінки вашого сайту і знайдіть тег і після нього вставте

Далі знайдіть код який ми вставили раніше

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

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

Налаштування
Ви можете налаштувати вікно під ваші потреби використовуючи опції:

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

Вас також може зацікавити

Немає коментарів

Ви можете залишити коментар першим.

Залишити коментар

Будь ласка, введіть Ваше ім'я. Будь ласка, введіть адресу електронної пошти. Будь ласка, введіть повідомлення.