Traductor Google con Banderas

johnpeterjp escribió:Amigo Lobo91, mira esta web que estoy preparando, fíjate en la forma de presentar el mismo traductor que usas en la tuya, solo que no me ensucia el diseño de buenas a primeras, solo cuando el visitante solicita la traducción aparece la barra del traductor Google. Observa:

http://www.aaci.cl/index.html

Si te gusta la idea te paso el código, las banderas y te indico que retocar. Saludos.

Hola me gustaría mucho que me ayudaras y me pasaras los códigos para poder poner el traductor con banderas, te lo agradecería muchísimo.
saludos...

Ok, el código es el siguiente:

<form action="http://www.google.com/translate_p" style="margin:0;padding:0;">
          <script type="text/javascript"><!-- 
			document.write ("<input name='u' value='"+location.href+"' type='hidden' />") //--></script><noscript>
			  <input name="u" value="http://aaci.cl/" type="hidden" /></noscript><input name="hl" value="es" type="hidden" />
          <input name="ie" value="UTF8" type="hidden" /><input name="langpair" value="" type="hidden" />
          Traducir a:
          
           &nbsp;
          <input name="I2" type="image" class="imgtraducir" title="Traducir ésta página al Inglés" onClick="this.form.langpair.value=this.value" value="es|en" src="flags/en.png" align="center" />
		  &nbsp;
          <input name="I5" type="image" class="imgtraducir" title="Traducir ésta página al Francés" onClick="this.form.langpair.value=this.value" value="es|fr" src="flags/France.png" align="center" />
		  &nbsp;
          <input name="I7" type="image" class="imgtraducir" title="Traducir ésta página al Italiano" onClick="this.form.langpair.value=this.value" value="es|it" src="flags/Italy.png" align="center" />
		  &nbsp;
          <input name="I6" type="image" class="imgtraducir" title="Traducir ésta página al Alemán" onClick="this.form.langpair.value=this.value" value="es|de" src="flags/Germany.png" align="center" />
		  &nbsp;
          <input name="I2" type="image" class="imgtraducir" title="Traducir ésta página al Chino" onClick="this.form.langpair.value=this.value" value="es|zh-CN" src="flags/China.png" align="center" />
		  &nbsp;
          <input name="I12" type="image" class="imgtraducir" title="Traducir ésta página al Ruso" onClick="this.form.langpair.value=this.value" value="es|ru" src="flags/Russian.png" align="center" />
          &nbsp;
          <input name="I4" type="image" class="imgtraducir" title="Traducir ésta página al Turko" onClick="this.form.langpair.value=this.value" value="es|tr" src="flags/turkieh.png" align="center" />
          &nbsp;
          <input name="I8" type="image" class="imgtraducir" title="Traducir ésta página al Japonés" onClick="this.form.langpair.value=this.value" value="es|ja" src="flags/Japan.png" align="center" />
          &nbsp;&nbsp;
          <input name="I9" type="image" class="imgtraducir" title="Traducir ésta página al Koreano" onClick="this.form.langpair.value=this.value" value="es|ko" src="flags/Korea.png" align="center" />
          &nbsp;
          <input name="I7" type="image" class="imgtraducir" title="Traducir ésta página al Indonesio" onClick="this.form.langpair.value=this.value" value="es|id" src="flags/id.png" align="center" />
          &nbsp;
          <input name="I8" type="image" class="imgtraducir" title="Traducir ésta página al Hindi" onClick="this.form.langpair.value=this.value" value="en|hi" src="flags/in.png" align="center" />
          &nbsp;
          
          <input name="I1" type="image" class="imgtraducir" title="Traducir ésta página al Arabe" onClick="this.form.langpair.value=this.value" value="en|ar" src="flags/Arabia.png" align="center" />
          &nbsp;&nbsp;
          </form>

Busca dónde dice: "http://aaci.cl/" y lo reemplazas por tu web.

Acá te dejo las banderas:

http://www.megaupload.com/?d=ABREEH0V

Saludos.

