Не отображается google translate в шапке форума.

[jakovson]

Добрый день. Подскажите пожалуйста, в чем может быть проблема при установке google translate в шапку phpbb3.1.5 prosilver.

Ставлю код:

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

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'ru', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

(код выдан самим google)

Код вставляю в файл: averall_header.html перед

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

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button icon-button search-icon" type="submit" title="{L_SEARCH}">{L_SEARCH}</button>
					<a href="{U_SEARCH}" class="button icon-button search-adv-icon" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->

Тем не менее переводчик google не отображается.

Хотя в идеале хотелось бы сделать переводчик как на этом сайте http://bb3.mobi/ и так же 2 флажка справа внизу под шапкой. Подскажите пожалуйста, как это можно сделать?
Всем заранее СПАСИБО.

[Anvar]

Вот такой код в подвале используется с помощью шаблона события overall_footer_after.html в кастомном расширении.

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

<script type="text/javascript">
$("document").ready(function(){
	if ($(window).width() > 700) {
		$(".headerbar .inner").append("<div id='google_translate_element'></div>");
	}
});
function googleTranslateElementInit() {
	new google.translate.TranslateElement({pageLanguage: 'ru', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Отправлено спустя 1 минуту 48 секунд:
С помощью css можно скрыть лишнее

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

.goog-logo-link { display: none; }
.goog-te-gadget { color: #000!important; } /* Цвет фона */
.goog-te-combo { opacity: 0.8; }

[jakovson]

Спасибо, уважаемый Anvar. Попробовал вставить указанный Вами код, к сожалению, это не помогло. Попробовал вставить его и в averall_header.html и в averall_footer.html, в указанное Вами место. К сожалению google translate по-прежнему не отображается.

[rxu]

Кэш очищать не забывайте после любых правок файлов шаблона.

[jakovson]

Да. Помогло. Спасибо большое. А не подскажите, - как сделать флажки под шапкой справа как на http://bb3.mobi/?

[LavIgor]

как сделать флажки под шапкой справа

Должно быть, это флажки от расширения: [dev] Quick Language.

[jakovson]

Спасибо. Буду устанавливать.