Pop-Up Новые личные сообщения

Вариантов множество, вот один из них, пример:


Что для этого нужно? Идем в Шаблоны и открываем overall_header, можно воспользоваться поиском, можно и прокруткой, нам нужно найти:

Код:


         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      

Заменяем эти две строки на следующее:

Код:

 $(document).ready(function() {
              $("body").append("<div id='form_popuppm'><div class='jq_popuppm'><p class='close_win'><a href='#' class='close' onClick='$(\"#form_popuppm\").hide()' title='Закрыть конверт'>[x]</a></p><p class='new_message'>Новое сообщение</p><p class='click_view'><a href='http://адрес_вашего_форума/privmsg?folder=inbox' class='view' title='Личные сообщения'>Перейти</a></p></div></div>");
            $("#form_popuppm").hide();
              $("#form_popuppm").show(1000);
              });

Обязательно в строке: адрес_вашего_форума - пропишете адрес своего форума.
Здесь же находим:

Код:

<script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->

И прямо над найденным вставляем:

Код:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Сохраняемся и публикуем шаблон. Переходим к Каскадная таблица стилей CSS и вставляем в CSS:

Код:

/* Popup PM */
    #form_popuppm {
      overflow: hidden;
      width: 530px;
      height: 446px;
      position: fixed;
      top: 30px;
      left: 360;
      -webkit-transition: all 1s ease-in-out .3s;
      -moz-transition: all 1s ease-in-out .3s;
      -o-transition: all 1s ease-in-out .3s;
      transition: all 1s ease-in-out .3s;
    }
     
    #form_popuppm:before {
      content:"";
      position: absolute;
      bottom: 128px;
      left: 0px;
      background: url("http://img-fotki.yandex.ru/get/5641/42180291.2a/0_8353d_1e320b3c_XL.png.jpg");
      width: 530px;
      height: 316px;
    }
     
    #form_popuppm:after {
      content:"";
      position: absolute;
      bottom: 0px;
      left: 0;
      background:url("http://img-fotki.yandex.ru/get/5646/42180291.2a/0_8353c_58aca768_XL.png.jpg");
      width: 530px;
      height: 260px;
    }

    #form_popuppm.hide:after, #form_popuppm.hide:before {
      display: none;
    }

    #form_popuppm:hover {
      height: 576px;
      top: -100px;
    }

    .jq_popuppm {
      background: url("http://img-fotki.yandex.ru/get/5626/42180291.2a/0_83543_477de619_XS.png.jpg") repeat 0 0 #f7f2ec;
      position: relative;
      top: 200px;
      overflow: hidden;
      height: 200px;
      width: 400px;
      margin: 0px auto;
      padding: 20px;
      border: 1px solid #fff;
      border-radius: 3px;
      -moz-border-radius: 3px; -webkit-border-radius: 3px;
      box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
      -moz-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 14px #fff;
      -webkit-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
      -webkit-transition: all 1s ease-in-out .3s;
      -moz-transition: all 1s ease-in-out .3s;
      -o-transition: all 1s ease-in-out .3s;
      transition: all 1s ease-in-out .3s;
    }

    #form_popuppm:hover .jq_popuppm {
      height: 330px;
    }

    .jq_popuppm p.close_win {
      text-align: right;
    }

    .jq_popuppm a.close {
      font-size: 10px;
    }

    .jq_popuppm p.click_view {
      text-align: center;
    }

    .jq_popuppm a.view {
      font-size: 13px;
    }

    .jq_popuppm p.new_message {
      margin-top: 20px;
      text-align: center;
      font-size: 1.3em;
    }
    .jq_popuppm cite {
      font-size: 12px;
      text-align: center;
      display: block;
      margin-top: 100px;
    }

Здесь даны ссылки на конвертик без голубя и ружья. Можете придумать свой конвертик, тогда прописывайте ссылки на свои изображения. Все, сохраняетесь. Обязательно в Профиле должна быть активирована опция о всплывающем окне, при получении нового ЛС.

А может есть вариант для ВВ3 ??? Очень интересное решение

