Скрипт о новом уведомление ЛС на сайте
Много сейчас вы можете найти в интернете подобного этого скрипта. Но увы работоспособных очень мало. То появиться через несколько минут, то на некоторых модулях совсем не будут видны. Вот хочу представить скрипт со стилями который работает на всем сайте. И если вам пошлют письмо или как скажем уведомлении, то вы сразу его увидите и можете на его ответить. Установка его проста. Нужно скопировать сам код и прописать его перед Код Поставить данный код перед </body> Теперь сам код: Код <style> .LsMesTitle {border:0px; border-top:1px solid #fff; border-bottom:1px solid #b7b7b7; background:#f1f1f1 url('http://zornet.ru/CSS-ZORNET/ZR/NET/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/ZR/NET/885217798.png') no-repeat 0px 0px; margin:0px; margin-top:-1px; cursor:pointer;} span.closeLs:hover {background:url('http://zornet.ru/CSS-ZORNET/ZR/NET/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/ZR/NET/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> |
Поделиться в социальных сетях
Материал разместил
Комментарии: 0 | |