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

Нам потребуется небольшая правка скрипта, установленного в overall_header.html и CSS оформление модального окна.

Шаблон overall_header.html, ищем:

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

<script type="text/javascript">
// <![CDATA[
   var jump_page = '{LA_JUMP_PAGE}:';
   var on_page = '{ON_PAGE}';
   var per_page = '{PER_PAGE}';
   var base_url = '{A_BASE_URL}';
   var style_cookie = 'phpBBstyle';
   var style_cookie_settings = '{A_COOKIE_SETTINGS}';
   var onload_functions = new Array();
   var onunload_functions = new Array();

   <!-- IF S_USER_PM_POPUP -->
      if ({S_NEW_PM})
      {
         var url = '{UA_POPUP_PM}';
         window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
Перед найденным ставим библиотеку jQuery:

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
Если у вас уже установлена библиотека, то можно не ставить.

Две последних строки комментируем или удаляем

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

         //var url = '{UA_POPUP_PM}';
         //window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
Вместо них, или после них, ставим:

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

          $(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='{L_CLOSE_WINDOW}'>[x]</a></p><p class='new_message'>{L_NEW_MESSAGE}</p><p class='click_view'><a href='ucp.php?i=pm&folder=inbox' class='view' title='{L_GO}'>{L_GO}</a></p><cite>http://cabinetadmina.ru/</cite></div></div>");
         $("#form_popuppm").hide();
           $("#form_popuppm").show(1000);
          });
Открываем тему стиля, в самый конец добавляем CSS нашего модального окна. Модальное окно в виде конверта:

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

/* Popup PM */
#form_popuppm { 
	overflow: hidden; 
	width: 530px;
	height: 446px; 
	position: fixed; 
	top: 0px;
	left: 0;
	-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("./images/popuppm-before.png");
	width: 530px;
	height: 316px;
}
    
#form_popuppm:after {
	content:"";
	position: absolute;
	bottom: 0px;
	left: 0;
	background:url("./images/popuppm-after.png");
	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("./images/popuppm-letter_bg.png") 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;
}
Получаем:
Файлы:
Конверт.rar
220.15 КБ 462 скачивания

Ещё один вариант стильного отображения окна.
Замена в скрипте:

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

          $(document).ready(function() {
           $("body").append("<div id='form_popuppm'><h1>{L_MESSAGE}</h1><a href='#' class='close' onClick='$(\"#form_popuppm\").hide()' title='{L_CLOSE_WINDOW}'>[x]</a><p>{L_NEW_MESSAGE}</p><a href='ucp.php?i=pm&folder=inbox' class='view' title='{L_GO}'>{L_GO}</a><cite>http://cabinetadmina.ru/</cite></div>");
         $("#form_popuppm").hide();
           $("#form_popuppm").show(1000);
          });
CSS:

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

/* Popup PM */
#form_popuppm h1 {
	font-family: Verdana, sans-serif;
	text-align: center;
	font-size: 30px;
	padding: 0;
	margin: 0 0 20px 0;
	position: relative;
	color: #8C8C8C;
}

#form_popuppm h1:after {
	font-size: 25px;
	color: #D6CFCB;
	content: '&'; 
	text-align: center;
	display: block;
	width: 100%;
	font-family: Verdana, serif;
	text-shadow: 0px 1px 0px #fff;
}

