Framework Averin.pro 5.0.1

CSS Framework студии Артемия Аверина

Окна

Скачать CSS фрагмент компонента Скачать JS фрагмент компонента

Первай вариант

<p><button class="button" data-AverinWindow="exampleWindow1">Открыть окно</button></p>
<div class="averin_window" id="exampleWindow1">
	<div class="averin_window_inner">
		<img src="img/ico_close.png" width="32" alt="Закрыть" class="averin_window_close" />
		Содержимое окна
	</div>
</div> 

Закрыть Содержимое окна

Второй вариант

<p><button class="button" data-AverinWindow="exampleWindow2">Открыть окно</button></p>
<div id="exampleWindow2" style="display: none;">
	Содержимое окна
</div> 


Дополнительные варианты

Запуск окна через data атрибут data-AverinWindow="название блока"

<span data-AverinWindow="exampleWindow1">Открыть окно</span> 

Запуск окна через фукнцию AverinWindow_open('название блока')

<span onclick="AverinWindow_open('exampleWindow1');">Открыть окно</span> 

Закрытие всех окон через фукнцию AverinWindow_close()

<span onclick="AverinWindow_close();">Закрыть окна</span> 
Новости

Старт
Скачать

Типографика
Сетка
Формы
Таблицы
Кнопки
Метки
Пагинация
Крошки
Окна
Аниматор
Подсказки
Наверх
Уведомления
Помощники
Плагины

5.0.1 - 13 января 2021 года

Новости

Старт
Скачать

Типографика
Сетка
Формы
Таблицы
Кнопки
Метки
Пагинация
Крошки
Окна
Аниматор
Подсказки
Наверх
Уведомления
Помощники
Плагины

Версия 5.0.1 - 13 января 2021 года

Задать вопрос   Задать вопрос
Вы можете задать вопросы Whatsapp Telegram Viber Vkontakte Facebook E-Mail
Отмена

Framework Averin.pro

Вы можете задать вопросы

Whatsapp Telegram Facebook Telegram E-Mail

Закрыть