Phpbb Countdown (таймер прямого\обратного остчета)

В данном подфоруме будут располагаться темы с анонсами интересных модификаций, а так же будут рассматриваться проверенные временем дополнения для phpBB3.

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Ответить
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение DeaDRoMeO »

Всем привет. Сегодня мы познакомимся с хорошей модификацией с названием Phpbb Countdown.

Чего же она умеет ??? Модификация реализует таймер с прямым\обратным отсчетом до выбранной даты. Таймер можно сопроводить любым текстом, так же можно задать текст, который будет отображаться после окончания отсчета. Кстати присутствует тестовый режим таймера, а этом режиме вывод всей информации виден только администраторам. Ниже парочка скриншотов модификации
Настройки в админке
Настройки в админке
Внешний вид
Внешний вид
Заинтересовало ? Скачиваем и ставим себе, русификация внутри нужной папки архива, дополнительно нужно будет открыть language/ru/common.php и перед
Вставить

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

// BEGIN Countdown
$lang = array_merge($lang, array(
	'COUNT_YEARS'				=> 'Лет',
	'COUNT_MONTHS'				=> 'Месяцев',
	'COUNT_DAYS'				=> 'Дней',
	'COUNT_HOURS'				=> 'Часов',
	'COUNT_MINUTES'				=> 'Минут',
	'COUNT_SECONDS'				=> 'Секунд',
));
// END Countdown


После правок не забываем запускать скрипт-инсталлятор. Кстати данный мод и на нашем форуме установлен, на странице списка форумов в Колонке администратора уже идет отсчет, правда он несколько модифицирован, удалены секунды и часы.
Внимание !!! Сразу же фикс несовместимости с русскими буквами в сопроводительном тексте к таймеру. Открыть includes/acp/acp_countdown_config.php и найти
[code]set_config('countdown_text', request_var('countdown_text', ''));
set_config('countdown_complete', request_var('countdown_complete', ''));[/code]
Заменить найденное на
[code]set_config('countdown_text', utf8_normalize_nfc(request_var('countdown_text', '', true)));
set_config('countdown_complete', utf8_normalize_nfc(request_var('countdown_complete', '', true)));[/code]
Успехов в установке :bra_vo:
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#1
Аватара пользователя
белк
Хорошо тут живется
Хорошо тут живется
Сообщения: 1322
Стаж: 10 лет 6 месяцев
Откуда: Россия
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение белк »

Здравствуйте. Не подскажите как заставить сие работать на subsilver2? Поставил мод (установки для subsilver2 нет) - проверил на стиле prosilver - всё выводится, т.е. явно понятно, что нужны именно правки для overall_header.html стиля subsilver2.... Поковырялся сам - пока не появилось. может кто присоветует?

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

Open: styles/prosilver/template/overall_header.html



Find

Tip: This may be a partial find and not the whole line.


Code:Select all

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

Add after

Tip: Add these lines on a new blank line after the preceding line(s) to find.


Code:Select all

<!-- IF COUNTDOWN_ENABLE -->
<script src="{ROOT_PATH}script/jquery.min.js" type="text/javascript"></script>
<script src="{ROOT_PATH}script/jquery.jcountdown.min.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function(){
	$("#time").countdown({
		date: "{COUNTDOWN_DATE}",
		onComplete: function( event ) {
		
			$(this).html("{COUNTDOWN_COMPLETE}");
		},
		leadingZero: true,
		<!-- IF COUNTDOWN_OFFSET_ENABLE -->
		offset: {COUNTDOWN_OFFSET},
		<!-- ENDIF -->
		<!-- IF COUNTDOWN_YEAR or COUNTDOWN_MONTH -->
		yearsAndMonths: true,
		<!-- ENDIF -->
		htmlTemplate: "<span class='cd-time'>{COUNTDOWN_TEXT}</span><!-- IF COUNTDOWN_YEAR and COUNTDOWN_MONTH --> %y <span class=\"cd-time\">{L_COUNT_YEARS}</span><!-- ENDIF --><!-- IF COUNTDOWN_YEAR or COUNTDOWN_MONTH --> %m <span class=\"cd-time\">{L_COUNT_MONTHS}</span><!-- ENDIF -->  %d <span class=\"cd-time\">{L_COUNT_DAYS}</span> %h <span class=\"cd-time\">{L_COUNT_HOURS}</span> %i <span class=\"cd-time\">{L_COUNT_MINUTES}</span> %s <span class=\"cd-time\">{L_COUNT_SECONDS}</span>",
		direction: "<!-- IF COUNTDOWN_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->"
	});
});
// ]]>
</script>
<!-- ENDIF -->

Find

Tip: This may be a partial find and not the whole line.


Code:Select all

	<a name="start_here"></a>

Add before

Tip: Add these lines on a new blank line before the preceding line(s) to find.