#form_popuppm h1:before {
	position: absolute;
	bottom: 15px;
	content: ' '; 
	text-align: center;
	display: block;
	height: 2px;
	width: 100%;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(182,180,180,0.7) 42%, rgba(180,178,178,0) 43%, rgba(168,166,166,0) 50%, rgba(180,178,178,0) 57%, rgba(182,180,180,0.7) 58%, rgba(238,237,237,0.3) 90%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(42%,rgba(182,180,180,0.7)), color-stop(43%,rgba(180,178,178,0)), color-stop(50%,rgba(168,166,166,0)), color-stop(57%,rgba(180,178,178,0)), color-stop(58%,rgba(182,180,180,0.7)), color-stop(90%,rgba(238,237,237,0.3)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(182,180,180,0.7) 42%,rgba(180,178,178,0) 43%,rgba(168,166,166,0) 50%,rgba(180,178,178,0) 57%,rgba(182,180,180,0.7) 58%,rgba(238,237,237,0.3) 90%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(182,180,180,0.7) 42%,rgba(180,178,178,0) 43%,rgba(168,166,166,0) 50%,rgba(180,178,178,0) 57%,rgba(182,180,180,0.7) 58%,rgba(238,237,237,0.3) 90%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(182,180,180,0.7) 42%,rgba(180,178,178,0) 43%,rgba(168,166,166,0) 50%,rgba(180,178,178,0) 57%,rgba(182,180,180,0.7) 58%,rgba(238,237,237,0.3) 90%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(182,180,180,0.7) 42%,rgba(180,178,178,0) 43%,rgba(168,166,166,0) 50%,rgba(180,178,178,0) 57%,rgba(182,180,180,0.7) 58%,rgba(238,237,237,0.3) 90%,rgba(255,255,255,0) 100%); /* W3C */

}
 
#form_popuppm {
	position: fixed;
	top: 50px;
	left: 50px;
	width: 400px;
	min-height: 200px;
	z-index: 100;
	padding: 30px;
	border: 1px solid #383838;
	color: #7F7E7E;
	font-size: 15px;
    
	background: #D1D1D1; /* Old browsers */
	background: -moz-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */
	background: -webkit-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */
	background: -o-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */
	background: repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px); /* FF3.6+ */

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 0px 1px 6px #3F3F3F;
	-moz-box-shadow: 0px 1px 6px #3F3F3F;
	box-shadow: 0px 1px 6px #3F3F3F;
}

#form_popuppm:after {
	background: #F9F9F9;
	margin: 10px;
	position: absolute;
	content : " ";
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: -1; 
	border: 1px #E5E5E5 solid;       

	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}

#form_popuppm a.view {
	margin-left: 300px;
	cursor: pointer;
	background: none;
	border: none;
	font-family: Georgia;
	color: #767676;
	font-size: 18px;
	padding: 10px 15px;
	border: 1px solid #E0E0E0;
	text-shadow: 0px 1px  1px #E8E8E8;
	background: rgb(247,247,247);
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 1%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,247,247,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%);
	background: linear-gradient(top,  rgba(247,247,247,1) 1%,rgba(242,242,242,1) 100%);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0px 1px 1px #FFF inset, 0 0 0px 5px #EAEAEA;
	-moz-box-shadow: 0px 1px 1px #FFF inset,	0 0 0px 5px #EAEAEA;
	box-shadow: 0px 1px 1px #FFF inset, 0 0 0px 5px #EAEAEA;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#form_popuppm a.view:hover{
	color: #686868;
	text-decoration: none;
	border-color: #CECECE;
	background: rgb(244,244,244);
	background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%);
	background: linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(242,242,242,1) 100%);

	-webkit-box-shadow:0px 1px 1px #FFF inset, 0 0 0px 5px #E0E0E0;
	-moz-box-shadow:0px 1px 1px #FFF inset, 0 0 0px 5px #E0E0E0;
	box-shadow:0px 1px 1px #FFF inset, 0 0 0px 5px #E0E0E0;        
}

#form_popuppm a.view:active,
#form_popuppm a.view:focus{
	position: relative;
	top: 1px;
	color: #515151;
	background: rgb(234,234,234);
	background: -moz-linear-gradient(top,  rgba(234,234,234,1) 0%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%);
	background: linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(242,242,242,1) 100%);

	-webkit-box-shadow: 0px -1px 1px #FFF inset, 0 0 0px 5px #E0E0E0;
	-moz-box-shadow: 0px -1px 1px #FFF inset, 0 0 0px 5px #E0E0E0;
	box-shadow: 0px -1px 1px #FFF inset, 0 0 0px 5px #E0E0E0;
}

