Скриншот материала «Notices - Скрипт вывода уведомлений (jQuery)»
Описание: Простенький скрипт для вывода небольших уведомлений.
Был написан специально для скрипта uFavorites.
Установка
1. Прописываем CSS-стили:
Код
/* notices */
.notice_ {cursor:pointer;font-weight:bold;font-family:Calibri;font-size:15px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.5);padding:10px 15px;position:fixed;display:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.notice_.green {background:#A0CD5E;top:15px;left:15px;}
.notice_.red {background:#da2222;top:15px;left:15px;}
.notice_.white {background:#fbfbfb;top:15px;left:15px;color:#222;text-shadow:1px 1px 0 rgba(255,255,255,0.5);font-weight:normal;}
2. Подключаем JS-файл (перед ):
Код
<script type="text/javascript" src="http://for-ucoz.my1.ru/js/notices-v1.0.js"></script>
3. Выводим уведомление:
Код
$.nt(t, c, f, e);
// Example: $.nt('Simple notices', 'green', 0)
/* t - text
* c - bgcolor
* f - fixed? (1 - not fade out, 0 - fade out after 5,5 sec)
* e - extra css styles. Example: "{'top':'0px','margin-left':'150px','color':'#da2222'}"
*/
Теги: 
Копирование дизайна или его элементов, а также каких-либо материалов категорически запрещено.