Замечательные модальные окна на css3

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

Установка:

После /head на нужных страницах:

Code
<link rel="stylesheet" type="text/css" href="/css/modal.css" />


В любую часть кода страницы вставляем конструкцию модального окна с содержанием:

Code
<aside id="modal" class="modal">
<div style="width:300px; height:auto;">

Контент

<a href="#close" title="Закрыть"></a>  
</div>
</aside>


Ставим это ссылку на вызов окна куда Вам необходимо:

Code
<a href="#modal"><span>Ссылка</span></a>


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

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

  • FalleN

  • 3305

  • 1

  • 236

Ссылки на статью:

Прямая ссылка:
HTML-код:
ББ-код:

Похожие статьи:

Добавить комментарий:

Для добавления вы должны авторизироваться!