Google Translator

Temas: JavaScript
Juan Mellado, 29 Mayo, 2010 - 13:51

El traductor de Google cada día funciona mejor, y hace tiempo que quería ponerlo en mi web. Lo acabo de hacer, y la verdad es que me ha resultado muy sencillo. Sólo hay que ejecutar tres simples pasos descritos en el siguiente enlace:

http://translate.google.com/translate_tools

Lo que más me ha costado es conseguir integrarlo con el diseño de la web. Los colores por defecto del traductor no encajaban con el sitio donde quería ponerlo, en la cabecera con el fondo azul, así que al final he tenido que buscar un poco para ver como resolverlo.

El API no permite personalizar los colores del traductor, así que la única solución que se recomienda es utilizar una hoja de estilo propia para sobrescribir las clases CSS originales cuyos nombres se pueden obtener con un poco de ingenieria inversa sin mucho esfuerzo:

<style>
  div.goog-te-gadget{
    color:#ffffff;
  }
  a.goog-logo-link:link,
  a.goog-logo-link:visited{
    color:#ffffff;
    font-weight: normal;
  }
</style>

Lo único que no ha quedado demasiado legible es el logo de Google. Creo que una imagen alternativa con un borde blanco alrededor de cada letra podría solucionar ese problema. A ver si actualizan el API algún día y permiten personalizar este tipo de cosas.

¿No encontró lo que buscaba?

Utilice el buscador para encontrar más páginas en esta web o en toda Internet.
 
Web www.inmensia.com