#form_popuppm a.close {
	right: 15px;
	position: absolute;
	top: 15px;
	font-size: 15px;
	color: #7F7E7E;
}

#form_popuppm cite {
	font-size: 13px;
	position: absolute;
	bottom: 10px;
	left: 30px;
}
Получаем:

Для оформления наших окон используется CSS3, псевдоэлементы :before и :after, градиенты, тени и многое другое. Поэтому правильно отображаться окна будут только в современных браузерах.
Комментарии: 40

silver073000Василий 04 авг 2015, 22:47 Сообщение

А как правильно прикрутить это уведомление к новой версии phpbb? :) Интересует второй вариант, в котором не используются картинки :)
  • 0

CabinetAdmin 05 авг 2015, 14:50 Сообщение

Не пробовал. В новой версии теперь ведь нет таких всплывающих окон. Надо будет посмотреть, что к чему.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

CabinetAdmin 05 авг 2015, 16:58 Сообщение

Можно попробовать такой вариант.
В футере перед <!-- EVENT overall_footer_after --> ставим:

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

<!-- IF S_NEW_PM -->
<script type="text/javascript">
$(document).ready(function() {
	$("body").append("<div id='form_popuppm'><h1>{L_MESSAGE}</h1><a href='#' class='close' onClick='$(\"#form_popuppm\").hide();return false;' title='{L_CLOSE_WINDOW}'>[x]</a><p>{L_NEW_MESSAGE}</p><a href='ucp.php?i=pm&folder=inbox' class='view' title='{L_GO}'>{L_GO}</a><cite>{SITENAME}</cite></div>");
	$("#form_popuppm").hide();
	$("#form_popuppm").show(1000);
});
</script>
<!-- ENDIF -->
В стили (хоть куда:))

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

/* Popup PM */
#form_popuppm {
	background: #D1D1D1;
	background: -moz-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px);
	background: -webkit-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px);
	background: -o-repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px);
	background: repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px);
	border: 1px solid #383838;
	border-radius: 8px;
	box-shadow: 0 1px 6px #3F3F3F;
	color: #7F7E7E;
	font-size: 14px;
	left: 50px;
	min-height: 200px;
	padding: 30px;
	position: fixed;
	text-align: center;
	top: 50px;
	width: 400px;
	z-index: 100;
}
 
#form_popuppm:after {
	background: #F9F9F9;
	border: 1px solid #E5E5E5; 
	border-radius: 8px;
	bottom: 0;
	content : '';
	left: 0;
	margin: 10px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1; 
}

#form_popuppm h1 {
	color: #8C8C8C;
	font-family: Verdana, sans-serif;
	font-size: 28px;
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
	text-align: center;
}
 
#form_popuppm h1:after {
	color: #D6CFCB;
	content: '&';
	display: block;
	font-family: Verdana, serif;
	font-size: 25px;
	text-align: center;
	text-shadow: 0 1px 0px #fff;
	width: 100%;
}
 
#form_popuppm h1:before {
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(182,180,180,0.7) 42%, rgba(180,178,178,0) 43%, rgba(168,166,166,0) 50%, rgba(180,178,178,0) 57%, rgba(182,180,180,0.7) 58%, rgba(238,237,237,0.3) 90%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(182,180,180,0.7) 42%,rgba(180,178,178,0) 43%,rgba(168,166,166,0) 50%,rgba(180,178,178,0) 57%,rgba(182,180,180,0.7) 58%,rgba(238,237,237,0.3) 90%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(182,180,180,0.7) 42%,rgba(180,178,178,0) 43%,rgba(168,166,166,0) 50%,rgba(180,178,178,0) 57%,rgba(182,180,180,0.7) 58%,rgba(238,237,237,0.3) 90%,rgba(255,255,255,0) 100%);
	background: linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(182,180,180,0.7) 42%,rgba(180,178,178,0) 43%,rgba(168,166,166,0) 50%,rgba(180,178,178,0) 57%,rgba(182,180,180,0.7) 58%,rgba(238,237,237,0.3) 90%,rgba(255,255,255,0) 100%);
	bottom: 15px;
	content: '';
	display: block;
	height: 2px;
	position: absolute;
	text-align: center;
	width: 100%;
}
 