Code:Select all

	<!-- IF not S_IS_BOT and COUNTDOWN_ENABLE -->
	<!-- IF (COUNTDOWN_TESTMODE and U_ACP) or not COUNTDOWN_TESTMODE -->
		<div class="navbar timecount">
			<div class="inner"><span class="corners-top"><span></span></span>
			<span id="time"></span>
			<span class="corners-bottom"><span></span></span></div>
		</div>
	<!-- ENDIF -->
	<!-- ENDIF -->

Спасибо. :wall:

p.s удалил все правки для этого мода и завязал с установкой.
Последний раз редактировалось белк 25 дек 2013, 13:58, всего редактировалось 1 раз.
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
#2
Аватара пользователя
Amatue
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 65
Стаж: 10 лет 4 месяца
Откуда: Пенза
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение Amatue »

Я поставил. Блок появляется, но не показывает там ни чего. Пусто.
#3
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение DeaDRoMeO »

Конфликт скриптов скорее всего, возможно подключены джиквери разных версий
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#4
murderkiller
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 50
Стаж: 10 лет 7 месяцев

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение murderkiller »

Тоже самое - не работает.
#5
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение DeaDRoMeO »

Мод полностью рабочий, джиквери конфликтует просто))
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#6
Аватара пользователя
nevod
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 59
Стаж: 9 лет 7 месяцев
Откуда: Химки
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение nevod »

Сергей, добрый день! Тоже поставил - выводит пустой блок... Возможные конфликты jquery для меня темный лес :sh_ok: :sh_ok: :sh_ok:

Помогите настроить :smu:sche_nie:
#7
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение DeaDRoMeO »

DeaDRoMeO писал(а):джиквери конфликтует просто))
В хедере два раза подключены разные версии джиквери, поглядите код
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#8
Аватара пользователя
nevod
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 59
Стаж: 9 лет 7 месяцев
Откуда: Химки
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение nevod »

Это я понял. Там есть несколько jquery от разных модов. Все они с разными именами типа jquery.jcountdown.min.js, jquery-latest.min.js , jquery.mousewheel.min.js . Что отключать, чтобы ничего не испортить? :sh_ok: :sh_ok: :sh_ok:
#9
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение DeaDRoMeO »

Отправьте в своем сообщении полный код хедера, находящийся между тегами <head>
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#10
Аватара пользователя
nevod
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 59
Стаж: 9 лет 7 месяцев
Откуда: Химки
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение nevod »

DeaDRoMeO писал(а):Отправьте в своем сообщении полный код хедера, находящийся между тегами <head>
Сергей, вот:

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

<head>
<!-- th23 start - error pages -->
<!-- IF U_TH23_ERROR_PAGES_BASE -->
<base href="{U_TH23_ERROR_PAGES_BASE}" />
<!-- ENDIF -->
<!-- th23 end - error pages -->
<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="keywords" content="<!-- IF SEO_KEY -->{SEO_KEY}<!-- ENDIF -->" />
<meta name="description" content="<!-- IF SEO_DESC -->{SEO_DESC}<!-- ENDIF -->" />
{META}
<title><!-- IF TOPIC_SEO_TITLE -->{TOPIC_SEO_TITLE}<!-- ELSE -->{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}<!-- ENDIF --></title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<!--
	phpBB style name: prosilver
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:
-->

<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 and S_NEW_PM -->
		var url = '{UA_POPUP_PM}';
		window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
	<!-- 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">
	document.body.className += ' fs' + ((q = document.cookie.match(/style_cookie=./)) ? q[0].substr(13) : 1);
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
<!-- IF COUNTDOWN_ENABLE -->
<script src="{ROOT_PATH}script/jquery.min.js" type="text/javascript"></script>
<script src="{ROOT_PATH}script/jquery.jcountdown.min.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(document).ready(function(){
	$("#time").countdown({
		date: "{COUNTDOWN_DATE}",
		onComplete: function( event ) {
		
			$(this).html("{COUNTDOWN_COMPLETE}");
		},
		leadingZero: true,
		<!-- IF COUNTDOWN_OFFSET_ENABLE -->
		offset: {COUNTDOWN_OFFSET},
		<!-- ENDIF -->
		<!-- IF COUNTDOWN_YEAR or COUNTDOWN_MONTH -->
		yearsAndMonths: true,
		<!-- ENDIF -->
		htmlTemplate: "<span class='cd-time'>{COUNTDOWN_TEXT}</span><!-- IF COUNTDOWN_YEAR and COUNTDOWN_MONTH --> %y <span class=\"cd-time\">{L_COUNT_YEARS}</span><!-- ENDIF --><!-- IF COUNTDOWN_YEAR or COUNTDOWN_MONTH --> %m <span class=\"cd-time\">{L_COUNT_MONTHS}</span><!-- ENDIF -->  %d <span class=\"cd-time\">{L_COUNT_DAYS}</span> %h <span class=\"cd-time\">{L_COUNT_HOURS}</span> %i <span class=\"cd-time\">{L_COUNT_MINUTES}</span> %s <span class=\"cd-time\">{L_COUNT_SECONDS}</span>",
		direction: "<!-- IF COUNTDOWN_DIRECTION -->down<!-- ELSE -->up<!-- ENDIF -->"
	});
});
// ]]>
</script>
<!-- ENDIF -->
<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" />
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<!-- IF S_STYLE_LEFTSIDED -->
   <link href="{T_THEME_PATH}/leftsided.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<link href="{T_THEME_PATH}/prime_links/prime_links.css" rel="stylesheet" type="text/css" />
