Хаки и Скрипты 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.Вот вроде и все.Сам не проверял но должно работать поскольку все на стилях.

Можешь почитать и вот эту статейку "Меню с выпадающими подсказками"

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

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