• 1395
  • 0
  • Автор: Мэри Лу (Маноэла Илич)
  • Адаптировал: 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.Вот вроде и все.Сам не проверял но должно работать поскольку все на стилях.

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

mistakes

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

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

Ваше мнение

Как вам наш дизайн сайта?
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element