Всплывающее уведомление о получении ЛС [punBB] [phpBB2]
Страница 1 из 1
Всплывающее уведомление о получении ЛС [punBB] [phpBB2]
Всплывающее уведомление о получении ЛС
В шаблоне overall_header вместо фрагмента
В этом коде строчка
Так же в этой строчке указан цвет, размер и шрифт текста.
меняйте на свой текст.
И главное найдите в этом коде фрагмент
В CSS
Результат
Вариант уведомления о получении ЛС вашей картинкой с написанным на ней вашим текстом.
В шаблоне overall_header (Верхняя часть страницы) найдите фрагмент
Сохраните и опубликуйте шаблон.
Затем в CSS поставьте коды оформления
Для того что бы вы видели это оповещение, в профиле в личных настройках у вас должно стоять ДА в пункте Открывать окно pop-up при новом личном сообщении :
Результат
Проверил работу в опере, мазиле и в IE10.
В браузере Хром не смог воспроизвести.
Что то где то в нём блокирует всплывающее окно.
Но сказали что в хроме тоже срабатывает.
Вот предоставляю несколько вариантов картинок.
Отдельное спасибо за идею 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.
В браузере Хром не смог воспроизвести.
Что то где то в нём блокирует всплывающее окно.
Но сказали что в хроме тоже срабатывает.
Вот предоставляю несколько вариантов картинок.
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|