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

Можешь почитать и вот эту статейку "Хак - Highslide JS - модные превьюшки"

mistakes

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

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

Ваше мнение

TWIG -что это?
Результаты

----