Леший, вся фишка в редактировании шаблона. С другой стороны, можно поэксперементировать со скриптом в виджет, но, для этого у меня нет форума на третьем бобике...

sapro, огромное вам спасибо!
Как раз ищу для своих форумов такую фишку.

Жалко ((( Надо подгонять поб ВВ3 . Так не работает . Очень жаль

Так не работает .

Леший Так работать и не будет... Появилась возможность провести пробу, о результатах отпишусь...

sapro, огромное вам спасибо!

Да не за что, Мишель, мы же как семья - все под одной крышей...

sapro . Спасибо . Значит есть надежда ??? )))

Леший, пока смог только это сделать - работает анимация (видно по скринам), по клику переходит в папку "Входящие". Отсутствует функционал: собственно появление при ЛС, закрытие конверта с глаз долой и схлопывание при прочтении ЛС. Для всего этого надо варганить скрипт - на днях постараюсь написать и протестировать... Извини...

sapro Знаешь , я уже привык , что на ВВ3 пастоянно обломы ))) Я бы сменил движок но очень много вбухано в него , и это по новой всё надо делать . Спасибо огромное за помощь . Буду очень признателен .
И если возможно такое , то и звуковое сопровождение , типа СМС прикрутить , ну это как вариант идеальный

sapro ..очень классная штука..особенно с возможностью настройки и подгонки размеров и цветов...спасибо огромное.

sapro, и правду огромное спасибо. Функция очень полезная и интересная, к тому же ещё и настройки имеются.

Извиняюсь что влез в тему.
Хочу предложить свой, более простой вариант.
В шаблоне overall_header вместо фрагмента

Код:


        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        pm.focus();
     

поставьте

$(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>");
});

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

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

отвечает за текст в блоке
меняйте на свой текст.

Так же в этой строчке указан цвет, размер и шрифт текста.

Скрипт аякса предлженный в первом сообщении

Код:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

ставить не надо.

В 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{
font-family:Georgia; /*шрифт ссылки Перейти*/
font-size:17px;  /*размер ссылки Перейти*/
}

Сохранить

Результат

Леший пишет:sapro Знаешь , я уже привык , что на ВВ3 пастоянно обломы ))) Я бы сменил движок но очень много вбухано в него , и это по новой всё надо делать . Спасибо огромное за помощь . Буду очень признателен .
И если возможно такое , то и звуковое сопровождение , типа СМС прикрутить , ну это как вариант идеальный

Сорьки За Не по теме... я поменял движок - с минимальными потерями...

после этого большую часть CSS с ББ3 перегрузил на ББ2.. все работает

В твоем случае - без тестовика не обойтись... много переделок надо сделать...

И опять Поднимаю тему

Нет,Леший. На 3 бобик не получится, я пробовал.
Но если скинешь CSS свою и движок на который надо перевести форум я оптимизирую CSS под нужную версию движка.

Нет,Леший. На 3 бобик не получится

Для phpbb 3 конвертик делается, процесс продвигается медленно, но уверено, осталось только реализовать всего одну фишку - убирание при прочтении ЛС.

И появление при получении, собственно

С этим уже все гуд...

Не думал, что такое возможно.
Хотя я JavaScript можно сказать не учил....

sapro пишет:
Для phpbb 3 конвертик делается, процесс продвигается медленно, но уверено, осталось только реализовать всего одну фишку - убирание при прочтении ЛС.

Продолжаем ждать )))

Леший, смотри тут: https://help.forum2x2.ru/t31892-topic#225170 - подробности в ЛС.

я все сделала,но у меня что-то не работает((( не всплывает окно

а нет,работает))просто на портале всплывает))а вот нажимаю в конвертике "перейти" и не работает,в смысле,не переходит автоматом в личку

Ну вариант на вскидку . Стоит запрет на всплывающие окна в браузере

Вариант решения здесь

вот интересно,мне только один раз пришел и все,больше не появляется конверт,а у собеседника моего работает,но пропадает после обновления страницы...черте что....