Модальное окно 1 на CSS

Модальные окна удобны и помогают пользователю сконцентрировать все внимание на нужном контенте. Обычно для использования модального окна на сайте WordPress устанавливаются такие плагины как Fancybox, Lightbox и другие подобные, но бывают случаи, когда необходимо отказаться от jQuery и добавить модальное окно на сайт с помощью CSS.

Этот способ позволяет использовать всплывающее окно на сайте без подключения дополнительных скриптов. Чтобы добавить модальное окно на сайт выполните инструкцию:

  1. скачайте файл стилей
  2. подключите файл стилей: <link rel=stylesheet href=1.css>
  3. добавьте кнопку для вызова модального окна на странице: <a href=#modal class=openModal>Открыть модальное окно</a>
  4. добавьте содержимое модального окна: <div id=modal class=modal><div><div class=text>Любое содержимое модального окна</div><a href=#close>Закрыть</a></div></div>

Пример: открыть модальное окно

P.S. с первичным тэгом base ничего не работает, а без него работает!

onwordpress.ru/modal-box-on-css.html

Free Web Hosting