Come disattivare google translate tooltips del testo originale

Question

Ho usato google traduttore come convertitore di lingua nel mio sito ma visualizza suggerimenti di strumenti fastidiosi chiamati "Testo originale". Come posso disattivare questa e altre idee/strumenti/apis migliori per farlo?

Grazie. Il codice utilizzato è ...

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

Answer 1

#google_translate_element { 
    display:none; 
} 

CSS display: none potrebbe funzionare.

Answer 2

Sembra che puoi nasconderlo con alcuni CSS sull'iframe che usano per fare il "tool tip".

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

potrebbe essere un bersaglio in movimento come aggiornare il servizio e cambiare i nomi/struttura, ma funziona in questo momento su un sito in progress di miniera.

AGGIORNAMENTO: Ho notato un effetto di colore di sfondo passaggio del mouse/passaggio del mouse che sembra indugiare con questo metodo, ma sembra essere realizzato con JavaScript (aggiunto come attributi di stile sull'elemento stesso piuttosto che un commutatore di classe in cui può scavalcarlo più facilmente). Legarsi al traduttore JavaScript di Google per fare molto di qualsiasi cosa si è rivelato piuttosto difficile. Indipendentemente da ciò, liberarsi dell'iframe era la parte più importante.

Answer 3

Basta aggiungere questo CSS per la parte superiore del vostro file 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; 
} 

ho sprecato 8 ore per capire questo fuori, ma ora dopo quei 3 righe di CSS Sembra grande :-) Si può vedere questo in azione qui: SEOgenie - Automated SEO

Answer 4

Penso che il mio metodo è migliore ^^

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


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

Answer 5

ci sono alcune cose che potete fare per "override" il display traduttore di Google sul tuo sito web.

Sono stato con il vuoto sanitario

Per nascondere la cassetta dei suggerimenti (la parte! Importante è veramente importante :))

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

Per nascondere il alimentato da

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

Per rimuovere il frame superiore

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

Thera sono un po 'di più, ma immagino quanto sopra vi guiderà sulla strada giusta;)

Saluti a tutti.