Хаки и Скрипты Next Generation CMS

Временные уведомления для вашего сайта

irbees2008 irbees2008 Опубликовано - 18 - апреля Интерфейс
3164 - 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.Вот вроде и все.Сам не проверял но должно работать поскольку все на стилях.

Можешь почитать и вот эту статейку " раскрывающий текст при клике"

Опрос

Ваше мнение

какой форум лучше для вас
Результаты

Последние комментарии

Теги

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

Статистика

  • Caйту: 4375 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 661
  • Онлайн всего: [5]
  • Гости: [5]
  • Были сегодня : [3] Яндекс, Google, Яндекс
  • SQL запросов: 32
  • Генерация страницы: 0.369сек
  • Потребление памяти: 5.341 Mb 
  •   Яндекс.Метрика