#form_popuppm a.view {
	background: #F9F9F9;
	background: -moz-linear-gradient(top, #F9F9F9 1%, #F3F3F3 100%);
	background: -webkit-linear-gradient(top, #F9F9F9 1%, #F3F3F3 100%);
	background: -o-linear-gradient(top, #F9F9F9 1%, #F3F3F3 100%);
	background: linear-gradient(top, #F9F9F9 1%, #F3F3F3 100%);
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	box-shadow: 0 1px 1px #FFF inset, 0 0 0 5px #EAEAEA;
	color: #767676;
	cursor: pointer;
	display: inline-block;
	font-family: Georgia;
	font-size: 16px;
	padding: 10px 15px;
	text-shadow: 0 1px 1px #E8E8E8;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
 
#form_popuppm a.view:hover {
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4 0%, #F2F2F2 100%);
	background: -webkit-linear-gradient(top, #F4F4F4 0%, #F2F2F2 100%);
	background: -o-linear-gradient(top, #F4F4F4 0%, #F2F2F2 100%);
	background: linear-gradient(top, #F4F4F4 0%, #F2F2F2 100%);
	border-color: #CECECE;
	box-shadow: 0 1px 1px #FFF inset, 0 0 0 5px #E0E0E0;
	color: #686868;
	text-decoration: none;
}
 
#form_popuppm a.close {
	color: #7F7E7E;
	font-size: 15px;
	position: absolute;
	right: 15px;
	top: 15px;
}
 
#form_popuppm cite {
	bottom: 12px;
	font-size: 11px;
	left: 16px;
	position: absolute;
}

@media only screen and (max-width: 565px), only screen and (max-device-width: 565px) {
	#form_popuppm {
		left: 10px;
		right: 10px;
		width: auto;
	}
}
Работать будет так: при появлении нового сообщения появится окно и будет висеть пока его не закрыть или не перейти по кнопке, а если просто обновить страницу, то окошко больше не покажется, пока новое сообщение не придёт.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

silver073000Василий 05 авг 2015, 17:59 Сообщение

Всё работает отлично :Yahoo!: Благодарю за модификацию :drink:
  • 0

southklad 21 авг 2015, 21:50 Сообщение

Вот бы это все в мини расширения бы делать, круто было бы, чтобы файлы не править. Да и может быть создать тут базу расширение-дополнения от КабинетАдмина?
  • 0
Изображение

CabinetAdmin 22 авг 2015, 16:12 Сообщение

Если есть расширение для добавления содержимого от c61 - empennage v0.1.1, то за пять минут можно сделать :)
igorbond писал(а): Да и может быть создать тут базу расширение-дополнения от КабинетАдмина?
Вроде как есть раздел для расширений.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 23 авг 2015, 17:32 Сообщение

CabinetAdmin писал(а):Если есть расширение для добавления содержимого от c61 - empennage v0.1.1, то за пять минут можно сделать :)
igorbond писал(а): Да и может быть создать тут базу расширение-дополнения от КабинетАдмина?
Вроде как есть раздел для расширений.
Ну я имел ввиду те, которые созданы тут
  • 0
Изображение

Margo 05 сен 2015, 11:35 Сообщение

а как убрать адрес кабинета в письме? просто когда приходит сообщение,то на конверте адрес кабинета админа(( что-то я не нашла адрес в коде
  • 0

CabinetAdmin 05 сен 2015, 17:51 Сообщение

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

<cite>http://cabinetadmina.ru/</cite></div></div>");
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

svatomir 15 окт 2015, 01:03 Сообщение

а где,собственно, где сам архив со скриптом? файл удален.....
  • 0
Русскоязычный форум любителей собак породы шпиц всех мастей. Приглашаются все желающие. Форум только открылся, и находится в разработке, тем не менее я как админ и основатель форума, учту все пожелания по изменениям в форуме.
http://moispitz.luckbb.ru/

CabinetAdmin 15 окт 2015, 17:45 Сообщение

Поправил.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

svatomir 19 окт 2015, 02:22 Сообщение

CabinetAdmin писал(а):Поправил.
+++
  • 0
Русскоязычный форум любителей собак породы шпиц всех мастей. Приглашаются все желающие. Форум только открылся, и находится в разработке, тем не менее я как админ и основатель форума, учту все пожелания по изменениям в форуме.
http://moispitz.luckbb.ru/

АрианАндрей 29 ноя 2015, 16:48 Сообщение

Не работает ни в какую. Что только не делал. Брал коды с рабочего форума и переставлял на другой. Ничего не помогает. Вот мой шаблон:

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">

<head>

 <script type="text/javascript">
function showTime()
 {
  var dat = new Date();
  var H = '' + dat.getHours();
  H = H.length<2 ? '0' + H:H;
  var M = '' + dat.getMinutes();
  M = M.length<2 ? '0' + M:M;
  var S = '' + dat.getSeconds();
  S =S.length<2 ? '0' + S:S;
  var clock = H + ':' + M + ':' + S;
  document
    .getElementById('time_div')
      .innerHTML=clock;
  setTimeout(showTime,1000);  // перерисовать 1 раз в сек.
 }
</script>
   

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

<script type="text/javascript">
// <![CDATA[
   var jump_page = '{LA_JUMP_PAGE}:';
   var on_page = '{ON_PAGE}';
   var per_page = '{PER_PAGE}';
   var base_url = '{A_BASE_URL}';
   var style_cookie = 'phpBBstyle';
   var style_cookie_settings = '{A_COOKIE_SETTINGS}';
   var onload_functions = new Array();
   var onunload_functions = new Array();


	<!-- IF S_USER_PM_POPUP -->
		if ({S_NEW_PM})


  $(document).ready(function() {
           $("body").append("<div id='form_popuppm'><h1>{L_MESSAGE}</h1><a href='#' class='close' onClick='$(\"#form_popuppm\").hide()' title='{L_CLOSE_WINDOW}'>[x]</a><p>{L_NEW_MESSAGE}</p><a href='ucp.php?i=pm&folder=inbox' class='view' title='{L_GO}'>{L_GO}</a><cite>Международный форум &#171;Страстотерпцы&#187;</cite></div>");
         $("#form_popuppm").hide();
           $("#form_popuppm").show(1000);
          });



	<!-- ENDIF -->

	/**
	* Find a member
	*/
	function find_username(url)
	{
		popup(url, 760, 570, '_usersearch');
		return false;
	}

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	}

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	}

// ]]>
</script>





<script type="text/javascript">

// Rainbow Links Version 1.03                                                   
// Copyright (C) 1999-2001 TAKANASHI Mizuki                             
// takanasi@hamal.freemail.ne.jp                                        

var rate = 20; 

if (document.getElementById)
window.onerror=new Function("return true")

var objActive;  
var act = 0;    
var elmH = 0;   
var elmS = 128; 
var elmV = 255; 
var clrOrg;     
var TimerID;    
if (document.all) {
    document.onmouseover = doRainbowAnchor;
    document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
    document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
    document.onmouseover = Mozilla_doRainbowAnchor;
    document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
    if (act == 0) {
        act = 1;
        if (obj)
            objActive = obj;
        else
            objActive = event.srcElement;
        clrOrg = objActive.style.color;
        TimerID = setInterval("ChangeColor()",100);
    }
}
function stopRainbow()
{
    if (act) {
        objActive.style.color = clrOrg;
        clearInterval(TimerID);
        act = 0;
    }
}
function doRainbowAnchor()
{
    if (act == 0) {
        var obj = event.srcElement;
        while (obj.tagName != 'A' && obj.tagName != 'BODY') {
            obj = obj.parentElement;
            if (obj.tagName == 'A' || obj.tagName == 'BODY')
                break;
        }

        if (obj.tagName == 'A' && obj.href != '') {
            objActive = obj;
            act = 1;
            clrOrg = objActive.style.color;
            TimerID = setInterval("ChangeColor()",100);
        }
    }
}
function stopRainbowAnchor()
{
    if (act) {
        if (objActive.tagName == 'A') {
            objActive.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }
}
function Mozilla_doRainbowAnchor(e)
{
    if (act == 0) {
        obj = e.target;
        while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
            obj = obj.parentNode;
            if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
                break;
        }

        if (obj.nodeName == 'A' && obj.href != '') {
            objActive = obj;
            act = 1;
            clrOrg = obj.style.color;
            TimerID = setInterval("ChangeColor()",100);
        }
    }
}
function Mozilla_stopRainbowAnchor(e)
{
    if (act) {
        if (objActive.nodeName == 'A') {
            objActive.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }
}
function ChangeColor()
{
    objActive.style.color = makeColor();
}
function makeColor()
{
    if (elmS == 0) {
        elmR = elmV;    elmG = elmV;    elmB = elmV;
    }
    else {
        t1 = elmV;
        t2 = (255 - elmS) * elmV / 255;
        t3 = elmH % 60;
        t3 = (t1 - t2) * t3 / 60;

        if (elmH < 60) {
            elmR = t1;  elmB = t2;  elmG = t2 + t3;
        }
        else if (elmH < 120) {
            elmG = t1;  elmB = t2;  elmR = t1 - t3;
        }
        else if (elmH < 180) {
            elmG = t1;  elmR = t2;  elmB = t2 + t3;
        }
        else if (elmH < 240) {
            elmB = t1;  elmR = t2;  elmG = t1 - t3;
        }
        else if (elmH < 300) {
            elmB = t1;  elmG = t2;  elmR = t2 + t3;
        }
        else if (elmH < 360) {
            elmR = t1;  elmG = t2;  elmB = t1 - t3;
        }
        else {
            elmR = 0;   elmG = 0;   elmB = 0;
        }
    }

    elmR = Math.floor(elmR).toString(16);
    elmG = Math.floor(elmG).toString(16);
    elmB = Math.floor(elmB).toString(16);
    if (elmR.length == 1)    elmR = "0" + elmR;
    if (elmG.length == 1)    elmG = "0" + elmG;
    if (elmB.length == 1)    elmB = "0" + elmB;

    elmH = elmH + rate;
    if (elmH >= 360)
        elmH = 0;

    return '#' + elmR + elmG + elmB;
}
</script>








<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="{SITE_DESCRIPTION}" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
<!-- MOD : MSSTI RSS Feeds (V1.2.1) - Start //-->
<!-- IF S_FEEDS -->
<link rel="alternate" type="application/rss+xml" title="{L_RSS_FEEDS} - {SITENAME}" href="{U_RSS}" />
<!-- IF U_FEEDS_NEWS --><link rel="alternate" type="application/rss+xml" title="{L_RSS_FEEDS} - {L_RSS_NEWS}" href="{U_FEEDS_NEWS}" /><!-- ENDIF -->
<!-- IF U_FEEDS_NEWPOST --><link rel="alternate" type="application/rss+xml" title="{L_RSS_FEEDS} - {L_RSS_NEWPOST}" href="{U_FEEDS_NEWPOST}" /><!-- ENDIF -->
<!-- IF U_FEEDS_FORUMS --><link rel="alternate" type="application/rss+xml" title="{L_RSS_FEEDS} - {L_ALL_FORUMS}" href="{U_FEEDS_FORUMS}" /><!-- ENDIF -->
<!-- IF U_FEEDS_THREADS --><link rel="alternate" type="application/rss+xml" title="{L_RSS_FEEDS} - {L_ALL_TOPICS}" href="{U_FEEDS_THREADS}" /><!-- ENDIF -->
<!-- IF U_FEEDS_POSTS --><link rel="alternate" type="application/rss+xml" title="{L_RSS_FEEDS} - {L_ALL_POSTS}" href="{U_FEEDS_POSTS}" /><!-- ENDIF -->
<!-- IF U_FEEDS_ATTACH --><link rel="alternate" type="application/rss+xml" title="{L_RSS_FEEDS} - {L_RSS_ATTACH}" href="{U_FEEDS_ATTACH}" /><!-- ENDIF -->
<!-- IF U_FEEDS_EGOSEARCH --><link rel="alternate" type="application/rss+xml" title="{L_RSS_FEEDS} - {L_YOUR_POSTS}" href="{U_FEEDS_EGOSEARCH}" /><!-- ENDIF -->
<!-- IF U_FEEDS_FORUM --><link rel="alternate" type="application/rss+xml" title="{L_RSS_FEEDS} - {L_FORUM} {FORUM_NAME}" href="{U_FEEDS_FORUM}" /><!-- ENDIF -->
<!-- IF U_FEEDS_THREAD --><link rel="alternate" type="application/rss+xml" title="{L_RSS_FEEDS} - {L_TOPIC} {TOPIC_TITLE}" href="{U_FEEDS_THREAD}" /><!-- ENDIF -->
<!-- ENDIF -->
<!-- MOD : MSSTI RSS Feeds (V1.2.1) - End //-->



   









<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->


<link rel="SHORTCUT ICON" href="http://strastoterptsy.myfor.ru/storage/strastoterptsy_myfor_ru/images/favicon.ico">



</head>


<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">
 <div class="headerbar"> 
 <div style="float: left;">      
  <a href="{U_INDEX}" title="{L_INDEX}" class="headerlink"><img class="img-round" src="http://strastoterptsy.myfor.ru/storage/strastoterptsy_myfor_ru/images/strlogo112.jpg" width=100% >
                          </a>

    
            <div class="navbar">
			<ul class="linklist navlinks">
				<li class="icon-home"><b><a class="white" href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong><font color=#ffffff> &bull; </font></strong> <a class="white" href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></b>


<!-- IF U_ACP --><strong><font color=#ffffff> &bull; </font></strong><a href="{U_ACP}"><font color=#ffffff> <b>АДМИНИСТРАТОР</b></font></a><!-- ENDIF -->


	<!-- IF U_MCP --> <strong><font color=#ffffff> &bull;</font> </strong><a href="{U_MCP}"> <font color=#ffffff> <b>МОДЕРАТОР</b></font></a><!-- ENDIF --></li>

			<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
    		</ul>

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li  class="icon-ucp">
					<a class="white" href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">  {L_PROFILE} &bull;</a>
				<!-- IF S_DISPLAY_PM -->  <a class="white" href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO} &bull;<!-- ENDIF --> 
					
<li> <a class="white" href="{U_MEDALS}" title="{L_MEDALS_VIEW_EXPLAIN}">{L_MEDALS_VIEW} &bull; </a></color></li>

<li> <a class="white" href="http://strastoterptsy.ru/page.php?p=zvanie" title="Наша команда"> Звания &bull; </a></color></li> 

<li> <a class="white" href="http://strastoterptsy.ru/page.php?p=pravilo" title="Общие правила форума."> Правила Форума &bull;</a></color></li>

<li> <a class="white" href="http://strastoterptsy.ru/viewtopic.php?f=9&t=862" title="Читать всем!"> Новые кнопки &bull;</a></color></li>

<li> <a class="white" href="http://strastoterptsy.ru//index.php?page=4" title="Лучше сходите в ближайший православный храм, но если такой возможности нет, добро пожаловать в нашу виртуальную часовню!"> Часовня &bull;</a></color></li>

</a>
<li><a class="white" href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}"> Расширенный поиск </a></li>

