Уведомление ЛС на сайте о новом
Чтоб уведомление было не стандартным которое идет с системой ucoz. То его можно заменить на более красивое и функциональное, которое вы видите на картинке. Оно будет появится на всех страницах сайта, а также если у вас установлено яхо окно то оно будет в в нем. Полностью рабочие, и не будет не сколько грузить ваш портал. Установка: CSS: Код .LsMesTitle {border:0px; border-top:1px solid #fff; border-bottom:1px solid #b7b7b7; background:#f1f1f1 url('http://zornet.ru/zorner_ru_1/Veb/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;} Код сообщение: Код <?if($USER_LOGGED_IN$ and $IS_NEW_PM$ || $UNREAD_PM$)?><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><?endif?> |
Поделиться в социальных сетях
Материал разместил
Комментарии: 0 | |