23 Jun Traductor Google Translate en nuestro Proyecto WEB
Traductor Google Translate en nuestro Proyecto WEB
Traductor Google Translate en nuestro Proyecto WEB. Insertar Google Translate en nuestra pagina web diseñada en PHP, Html.
En esta ocasión os muestro como podéis traducir una web fácilmente con una traducción automática aunque lógicamente lo suyo es hacer una traducción Profesional esto es un apaño.
Os enseño el código que tenéis que poner en vuestra web.
<!--
<p>Hola Mundo</p>
<div id="google_translate_element" class="google"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'es', includedLanguages: 'ca,eu,gl,en,fr,it,pt,de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, gaTrack: true}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
–>
Pero una vez insertado querréis saber la manera de ocultar la barra de arriba de Google en modo responsive ????
No pasa nada os dejo el código..
<!–
@media screen and (max-width: 736px){
#header nav {
right: 0.5em;
top: 3em !important;
}
.goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div {
color: #0000cc;
background: #ffffff;
font-size: 14px !important;
}
body.goog-te-banner {
color: transparent !important;
display: none !important;
width: 0px !important;
/* border: transparent; */
}
.goog-te-banner-frame {
visibility: hidden;
left: 0px;
top: 0px;
height: 0px !important;
width: 100%;
z-index: 10000001;
position: fixed;
border: none;
border-bottom: 1px solid #6b90da;
margin: 0;
-moz-box-shadow: 0 0 8px 1px #999999;
-webkit-box-shadow: 0 0 8px 1px #999999;
box-shadow: 0 0 8px 1px #999999;
_position: absolute;
}
}
–>
De esta manera podéis tener vuestra web traducida os enseño donde lo puse…
Traductor Google Translate en nuestro Proyecto WEB
Pagina Web barcelonavacaciones.com