<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li><a class="white" href="{U_CONTACT}">&bull; Написать Администратору</a></li><!-- ENDIF -->


<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a class="white" href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->

				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<li class="icon-faq"><a class="white" href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a class="white" href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-register"><a class="white" href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a class="white" href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x"<!-- IF not S_USER_LOGGED_IN and not S_DISPLAY_FULL_LOGIN --> onmouseover="delay1 = setTimeout('document.getElementById(\'quick-login\').style.display=\'block\'', 500);" onmouseout="clearTimeout(delay1)"<!-- ENDIF -->>{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

		</div>   

	

    <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT and not S_DISPLAY_FULL_LOGIN -->
    	<form method="post" action="{S_LOGIN_ACTION}" id="quick-login">
    		<fieldset>
    			{L_USERNAME}:<br />
    			<input type="text" name="username" size="10" class="inputbox" title="{L_USERNAME}" /><br />
    			{L_PASSWORD}:<br />
    			<input type="password" name="password" size="10" class="inputbox" title="{L_PASSWORD}" style="margin-bottom: 7px" /><br />
    			<!-- IF S_AUTOLOGIN_ENABLED -->
    				<label>{L_LOG_ME_IN} <input type="checkbox" name="autologin" /></label><br />
    			<!-- ENDIF -->
    			<input type="button" value="{L_CANCEL}" class="button2" onclick="document.getElementById('quick-login').style.display='none'; return false;" />
    			<input type="submit" name="login" value="{L_LOGIN}" class="button2" />
    			
    		</fieldset>
    	</form>
    	<!-- ENDIF -->

<a name="start_here"></a>
	<div id="page-body">

		 <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
		<div id="message" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>

		<!-- ENDIF -->
  • 0

CabinetAdmin 29 ноя 2015, 18:19 Сообщение

Вот в этом месте:

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

	<!-- IF S_USER_PM_POPUP -->
		if ({S_NEW_PM})
 
 
  $(document).ready(function() {
           $("body").append("<div id='form_popuppm'><h1>{L_MESSAGE}</h1><a href='#' class='close' onClick='$(\"#form_popuppm\").hide()' title='{L_CLOSE_WINDOW}'>[x]</a><p>{L_NEW_MESSAGE}</p><a href='ucp.php?i=pm&folder=inbox' class='view' title='{L_GO}'>{L_GO}</a><cite>Международный форум &#171;Страстотерпцы&#187;</cite></div>");
         $("#form_popuppm").hide();
           $("#form_popuppm").show(1000);
          });
 
 
 
	<!-- ENDIF -->
Лишнего удалили. Вот так буде правильно:

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

	<!-- IF S_USER_PM_POPUP -->
		if ({S_NEW_PM})
		{

  $(document).ready(function() {
           $("body").append("<div id='form_popuppm'><h1>{L_MESSAGE}</h1><a href='#' class='close' onClick='$(\"#form_popuppm\").hide()' title='{L_CLOSE_WINDOW}'>[x]</a><p>{L_NEW_MESSAGE}</p><a href='ucp.php?i=pm&folder=inbox' class='view' title='{L_GO}'>{L_GO}</a><cite>Международный форум &#171;Страстотерпцы&#187;</cite></div>");
         $("#form_popuppm").hide();
           $("#form_popuppm").show(1000);
          });

		}
	<!-- ENDIF -->
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

АрианАндрей 29 ноя 2015, 18:27 Сообщение

CabinetAdmin, я и вставлял эти скобочки и удалял, всё бесполезно. На втором форуме работает без скобочек на двух стилях.

Ещё раз проверил. Безрезультатно.
  • 0