[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Система uCoz » Скрипты для uCoz » Уведомление о новом ЛС
Уведомление о новом ЛС
koufДата: Суббота, 21.02.2015, 17:48 | Сообщение # 1
Подполковник
Группа: Администраторы
Сообщений: 115
Репутация: 0
Статус: Offline


Красивое уведомление о новом ЛС для uCoz. Замечательный дизайн окна уведомления о новом ЛС , отличная работоспособность скрипта.
Cтавим данный код перед </body>


Код
<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://wallaby.ucoz.ru/_ph/1/2/885217798.png') no-repeat 0px 0px; margin:0px; margin-top:-1px; cursor:pointer;}   
span.closeLs:hover {background:url('http://wallaby.ucoz.ru/_ph/1/2/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://wallaby.ucoz.ru/_ph/1/2/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>
Прикрепления: 9477455.png (10.7 Kb)
 
Форум » Система uCoz » Скрипты для uCoz » Уведомление о новом ЛС
  • Страница 1 из 1
  • 1
Поиск: