Новое уведомления о новом ЛС


Новое уведомления о новом ЛС для uCoz.
Вставляем в любое удобное для вас место.

Css


Code
  
  .LsMesTitle {border:0px; border-top:1px solid #fff; border-bottom:1px solid #b7b7b7; background:#f1f1f1 url('/img/1.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('/img/2.png') no-repeat 0px 0px; margin:0px; margin-top:-1px; cursor:pointer;}  
  span.closeLs:hover {background:url('/img/close.png') no-repeat 0px -17px; cursor:pointer;}  

  .LsMesWrap {position: fixed; bottom:0px; right:10px; padding:10px;}  
  .LsMesWrapp {border:1px solid #bababa; background:url('/img/3.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;}  


Html


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>  

  • FalleN

  • 2321

  • 1

  • 217

Ссылки на статью:

Похожие статьи: