Привіт, шановні друзі і гості блогу!
Як я і припускав, минулий мій матеріал «Модальне вікно jquery» викликав безліч питань серед моїх відвідувачів блогу. Питання в основному однотипні і полягають в тому, що мало докладної інформації по встановленню та налагодженню модального вікна про який я вам писав.
Ну, що давайте почнемо.
На цей раз я вам постараюся пояснити весь процес створення спливаючих вікон або по іншому модальних вікон у всіх подробицях і з прикладами коду, який потрібно вставляти на свій сайт і куди його потрібно вставляти.
Тепер розбираємося з модальними вікнами у всіх подробицях.
Спливаючі вікна на сайті з формою підписки
У верхньому правому куті Google Chrome відкрийте вкладку «Налаштування і управління Google Chrome». Потім у вікні, виберіть «Налаштування» і далі на сторінці, знайдіть терміну-посилання «Показати додаткові налаштування» - тисніть на неї. У віконці нижче знайдіть «Очистити історію» і натисніть, а там Ви вже можете вибрати за який період часу вам потрібно очистити історію або по іншому - куки. Очистіть її і Ви знову зможете побачити спливаючі вікна на сайті про які я вам зараз продовжу розповідати!
Як і куди вставити код на спливаючі вікна на сайті?
Ось весь код спливаючого вікна, який був приведений мною в прикладі минулого статті. Дивимося, копіюємо і вставляємо на свій сайт:
Тепер давайте розберемося які частини даного коду куди вставляються?
Якщо Ви робите окрему сторінку на вашому сайті, тоді просто створіть папку в корені сайту та закачайте туди всі файли, які можна скачати ось тут: Завантажити модальне вікно з формою підписки
Тепер вам потрібно його відредагувати під себе. Як це зробити? Дуже просто!
Тепер ще один нюанс! Обов'язково змініть форму підписки, яка виглядає ось так:
Тут все просто, хоча здається інакше!
Просто візьміть ось цей код:
І замініть мої шматки коду на свої з вашої форми підписки з сервісу RUMAILER або з іншого, яким Ви користуєтесь.
Тепер ваша сторінка з модальним вікном і формою підписки готово!
Також нічого складного!
Якщо вам сподобався матеріал ласка, виконайте такі дії ...
Дякую за увагу!