Хаки и Скрипты Next Generation CMS : Интерфейс, Диалоги и lightbox, CSS : Временные уведомления для вашего сайта

irbees2008 Опубликовано - 18 - апреля Интерфейс

Автор: Мэри Лу (Маноэла Илич)
Адаптировал: irbees2008
Источник:
Уровень сложности исполнения: нужны навыки css html
Демо:

Привет всем. Сегодня я побродил по нету и набрел на довольно интересную реализацию уведомлений. Всё там выполнено на css3,ни каких скриптов,ну и соответственно будет работать только в современных браузерах.
Итак приступим
1.Скачиваем исходник Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковываем и смотрим исходники.
2.Сам блок уведомления выглядит так

Код:

<div class="tn-box tn-box-color-1">
					<p>Ваши настройки были успешно сохранены !</p>
					<div class="tn-progress"></div>
				</div>

В демо три варианта,с разным временем,и расцветкой , и у нас его можно использовать в файлах login.tpl,variables.ini,ну и ещё в не которых плагинах.
3.Заливаем в папку стилей шаблона стиль uvedom.css из исходника и подключаем в head файла main.tpl

Код:

<link rel="stylesheet" href="{{ tpl_url }}/css/uvedom.css" />

4.Вот вроде и все.Сам не проверял но должно работать поскольку все на стилях.

Можешь почитать и вот эту статейку "Ставим адаптивные вкладки на страничку"

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.