[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Окно оповещения о новом ЛС
BitchДата: Понедельник, 29.03.2010, 21:39 | Сообщение # 1

Подполковник

Сообщений: 135


[ 0 ]


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

Установка:
1. В ПУ идем в "Управление дизайном" | "Глобальные блоки" и
создаем новый глобальный блок,в шаблон которого вставляем следующий код:
Code
<!--PM POPUP START-->     
     <?if($USER_LOGGED_IN$)?><?if($IS_NEW_PM$)?>     
     <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>     
     <?if($USER_LOGGED_IN$)?></p><?endif?>     
<?if($USER_AVATAR_URL$)?><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"><?else?><div align="justify"><img class="userAvatar" title="$USERNAME$" src="http://romale80.ucoz.ru/noavatar.gif.png" align="left" border="1" vspace="0" height="50" hspace="3"><?endif?>     
<!--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-->     
     <?endif?><?endif?>     
     <!--PM POPUP END-->

Сохраняем!!!
2.После этого копируем код этого блока ($GLOBAL_........$) и
вставляем в шаблоны страниц сайта,на которх Вы хотите этот блок
видеть(ПУ | Управление дизайном)
  • Страница 1 из 1
  • 1
Поиск: