Всплывающее приветствие

[fanatic]

Подскажите название мода всплывающего приветствия.
на этом тестовом форуме в верхнем правом углу http://vavanych.org.ru/testforum/index.php

[MAzZY]

Ужасная штука. Весь код находится прямо в странице и он очень длинный

[fanatic]

а есть чем заменить?

[Палыч]

fanatic
Ошибку в названии темы исправьте.

[vavanych]

По мотивам:
http://stanlemon.net/projects/jgrowl.html#samples
Мод позволяет выводить в сплывающем слои приветствие для гостей, а так же предупреждение о новых ЛС.

Открыть: overall_header.html
Найти:

Код: Выделить всё

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

После добавить:

Код: Выделить всё

<style type="text/css">

div.jGrowl {
   padding:          10px;
   z-index:          9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
   position:          absolute;
}

div.ie6.top-right {
   right:             auto;
   bottom:          auto;
   left:             expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
     top:             expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
   left:             expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
   top:             expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
   left:             expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
   top:             expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
   left:             expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
   top:             expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
   left:             expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
   top:             expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
   width:             100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
   position:         fixed;
}

body > div.jGrowl.top-left {
   left:             0px;
   top:             0px;
}

body > div.jGrowl.top-right {
   right:             0px;
   top:             0px;
}

body > div.jGrowl.bottom-left {
   left:             0px;
   bottom:            0px;
}

body > div.jGrowl.bottom-right {
   right:             0px;
   bottom:          0px;
}

body > div.jGrowl.center {
   top:             0px;
   width:             50%;
   left:             25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
   margin-left:       auto;
   margin-right:       auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
   background-color:       #000;
   color:                #fff;
   opacity:             .85;
   filter:             alpha(opacity = 85);
   zoom:                1;
   width:                235px;
   padding:             10px;
   margin-top:          5px;
   margin-bottom:          5px;
   font-family:          Tahoma, Arial, Helvetica, sans-serif;
   font-size:             12px;
   text-align:          left;
   display:             none;
   -moz-border-radius:    5px;
   -webkit-border-radius:   5px;
}

div.jGrowl div.jGrowl-notification {
   min-height:          40px;
}

div.jGrowl div.jGrowl-notification div.header {
   font-weight:          bold;
   font-size:            10px;
}

div.jGrowl div.jGrowl-notification div.close {
   float:                right;
   font-weight:          bold;
   font-size:             12px;
   cursor:               pointer;
}

div.jGrowl div.jGrowl-closer {
   height:             15px;
   padding-top:          4px;
   padding-bottom:       4px;
   cursor:             pointer;
   font-size:            11px;
   font-weight:          bold;
   text-align:          center;
}

</style>
      <script type="text/javascript" src="http://www.YOURURL.com/FORUM/js/jgrowl/jquery-1.3.2.js"></script>
      <script type="text/javascript" src="http://www.YOURURL.com/FORUM/js/jgrowl/jquery.ui.all.js"></script>
      <script type="text/javascript" src="http://wwwYOURURL.com/FORUM/js/jgrowl/jquery.jgrowl.js"></script>

Не забывайте исправить путь к файлам JS (смотря куда зальете)
Найти:

Код: Выделить всё

<!-- IF S_USER_PM_POPUP -->
   if ({S_NEW_PM})
   {
      popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
   }
<!-- ENDIF -->

Найденное удалить.
Найти:

Код: Выделить всё

    </head>

Перед добавить:

Код: Выделить всё

<script type="text/javascript">

      // In case you don't have firebug...
      if (!window.console || !console.firebug) {
         var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
         window.console = {};
         for (var i = 0; i < names.length; ++i) window.console[names[i]] = function() {};
      }

      (function($){

         $(document).ready(function(){

            // This value can be true, false or a function to be used as a callback when the closer is clciked
            $.jGrowl.defaults.closer = function() {
               console.log("Closing everything!", this);
            };
            
            // A callback for logging notifications.
            $.jGrowl.defaults.log = function(e,m,o) {
               $('#logs').append("<div><strong>#" + $(e).attr('id') + "</strong> <em>" + (new Date()).getTime() + "</em>: " + m + " (" + o.theme + ")</div>")
            }            
            <!-- IF S_DISPLAY_PM and (S_USER_NEW_PRIVMSG or S_USER_UNREAD_PRIVMSG) -->
            $.jGrowl("You have {PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD --> and {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF -->.", { header: 'Hello {S_USERNAME}', sticky: true, });
            <!-- ENDIF -->
            
            <!-- IF not S_IS_BOT and not S_USER_LOGGED_IN -->
            $.jGrowl("Welcome to {SITENAME} If you are a registered user, Log In, Otherwise feel free to register.", { header: 'Hello Guest', sticky: true, });
            <!-- ENDIF -->
         });
      })(jQuery);

      </script>

jgrowl.rar

Автор: Earni
От себя :
Найти :

Код: Выделить всё

  <!-- IF S_DISPLAY_PM and (S_USER_NEW_PRIVMSG or S_USER_UNREAD_PRIVMSG) -->
            $.jGrowl("You have {PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD --> and {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF -->.", { header: 'Hello {S_USERNAME}', sticky: true, });
            <!-- ENDIF -->

Заменить на:

Код: Выделить всё

  <!-- IF S_DISPLAY_PM and (S_USER_NEW_PRIVMSG or S_USER_UNREAD_PRIVMSG) -->
            $.jGrowl("You have <a href='{U_PRIVATEMSGS}'>{PRIVATE_MESSAGE_INFO}</a><!-- IF PRIVATE_MESSAGE_INFO_UNREAD --> and <a href='{U_PRIVATEMSGS}'>{PRIVATE_MESSAGE_INFO_UNREAD}</a><!-- ENDIF -->.", { header: 'Hello {S_USERNAME}', sticky: true, });
            <!-- ENDIF -->

Добавлено спустя 2 минуты 57 секунд:
Если jquery уже подключен, повторно этого не надо делать.

[Nekstati]

Мод позволяет выводить в сплывающем слои приветствие для гостей

Мод позволяет отпугивать гостей, как надоедливый слепень. Хотя, если гости не нужны, то можно ставить. Это имхо, само собой.

[vavanych]

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

[fanatic]

А есть где дэмку посмотреть?

[vavanych]

Мой пост выше, ответ на ваш вопрос в первом посте.

[Stern]

Сделал все, как написано, но никакие всплывающие окна не появляются...
Может кто подскажет, что не так?
Использую IE 8.0

Добавлено спустя 5 минут 50 секунд:
Файлы из jgrowl.rar положил в ту же папку, где overall_header.html... путь к ним поменял...
Правда вот этого файла в архиве не обнаружено - query.ui.all.js