Poner traductor google con banderas animadas

Ver el tema anterior Ver el tema siguiente Ir abajo

Tutorial Poner traductor google con banderas animadas

Mensaje por Stocking el Mar Mar 27, 2012 12:25 pm

Despues de varias modifiaciones para el foro,blog...siempre es bueno quedarse con algun tutorial recordatorio de como se hacen algunos diseños para nuestras páginas.
Para aquellos que quieran tener un traductor google en su página como este:
Spoiler:




Traductor








English



French

German



Spain



Italian



Dutch

Russian



Portuguese



Japanese



Korean



Arabic



Chinese Simplified











.google_translate img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

border:0;

}

.google_translate:hover img {

filter:alpha(opacity=30);

-moz-opacity: 0.30;

opacity: 0.30;

border:0;

}

.google_translatextra:hover img {

filter:alpha(opacity=0.30);

-moz-opacity: 0.30;

opacity: 0.30;

border:0;

}







English



French

German



Spain



Italian



Dutch

Russian



Portuguese



Japanese



Korean



Arabic



Chinese Simplified








Solo teneis que abrir un nuevo gadget en vuestro blog,añadir nuevo javascript/html y copiar y pegar el siguiente código tal y como está:
Código:
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<center><a href="http://amigaswebs.blogspot.com/2010/12/traductor-con-banderas-animadas-para-tu.html/" target="_parent">Traductor</a><center>
<style>



.google_translate img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

border:0;

}

.google_translate:hover img {

filter:alpha(opacity=30);

-moz-opacity: 0.30;

opacity: 0.30;

border:0;

}

.google_translatextra:hover img {

filter:alpha(opacity=0.30);

-moz-opacity: 0.30;

opacity: 0.30;

border:0;

}

</style>

<div>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Gran-Bretana.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Francia.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Alemania.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Espana.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Italia.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Paises%20Bajos.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Rusia.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Portugal.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Japon.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Corea%20del%20Sur.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/Arabia%20Saudi.gif" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://www.100pies.net/Gifs/Banderas/Banderas/China.gif" style="cursor: pointer;margin-right:8px" width="24" /></a> </div>

<div 0px 0pxãƒâ¢?? style="â??font-size:10px;margin:8px" 3px></div>
<center><a href="http://amigaswebs.blogspot.com/2010/12/traductor-con-banderas-animadas-para-tu.html" target="_blank"><span style="font-size:11px;" title="clic para agregar este gadget en tu blog"></span></a></center>



</center></center></!doctype>

Espero que os sirva de ayuda conejo3:



Anime-Planet.com - anime | manga | reviews



Gracias Invitado por tus 0 mensajes leyendo las NORMAS DEL FORO

Stocking
Administradora
Administradora

Femenino
Edad actual : 30
Nº de mensajes : 1240
Inscripción : 10/01/2012
Votos recibidos : 272
Puntos totales : 3870
Localidad : Palencia
Medallas :

http://engancha-2.forumsmusic.com

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.