<!-- IF S_IN_ACP_PRIVMSGS_MOD -->
<link href="style/acp_privmsgs_mod.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="style/acp_privmsgs_mod.js"></script>
<!-- ENDIF -->
<!-- begin mod: phpBB Gallery -->
<!-- INCLUDE gallery/plugins_header.html -->
<!-- end mod: phpBB Gallery -->
<!-- INCLUDE prime_show_deleted_post.html -->
<!-- INCLUDE mods/reimg_content.html -->
<!-- // jQuery Replace Broken Images MOD // -->
<!-- IF S_VIEWFORUM or S_SHOW_TOPICS or S_VIEWTOPIC -->
	<script type="text/javascript">
		if (window.jQuery === undefined) {
			document.write(unescape('%3Cscript src="{ROOT_PATH}script/jquery-latest.min.js" type="text/javascript"%3E%3C/script%3E'));
		}
	</script>
<!-- ENDIF -->
<!-- // Query Replace Broken Images MOD // -->
<link type="text/css" rel="stylesheet" href="js/jscrollpane.css"/>
   <script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
   <script type="text/javascript" src="js/jscrollpane.js"></script>
<script type="text/javascript">
   jQuery(function()
   {
      jQuery('#pane').jScrollPane({scrollbarWidth:18, showArrows:true});
   });
</script>
<!-- IF S_HAS_POLL -->
	<!-- BEGIN poll_option -->
		<style type="text/css">
			@-webkit-keyframes move{poll_option.POLL_OPTION_PCT} {
				0% { width: 0;}
				100% { width: {poll_option.POLL_OPTION_PERCENT}; }
			}

			@keyframes move{poll_option.POLL_OPTION_PCT} {
				0% { width: 0; }
				100%   { width: {poll_option.POLL_OPTION_PERCENT}; }
			}
							
			div.poll_animation{poll_option.POLL_OPTION_PCT} {
				-webkit-animation: move 3s linear 0s normal none infinite, move{poll_option.POLL_OPTION_PCT} 6s linear 0s normal none 1;
				animation: move 3s linear 0s normal none infinite, move{poll_option.POLL_OPTION_PCT} 6s linear 0s normal none 1;
			}
		</style>
	<!-- END poll_option -->
<!-- ENDIF -->
<!-- INCLUDE ads/ads.js -->
<!--<script type="text/javascript" src="snowstorm.js"></script>-->
</head>
#11
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение DeaDRoMeO »

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

<!-- begin mod: phpBB Gallery -->
<!-- INCLUDE gallery/plugins_header.html -->
<!-- end mod: phpBB Gallery -->
<!-- INCLUDE prime_show_deleted_post.html -->
<!-- INCLUDE mods/reimg_content.html -->
<!-- // jQuery Replace Broken Images MOD // -->
<!-- IF S_VIEWFORUM or S_SHOW_TOPICS or S_VIEWTOPIC -->
   <script type="text/javascript">
      if (window.jQuery === undefined) {
         document.write(unescape('%3Cscript src="{ROOT_PATH}script/jquery-latest.min.js" type="text/javascript"%3E%3C/script%3E'));
      }
   </script>
<!-- ENDIF -->
Попробуйте удалить этот кусок и запустить таймер
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#12
Аватара пользователя
nevod
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 59
Стаж: 9 лет 7 месяцев
Откуда: Химки
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение nevod »

DeaDRoMeO писал(а):Попробуйте удалить этот кусок и запустить таймер
Не работает........
#13
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение DeaDRoMeO »

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

<script src="{ROOT_PATH}script/jquery.min.js" type="text/javascript"></script>
Если это?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#14
Аватара пользователя
nevod
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 59
Стаж: 9 лет 7 месяцев
Откуда: Химки
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение nevod »

DeaDRoMeO писал(а):<script src="{ROOT_PATH}script/jquery.min.js" type="text/javascript"></script>
Не работает.......
#15
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение DeaDRoMeO »

Тогда увы, разбираться с конфликтами - самая неприятная задача, я помочь не смогу
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#16
Аватара пользователя
nevod
Зашел немного посидеть
Зашел немного посидеть
Сообщения: 59
Стаж: 9 лет 7 месяцев
Откуда: Химки
Контактная информация:

Phpbb Countdown (таймер прямого\обратного остчета)

Сообщение nevod »

DeaDRoMeO писал(а):Тогда увы, разбираться с конфликтами - самая неприятная задача, я помочь не смогу
Ок. :dr_ink:
#17
Ответить
  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение