Как отключить Google переводить исходные текстовые подсказки

Я использовал перевод Google в качестве конвертера языка на своем сайте, но он отображает раздражающие подсказки инструментов под названием "Исходный текст". Как отключить эту и другие лучшие идеи /tools/apis для этого?

Спасибо. Используемый код...

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

Ответы

Ответ 1

Просто добавьте этот CSS в начало ваших файлов CSS:

.goog-tooltip {
    display: none !important;
}
.goog-tooltip:hover {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    border: none !important; 
    box-shadow: none !important;
}

Я потратил 8 часов на то, чтобы понять это, но теперь после этих трех строк CSS это выглядит великолепно:-) Вы можете увидеть это в действии здесь: SEOgenie - автоматизированный SEO

Ответ 2

Есть несколько вещей, которые вы можете сделать, чтобы "переопределить" отображение переводчика Google на своем веб-сайте.

Я использую пакет

Чтобы скрыть окно предложения (важная часть важна:))

#goog-gt-tt, .goog-te-balloon-frame{display: none !important;} 
.goog-text-highlight { background: none !important; box-shadow: none !important;}

Чтобы скрыть питание от

.goog-logo-link{display: none !important;}
.goog-te-gadget{height: 28px !important;  overflow: hidden;}

Чтобы удалить верхний кадр

body{ top: 0 !important;}
.goog-te-banner-frame{display: none !important;}

Тера еще несколько, но я думаю, что вышеперечисленное приведет вас к правильному пути;)

Относится ко всем.

Ответ 3

Я думаю, что мой метод лучше ^^

    $(document).ready(function() 
    {       
        translationTooltipsDisable();
    });


    function translationTooltipsDisable()
    {       
        //Override google functions
        _tipon = function()  { /*Don't display the tooltip*/ };
        _tipoff = function() { /*Don't hide the tooltip*/ };
    }

Ответ 4

Кажется, вы можете скрыть его с помощью CSS на iframe, который они используют, чтобы сделать "подсказку".

.goog-te-balloon-frame { display: none; }

Это может быть движущаяся цель при обновлении службы и изменении имен/структуры, но она работает прямо сейчас на незавершенном моем сайте.

UPDATE: Я заметил эффект цветового эффекта мыши/наведения, который, как представляется, задерживается этим методом, но, похоже, он выполняется с помощью JavaScript (добавлен как атрибуты стиля для самого элемента, а не для переключения класса, где вы можете упростить его). Взаимодействие с Google перевести JavaScript на многое, что оказалось довольно сложным. Несмотря ни на что, избавление от iframe было самой важной частью.

Ответ 5

#google_translate_element {
  display:none;
}

Отображение CSS: никто не может работать.