Вы вошли как Гость | Группа "Гости" | RSS

Главная » 2010 » Ноябрь » 5 » Новое окно оповещения о новом ЛС (СУПЕР)
07:57
Новое окно оповещения о новом ЛС (СУПЕР)



Новое окно оповещения о новом ЛС (СУПЕР)

Новое окно оповещения о новом личном сообщении(ниях)
с аватаром пользователя,приветствием в
зависимости от времени суток,ником пользователя,количеством непрочитанных сообщений.
Входя на сайт Вы увидите следующее:
(если у Вас есть сообщения,если нет-то не увидите)

Инструкция по установке:

1. В ПУ идем в "Управление дизайном" | "Глобальные блоки" и
создаем новый глобальный блок,в шаблон которого вставляем следующий код:

Code
<!--PM POPUP START-->
  
  <style type="text/css">.cpmpopup {position:absolute;top:0px;left:0px;width:100%}div > div.cpmpopup {position:fixed;}</style>
  <!--[if gte IE 5.5]><![if lt IE 8]><style type="text/css">div#upmpopup {width:expression(((ignoreMe=(document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth))<200?200: ignoreMe)+'px');position:absolute;top:expression((ignoreMe2=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+'px');left:expression((ignoreMe=document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft)+'px');}</style><![endif]><![endif]-->
  <div id="ppmpopup">
  <div class="cpmpopup" id="upmpopup">
  <!--BODY PM START-->
  <style type="text/css">
  #newpm { position:absolute; height:235px; width:405px; padding:4px; background-color:#ffffff; border:2px solid #505050; border-collapse: collapse; font-family:Tahoma,Arial,Sans-Serif; font-size:11px; line-height:135%; filter:progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); }
  #newpmheader { padding-left:25px; padding-right:10px; padding-top:7px; height:25px; color:#000000; background-color:#f2e8c9; border:1px solid #ff0000; font-family:Tahoma,Arial,Sans-Serif; font-size:11px; cursor:move; }
  #newpm a{ background:transparent; color:#4191BA; text-decoration:none; }
  #newpm a:hover{ background:transparent; color:#FF0000; text-decoration:underline; }
  </style>
  <div id="newpm" style="display:none;">
  <div id="newpmheader">
  <div style="float:right"><a href="javascript://" onclick="document.getElementById('newpm').style.display='none'; return false;"><img src="http://romale80.ucoz.ru/post/ps3.png" border="0"></a></div>
  <div title="Новое Личное сообщение"><b>Новое Личное сообщение</b></div>
  </div> <br>

   
  <!--/--><!--/--><img src="http://romale80.ucoz.ru/post/ps4.png" align="left" border=0><!--/--><!--/--> <SCRIPT LANGUAGE="JavaScript">
currentTime = new Date();
if (currentTime.getHours() >= 6 && currentTime.getHours() <= 11 )
document.write("Доброе утро ");
if (currentTime.getHours() >= 12 && currentTime.getHours() <= 17 )
document.write("Добрый день ");
if (currentTime.getHours() >= 18 && currentTime.getHours() <= 23)
document.write("Добрый вечер ");
if (currentTime.getHours() >= 0 && currentTime.getHours() <= 5)
document.write("Доброй ночи ");
  </SCRIPT> <b>$USERNAME$</b> у вас есть непрочитанные сообщения ! <font color="#ff0000"><b>($UNREAD_PM$)</b></font>
  </p>
  </p>
<div align="left"><img style="border: medium none ; padding-right: 5px; padding-bottom: 5px;" class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" align="left" border="1" hspace="3" vspace="0" height="50px" ><div align="justify"><img class="userAvatar" title="$USERNAME$" src="http://romale80.ucoz.ru/noavatar.gif.png" align="left" border="1" vspace="0" height="50px" hspace="3">
<!--IF-->
Уважаемый (ая) <font color="#0000cd"><b> $USERNAME$ </b></font>. Уведомляем Вас , что с момента Вашего последнего визита на сайт , Вам было прислано новое персональное сообщение .
<br><br>
  </p>
  <div align="center">Для того чтобы прочитать сообщение или закрыть это окно , пожалуйста нажмите на ссылку ниже...</div><br><br>
  <div align="center"> <font style="font-size:14px;"><a href="javascript://" onClick="window.open('/index/14','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350') || alert('Отключите блокировку всплывающих окон!'); return false;"><font color="#00ff09"><b>Прочитать</b></font></a>
   
  <a href="javascript://" onclick="document.getElementById('newpm').style.display='none'"><font color="#ff0000"><b>Закрыть</b></font></a> </font>
  </div>
   
  <!--BODY PM END-->
  </div>
  </div>
  <!--SCRIPT PM START-->
  <script type="text/javascript" src="http://romale80.ucoz.ru/post/pm.js"></script>
  <script type="text/javascript">document.getElementById("ppmpopup").style.height=document.getElementById("upmpopup").offsetHeight+'px';</script>
  <!--SCRIPT PM END-->
  
  <!--PM POPUP END-->

Сохраняем!!!

После этого копируем код этого блока ($GLOBAL_........$) и
вставляем в шаблоны страниц сайта перед тегом </body>,на которх Вы хотите этот блок
видеть(ПУ | Управление дизайном)

Материал взят с сайта infoscript.ru


Источник/Автор: romale1980
Поделись ссылкой

  • - ссылка
  • - BBCode
  • - HTML





    Просмотров: 738 | Добавил: ed127 | Теги: Новое окно оповещения о новом ЛС (С | Рейтинг: 0.0/0 | |
    Новости по теме:
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Сделать бесплатный сайт с uCoz

    www.owi.3dn.ru © Все права защищены! 2010-2011 Сайт оптимизирован под разрешение экрана 1280х1024 и браузеры Mozila Firefox
    Загрузка...