Главная - Все для web-мастера uCoz

Уведомление о новом ЛС

Уведомление о новом ЛС
Скрипт уведомляет пользователей о новом личном сообщении. Скрипт проверяет на наличие сообщений и если они есть, то фиксированная кнопка, находящаяся с лева окна браузера, начинает моргать и показывает количество новых сообщений. При нажатии на нее в центре экрана открывается окно с темами сообщений. В скрипте есть автообновление, то есть пользователь всегда будет видеть наличие новых сообщений, если у него открыта страница сайта
Установка:

После < /head>:

Code
<?if($USER_LOGGED_IN$)?><script type="text/javascript" src="http://xn--g1acecr2a.xn--p1ai/avtorstvo/scripts/ls/script.js"></script><?endif?>


После < body>:

Code
<div id="ls"><img src="http://xn--g1acecr2a.xn--p1ai/avtorstvo/scripts/ls/mes.png" border="0" alt="ЛС" class="lsImg"><img src="http://xn--g1acecr2a.xn--p1ai/avtorstvo/scripts/ls/mes2.gif" border="0" alt="ЛС" class="lsImg1"><div class="mes"></div></div>


Перед </ body>:

Code
<div id="lsOkno"><div class="clo"><img src="http://xn--g1acecr2a.xn--p1ai/avtorstvo/scripts/ls/gtk-close.png" border="0" alt="Закрыть" width="24px" class="close"></div><div id="lsTe">Сообщений: <span class="mesSa">0</span><br><fieldset><legend>Сообщения:</legend><span class="temi">Сообщений нет</span></fieldset></div></div>


В CSS:

Code
#ls{
position:relative;
position:fixed;
bottom:154px; margin-left:-3px;
cursor:pointer;}
#ls:hover{margin-left:0;}
.lsImg{position:absolute;}
.lsImg1{position:absolute;display:none;}
.mes{position:absolute;top:21px; left:30px; color:#fff;font-size:12px;font-weight:bold;}
#lsOkno{
position:absolute;
position:fixed;
top:40%;
left:40%;
width:150px;
background: rgba(0, 0, 0, 0.9);
border:1px solid #999;  
border-radius:10px 0 10px 10px;
z-index:2;
display:none;
}
.clo{
text-align:right;
margin: -11px -11px 0 0;
}
.close{
cursor:pointer;
}
#lsTe{
text-align:left;
color:#fff;
font-weight:bold;
padding: 0 5px;
padding-bottom:5px;
}
.temi a{color:#fff;text-decoration:none;}
.temi a:hover{color:#999;}


Готово!

Источник: укозик.рф

Просмотров: 768 | Написал: (o)-$erega-(o) | Дата: 13.05.2012 | Комментарии: (3)
    Monti | 15.05.2012
    клёвый скрипт....спасибо большое создателю Аватар

    (o)-$erega-(o) | 16.05.2012
    Всегда пожалуйста :) Аватар

    Kulac | 05.07.2012
    Удобная вещица Аватар


info
Гостям нельзя оставлять комментарии. Зарегистрируйтесь или войдите под своим профилем

vk
Рекомендуем
Мини-чат
23:26
gameaslife
Парни помогите ! http://xn--g1acecr2a.xn--p1ai/board/skripty_ucoz/bot_dlja_mini_chata/1-1-0-581

19:05
380971489511
А как делать фон на сайте?

17:31
ferr-um
Страница материала - http://укозик.рф/board/skripty/umenshaem_izobrazhenija_v_informerakh_kommentakh/5-1-0-444

17:31
ferr-um
Скрипт хорош, решил потестировать и даже больше - использовать его и для уменьшения видео, так вот вроде бы все работает на IE и MF но вот Google Chrome вроде бы воспринимает скрипт, но после перезагрузки страницы картинки снова увеличенные ( кстати видео не увеличивается ) в чем может быть проблема? Заранее спасибо.

17:31
ferr-um
Я так понял сообщение отправить пока нет возможности, но вот ответ на вопрос хотелось бы получить, так как очень нужно и так:

23:02
Kulac
по моему, выглядит капельку лучше

00:51
Montik
Супер

04:46
Admin
Всем привет! Сайт переехал на новый хостинг!

Для добавления необходима авторизация
Реклама
Статистика
Яндекс.Метрика

Онлайн всего: 1
Гостей: 1
Пользователей: 0