Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Всплывающее уведомление о получении ЛС [punBB] [phpBB2] Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!


Join the forum, it's quick and easy

Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Всплывающее уведомление о получении ЛС [punBB] [phpBB2] Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Вы хотите отреагировать на этот пост ? Создайте аккаунт всего в несколько кликов или войдите на форум.

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

Перейти вниз

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

Сообщение автор Домовой Вс 31 Мар - 14:29

Всплывающее уведомление о получении ЛС
Отдельное спасибо за идею sapro
источник

В шаблоне 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; /*цвет ссылки Перейти при наведении курсора*/
}
Сохранить

Результат

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



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

В шаблоне 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 при новом личном сообщении :

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

Результат

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

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



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

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

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

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

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

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

Мужчина
Сообщения : 6788
Возраст : 100
Место обитания : Самара
Регистрация : 2010-01-30
Благодарности : 3141

Без предупреждений

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения