Как отключить гугл переводчик оригинальных текстовых подсказок - PullRequest
Новая
       15

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

15 голосов
/ 13 июля 2010

Я использовал google translate в качестве языкового конвертера на своем сайте, но он отображает раздражающие всплывающие подсказки, называемые «Оригинальный текст». Как мне отключить это и любые другие лучшие идеи / инструменты / API для этого?

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

<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>

Ответы [ 5 ]

35 голосов
/ 16 декабря 2011

Просто добавьте этот 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 часов на то, чтобы понять это, но теперь после этих 3-х строк CSS это выглядит великолепно :-)в действии здесь: SEOgenie - Автоматизированный SEO

6 голосов
/ 22 мая 2013

Есть несколько вещей, которые вы можете сделать, чтобы "переопределить" отображение переводчика 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;}

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

С уважением ко всем.

1 голос
/ 07 февраля 2012

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

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


    function translationTooltipsDisable()
    {       
        //Override google's functions
        _tipon = function()  { /*Don't display the tooltip*/ };
        _tipoff = function() { /*Don't hide the tooltip*/ };
    }
0 голосов
/ 09 июня 2011

Похоже, вы можете скрыть это с помощью некоторого CSS в фрейме, который они используют для создания "всплывающей подсказки". 

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

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

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

0 голосов
/ 14 июля 2010 
#google_translate_element {
  display:none;
}

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

...