Вы не подключены. Войдите или зарегистрируйтесь

Предыдущая тема Следующая тема Перейти вниз  Сообщение [Страница 1 из 1]

Admin

avatar

Создательфорума
Создательфорума
Всплывающее уведомление о получении ЛС
Отдельное спасибо за идею 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; /*цвет ссылки Перейти при наведении курсора*/
}
Сохранить
Результат
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Вариант уведомления о получении ЛС вашей картинкой с написаным на ней вашим текстом.
В шаблоне 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.
В браузере Хром не смог воспроизвести.
Что то где то в нём блокирует всплывающее окно.
Но сказали что в хроме тоже срабатывает.
Вот предоставляю несколько вариантов картинок.

Вот предоставляю несколько вариантов картинок.[/font][/color]
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] [Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

http://forum.fanbb.net

Предыдущая тема Следующая тема Вернуться к началу  Сообщение [Страница 1 из 1]

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