Google Translate в панели навигации

Google Translate в панели навигации

Вариант №1:
Открываем шаблон navigation и находим:

Код:

<!-- extra tabs: end -->

и перед ним вставляем:

Код:

<!-- Google Translate -->
<li class="navTab Popup PopupControl PopupClosed">
 
        <a href="http://translate.google.com" class="navLink" rel="NewTab">Google Translate</a>
        <a href="{$tabs.mytab.href}" class="SplitCtrl" rel="Menu"></a>
 
        <div class="{xen:if {$tabs.mytab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'}">
            <div class="primaryContent menuHeader">
                <h3>Google Translate</h3>
            <div class="muted">Translate this forum to:</div>
        </div>
            <ul class="secondaryContent blockLinksList">
                <xen:hook name="navigation_tabs_mytab">
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=en&u={$logoLink}">English</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=ar&u={$logoLink}">Arabic</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=bg&u={$logoLink}">Bulgarian</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=zh-CN&u={$logoLink}">Chinese Simplified</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=zh-TW&u={$logoLink}">Chinese Traditional</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=hr&u={$logoLink}">Croatian</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=cs&u={$logoLink}">Czech</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=da&u={$logoLink}">Danish</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=nl&u={$logoLink}">Dutch</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=en&u={$logoLink}">English</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=fi&u={$logoLink}">Finnish</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=ph&u={$logoLink}">Filipino</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=fr&u={$logoLink}">French</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=de&u={$logoLink}">German</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=il&u={$logoLink}">Hebrew</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=el&u={$logoLink}">Greek</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=it&u={$logoLink}">Italian</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=id&u={$logoLink}">Indonesian</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=lv&u={$logoLink}">Latvian</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=lt&u={$logoLink}">Lithuanian</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=hi&u={$logoLink}">Hindi</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=ja&u={$logoLink}">Japanese</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=ko&u={$logoLink}">Korean</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=no&u={$logoLink}">Norwegian</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=pl&u={$logoLink}">Polish</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=pt&u={$logoLink}">Portuguese</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=ro&u={$logoLink}">Romanian</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=ru&u={$logoLink}">Russian</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=es&u={$logoLink}">Spanish</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=sv&u={$logoLink}">Swedish</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=rs&u={$logoLink}">Serbian</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=sk&u={$logoLink}">Slovak</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=si&u={$logoLink}">Slovenian</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=uk&u={$logoLink}">Ukrainian</a></li>
                    <li><a href="http://translate.google.com/translate?sl=auto&tl=vn&u={$logoLink}">Vietnamese</a></li>
                </xen:hook>
            </ul>
        </div>
</li>

получится такое:



ps: зы, как получить текущую страницу я не знаю, поэтому воспользовался $logoLink


Вариант №2:

в шаблон ad_above_content добавляем в конец:

Код:

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

открываем extra.css и добавляем:

Код:

/* google translate */
.google {
float: right;
margin-top: -35px;
}

получится такое:



ps: в данном случае переводится текущая страница

 

По первому варианту, поставил, но при нажатии на вкладку кидает на http://translate.google.com/, а когда на стрелочку что рядом то открывается список языков, как сделать чтоб при нажатии вкладки только чтоб список языков открывался?

 

1981, если тебя устроит, то поменяй rel="NewTab" на rel="Menu", тогда при наведении на надпись, будет выпадать меню (но добавится треугольник в кружочке)

 

при наведении открывается, но когда кликаю то кидает на http://translate.google.com/, как то можно исправить чтоб при клике тоже открывалось?

 

Вобще супер, именно то что мне нужно.
Автору огромное Спасибо.
Первый вариант у меня не подошел, но второй подошел хорошо! Спасибо!

 

Спасибо авторы,крутая вещь!С меня лайк

 

Кто знает, как поместить его только в тему и как изменить вид кнопки?

 

Первый вариант заинтриговал, но работает не корректно, относительно второго варианта, переход на гугл.транслит.ру не вариант. Есть ли решение?

 

Код:

<a href="http://translate.google.com" class="navLink" rel="NewTab">Google Translate</a>

в этой строке просто сотри ссылку http://translate.google.com и все

 

Подскажите пожалуйста как сделать, чтобы при нажатии на определенный язык это чудо открывалось в новой вкладке