Всплывающее уведомление о получении ЛС [punBB] [phpBB2]

Всплывающее уведомление о получении ЛС

В шаблоне overall_header вместо фрагмента

Код:

<!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->

поставьте

Код:

<!-- BEGIN switch_enable_pm_popup -->
$(document).ready(function() {
              $("body").append("<div class='jq_popuppm'><p class='message' style='font-size:19px; color:#501409;font-family:Georgia;'>Алле гараж, тебе письмо!</p><p class='click_view'><a href='http://адрес форума/privmsg?folder=inbox' class='view' title='Личные сообщения'>Перейти</a></p></div>");                         
              });
<!-- END switch_enable_pm_popup -->

Сохраните и опубликуйте.

В этом коде строчка

<p class='message' style='font-size:19px; color:#501409;font-family:Georgia;'>Алле гараж, тебе письмо!</p>

отвечает за текст в блоке
Так же в этой строчке указан цвет, размер и шрифт текста.
меняйте на свой текст.
И главное найдите в этом коде фрагмент

Код:

http://адрес форума

и замените его на ссылку на ваш форум

В CSS

Код:

/*оповещение о ЛС*/
.jq_popuppm {
background:#FF9494;  /*фон блока*/
position:fixed; /*блок на прокручивается с форумом*/
top:300px; /*отступ от верха*/
left:38%; /*отступ от левого края*/
height:80px; /*высота блока*/
width:280px; /*ширина блока*/
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
text-align:center;
-moz-box-shadow:inset 1px  -1px  21px  #5F1C0B; /*внутренняя тень*/
-webkit-box-shadow:inset 1px  -1px  21px  #5F1C0B; /*внутренняя тень*/
box-shadow:inset 1px  -1px  21px  #5F1C0B; /*внутренняя тень*/
padding-top:25px; /*верхний отступ текста в блоке*/
line-height:2.5em !important;
}

.click_view a {
color:#0020A9!important; /*цвет ссылки Перейти*/
font-family:Georgia; /*шрифт ссылки*/
font-size:17px; /*размер ссылки*/
}

.click_view a:hover {
color:#FF4A4A!important; /*цвет ссылки Перейти при наведении курсора*/
}

Сохранить

Результат

---

Вариант уведомления о получении ЛС вашей картинкой с написанным на ней вашим текстом.

В шаблоне overall_header (Верхняя часть страницы) найдите фрагмент

Код:

<!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->

и замените его на это

Код:

<!-- BEGIN switch_enable_pm_popup -->
      $(document).ready(function() {
              $("body").append("<div class='jq_popuppm'><p class='click_view'><a href='http://адрес форума/privmsg?folder=inbox' class='view' title='Личные сообщения'>Перейти</a></p></div>");                         
              });
      <!-- END switch_enable_pm_popup -->

Найдите в этом коде фрагмент

Код:

http://адрес форума

и замените его на адрес вашего форума

Сохраните и опубликуйте шаблон.

Затем в CSS поставьте коды оформления

Код:

/*оповещение о ЛС*/
.jq_popuppm {
background:url(ссылка на картинку); /*картинка всплывающего блока*/
background-repeat:no-repeat; /*не размножается*/
position:fixed; /*не прокручивается с форумом*/
top:150px; /*расположение от верха*/
left:38%;  /*расположение от левого края*/
height:100px;  /*высота картинки*/
width:300px;  /*ширина картинки*/
padding-top:70px; /*отступ ссылки Перейти от верха картинки*/
text-align:center;
}

.click_view a {
color:#0020A9!important; /*цвет ссылки Перейти*/
font-family:Georgia; /*шрифт ссылки*/
font-size:17px; /*размер ссылки*/
}

.click_view a:hover {
color:#FF4A4A!important; /*цвет ссылки Перейти при наведении курсора*/
}

Для того что бы вы видели это оповещение, в профиле в личных настройках у вас должно стоять ДА в пункте Открывать окно pop-up при новом личном сообщении :



Результат



Проверил работу в опере, мазиле и в IE10.
В браузере Хром не смог воспроизвести.
Что то где то в нём блокирует всплывающее окно.
Но сказали что в хроме тоже срабатывает.

---

Вот предоставляю несколько вариантов картинок.