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

  


Клевое уведомление о новых лс сообщений,вы никогда не пропустите сообщение с помощью данного скрипта,уведомление появляется с боку экрана,вообщем на скрине видно,и так
Установка:
После < /head>:
Code
<script type="text/javascript" src="http://webo4ka.ru/Ucoz6/yvedomlenie_o_novom_lc_script.js"></script>

После < body>:
Code
<div id="ls"><img src="http://webo4ka.ru/Ucoz6/yvedomlenie_o_novom_lc_mes.png" border="0" alt="ЛС" class="lsImg"><img src="http://webo4ka.ru/Ucoz6/yvedomlenie_o_novom_lc_mes2.gif" border="0" alt="ЛС" class="lsImg1"><div class="mes"></div></div>


Перед :
Code
<div id="lsOkno"><div class="clo"><img src="http://webo4ka.ru/Ucoz6/yvedomlenie_o_novom_lc_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;}


Готово!

TEXT.RU - 100.00% Уведомление о новом ЛС - Cкрипты для uCoz - Каталог файлов - Все для uCoz, DLE, Joomla, скрипты для uCoz

Категория: Cкрипты для uCoz Просмотров: 913