» »

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


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

Чтоб уведомление было не стандартным которое идет с системой 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>
25.01.2014 Просмотров: 577 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar