вРазные полезности

Уведомление ЛС на сайте о новом

 
Чтоб уведомление было не стандартным которое идет с системой ucoc. То его можно заменить на более красивое и функциональное, которое вы видите на картинке.
Оно будет появится на всех страницах сайта, а также если у вас установлено яхо окно то оно будет в в нем.
Полностью рабочие, и не будет не сколько грузить ваш портал.
Установка:
Главная » Управление дизайном » Страницы сайта, потом в конце будет стоять — и перед ним ставишь этот код.

Код
<style>  
.LsMesTitle border:0px; border-top:1px solid #fff; border-bottom:1px solid #b7b7b7; background:#f1f1f1 url(‘http://wallaby.ucoz.ru/_ph/1/2/405661807.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://zornet.ru/CSS-ZORNET/Skript/885217798.png’) no-repeat 0px 0px; margin:0px; margin-top:-1px; cursor:pointer;  
span.closeLs:hover background:url(‘http://zornet.ru/CSS-ZORNET/Skript/941025470.png’) no-repeat 0px -17px; cursor:pointer;  

.LsMesWrap position: fixed; bottom:0px; right:10px; padding:10px;  
.LsMesWrapp border:1px solid #bababa; background:url(‘http://zornet.ru/CSS-ZORNET/Skript/14063723.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;  
</style>  

<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>

источник: zornet.ru

Похожие посты