Новое уведомления о новом ЛС для uCoz как на сайте usite. Технический рип скрипта и его стиля, если кто желает себе установить похожее произведение.
То как выглядит уведомление, можно просмотреть сам скрин, довольно просто и красиво, доступно и понятно для любого пользователя сайтов системы CMS Ucoz
Установка скрипта на свой сайт Уведомления о новом ЛС как на сайте usite.
Вставляем в любое удобное для вас место, но желательно в футер перед условным тегом
</body> тогда скрипт будет работать во всех модулях сайта, так как низ сайта включен в все модули.
Code
<div class="LsMesWrap"></div>
<script type="text/javascript">
$(".LsMesWrap").html('');
$.get('/index/14', function (data) {
$('b.unread', data).each(function () {
var NameTheme = $(this).text();
var UrlTheme = $(this).parent('a').attr('href');
var urlSplit = $(this).parent('a').attr('href').split('/')[4].split('-')[1];
$(".LsMesWrap").append('<div class="LsMesWrapp"><div class="LsMesWrappp"><div class="LsMesTitle"><div style="float:left;">Новое уведомление</div><span onclick="$(this).parent().parent().parent().hide();" class="closeLs"></span><br/></div><div style="color:#777; padding:5px;"><a style="color:#777;" href="'+$(this).parent('a').next().attr('href')+'">'+$(this).parent('a').next().text()+'</a><span style="padding:0px 4px;"></span><a style="color:#333;" href="' + UrlTheme + '">' + NameTheme + '</a></div></div></div>');
});
});
</script>
В таблицу стилей вставляем сам стиль окна уведомления:
Code
.LsMesTitle {border:0px; border-top:1px solid #fff; border-bottom:1px solid #b7b7b7; background:#f1f1f1 url('http://s017.radikal.ru/i410/1111/66/dae73ee69e3f.png') repeat-x 0 0; font-size:11px; font-family:tahoma; color:#555; font-weight:bold; padding:6px 7px 6px 7px; text-shadow:#fff 0px 1px 0px;}
span.closeLs {float:right; width:16px; height:16px; background:url('http://s009.radikal.ru/i308/1111/35/b1d8b72fc444.png') no-repeat 0px 0px; margin:0px; margin-top:-1px; cursor:pointer;}
span.closeLs:hover {background:url('http://s009.radikal.ru/i308/1111/35/b1d8b72fc444.png') no-repeat 0px -17px; cursor:pointer;}
.LsMesWrap {position: fixed; bottom:0px; right:10px; padding:10px;}
.LsMesWrapp {border:1px solid #bababa; background:url('http://s002.radikal.ru/i198/1111/b6/b0343ee97676.png'); padding:4px; margin-bottom:12px;}
.LsMesWrappp {text-align:left; border:1px solid #b7b7b7; width:300px; background:#fff; padding:0px; text-shadow:0px 1px 0px #fff;}
Меню сайта
Меню сайта
