Новое окно оповещения о новом личном сообщении(ниях)
с аватаром пользователя,приветствием в
зависимости от времени суток,ником пользователя,количеством непрочитанных сообщений.
Входя на сайт Вы увидите следующее:
(если у Вас есть сообщения,если нет-то не увидите)
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://3aka4ka.net.ru/img/JS/231sd12fds.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://3aka4ka.net.ru/img/JS/213wwwwwssc.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://3aka4ka.net.ru/img/JS/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_........$) и вставляем в шаблоны страниц сайта,на которх Вы хотите этот блок видеть(ПУ | Управление дизайном)