Muchísimas gracias es todo un detalle, pero tengo dos problemas uno que no se que hacer con las banderas y otro que me salen en vertical y me gustaría tenerlo en horizontal.
Me podrías ayudar en esto?

muchas gracias de antemano, eres un crack!!!

Hola, las banderas si te fijas en el código, está la ruta para que se vean. Respecto de la posición, solo inserta el código en una capa que tenga su correspondiente CSS. Saludos.

EJ:

<div class="traducir">
			<form action="http://www.google.com/translate_p" style="margin:0;padding:0;">
          <script type="text/javascript"><!-- 
			document.write ("<input name='u' value='"+location.href+"' type='hidden' />") //--></script><noscript>
			  <input name="u" value="http://aaci.cl/" type="hidden" /></noscript><input name="hl" value="es" type="hidden" />
          <input name="ie" value="UTF8" type="hidden" /><input name="langpair" value="" type="hidden" />
          Traducir a:
          
           &nbsp;
          <input name="I2" type="image" class="imgtraducir" title="Traducir ésta página al Inglés" onClick="this.form.langpair.value=this.value" value="es|en" src="flags/en.png" align="center" />
		  &nbsp;
          <input name="I5" type="image" class="imgtraducir" title="Traducir ésta página al Francés" onClick="this.form.langpair.value=this.value" value="es|fr" src="flags/France.png" align="center" />
		  &nbsp;
          <input name="I7" type="image" class="imgtraducir" title="Traducir ésta página al Italiano" onClick="this.form.langpair.value=this.value" value="es|it" src="flags/Italy.png" align="center" />
		  &nbsp;
          <input name="I6" type="image" class="imgtraducir" title="Traducir ésta página al Alemán" onClick="this.form.langpair.value=this.value" value="es|de" src="flags/Germany.png" align="center" />
		  &nbsp;
          <input name="I2" type="image" class="imgtraducir" title="Traducir ésta página al Chino" onClick="this.form.langpair.value=this.value" value="es|zh-CN" src="flags/China.png" align="center" />
		  &nbsp;
          <input name="I12" type="image" class="imgtraducir" title="Traducir ésta página al Ruso" onClick="this.form.langpair.value=this.value" value="es|ru" src="flags/Russian.png" align="center" />
          &nbsp;
          <input name="I4" type="image" class="imgtraducir" title="Traducir ésta página al Turko" onClick="this.form.langpair.value=this.value" value="es|tr" src="flags/turkieh.png" align="center" />
          &nbsp;
          <input name="I8" type="image" class="imgtraducir" title="Traducir ésta página al Japonés" onClick="this.form.langpair.value=this.value" value="es|ja" src="flags/Japan.png" align="center" />
          &nbsp;&nbsp;
          <input name="I9" type="image" class="imgtraducir" title="Traducir ésta página al Koreano" onClick="this.form.langpair.value=this.value" value="es|ko" src="flags/Korea.png" align="center" />
          &nbsp;
          <input name="I7" type="image" class="imgtraducir" title="Traducir ésta página al Indonesio" onClick="this.form.langpair.value=this.value" value="es|id" src="flags/id.png" align="center" />
          &nbsp;
          <input name="I8" type="image" class="imgtraducir" title="Traducir ésta página al Hindi" onClick="this.form.langpair.value=this.value" value="en|hi" src="flags/in.png" align="center" />
          &nbsp;
          
          <input name="I1" type="image" class="imgtraducir" title="Traducir ésta página al Arabe" onClick="this.form.langpair.value=this.value" value="en|ar" src="flags/Arabia.png" align="center" />
          &nbsp;&nbsp;
          </form>
			</div>

Y el CSS:

.traducir {float:center; width:100%; height:12px; text-align:center; margin-top:1px; color:#ffffff;}
.imgtraducir {width:16px; height:11px;}

Ahí definimos el CSS para la capa y el tamaño de las imágenes (banderas) Saludos.

Muchas gracias por tu ayuda pero me gustaría poder ponerlas en horizontal, mi web es jimdo por si te sirve de algo.