Главная » Файлы » Прочие скрипты » CSS

Замечательные модальные окна на css3 для uCoz
24.06.14, 08:37:42

Скачать файл




Вот недавно был написан урок по установке и настройке модальных окон.

ДЕМО

Установка:

После /head на нужных страницах:
Код
<link rel="stylesheet" type="text/css" href="/css/modal.css" />


В любую часть кода страницы вставляем конструкцию модального окна с содержанием:
Код
<aside id="modal" class="modal"> <div style="width:300px; height:auto;">Контент<a href="#close" title="Закрыть">Закрыть</a>
  </div></aside>


Ставим это ссылку на вызов окна куда Вам необходимо:
Код
<a href="#modal"><span>Ссылка</span></a>


Прошу заметить, что на странице может быть сколь угодно таких окон, главное, что бы ID тега aside были у всех окон разные!. Для вызова необходимо, то бы ID тега aside и в ссылке вызова окна совпадали!

Это дело абсолютно не работает в Опере с ее кривым отображении css3

Материал протестирован и отредактирован Apocalypse

Источник: unicegroup.ru
Категория: CSS | Добавил: Apocalypse | Теги: ucoz, на, CSS3, модальные, окна, для, замечательные
Просмотров: 376 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: