1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

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

Тема в разделе "Модификации шаблонов", создана пользователем Barbos, 29 апр 2012.

Загрузка
  1. Barbos

    Barbos Местный

    Регистрация:
    14.04.12
    Сообщения:
    115
    Симпатии:
    141
    Версия XF:
    1.1.2
    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>
    получится такое:

    Gtans.png

    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;
    }
    получится такое:

    Gtans2.png

    ps: в данном случае переводится текущая страница
     
    santamo, Gromozeka, maxto и 5 другим нравится это.
  2. 1981

    1981 Местный

    Регистрация:
    15.10.11
    Сообщения:
    273
    Симпатии:
    19
    Версия XF:
    1.1.4
    По первому варианту, поставил, но при нажатии на вкладку кидает на http://translate.google.com/, а когда на стрелочку что рядом то открывается список языков, как сделать чтоб при нажатии вкладки только чтоб список языков открывался?
     
  3. Barbos

    Barbos Местный

    Регистрация:
    14.04.12
    Сообщения:
    115
    Симпатии:
    141
    Версия XF:
    1.1.2
    1981, если тебя устроит, то поменяй rel="NewTab" на rel="Menu", тогда при наведении на надпись, будет выпадать меню (но добавится треугольник в кружочке)
     
    1981 нравится это.
  4. 1981

    1981 Местный

    Регистрация:
    15.10.11
    Сообщения:
    273
    Симпатии:
    19
    Версия XF:
    1.1.4
    при наведении открывается, но когда кликаю то кидает на http://translate.google.com/, как то можно исправить чтоб при клике тоже открывалось?
     
  5. diunex

    diunex Местный

    Регистрация:
    02.08.11
    Сообщения:
    113
    Симпатии:
    1
    Вобще супер, именно то что мне нужно.
    Автору огромное Спасибо.
    Первый вариант у меня не подошел, но второй подошел хорошо! Спасибо!:)
     
  6. Gromozeka

    Gromozeka Пользователь

    Регистрация:
    18.08.12
    Сообщения:
    35
    Симпатии:
    3
    Версия XF:
    1.1.3
    Спасибо авторы,крутая вещь!С меня лайк;)
     
  7. santamo

    santamo Местный

    Регистрация:
    03.06.13
    Сообщения:
    252
    Симпатии:
    23
    Версия XF:
    1.2.4
    Кто знает, как поместить его только в тему и как изменить вид кнопки?
     
  8. SupR1g

    SupR1g Местный

    Регистрация:
    09.12.12
    Сообщения:
    1
    Симпатии:
    0
    Первый вариант заинтриговал, но работает не корректно, относительно второго варианта, переход на гугл.транслит.ру не вариант. Есть ли решение?
     
  9. Ku4a

    Ku4a Местный

    Регистрация:
    13.03.13
    Сообщения:
    77
    Симпатии:
    5
    Версия XF:
    1.4.5
    Код:
    <a href="http://translate.google.com" class="navLink" rel="NewTab">Google Translate</a>
    в этой строке просто сотри ссылку http://translate.google.com и все
     
  10. nomid17

    nomid17 Read only

    Регистрация:
    19.05.14
    Сообщения:
    26
    Симпатии:
    0
    Версия XF:
    1.3.1
    Подскажите пожалуйста как сделать, чтобы при нажатии на определенный язык это чудо открывалось в новой вкладке
     

Поделиться этой страницей