Esse código em Java é uma atualização do antigo código que eu já passei aqui no Memories. Apenas, que agora ele tem o fundo/background em preto. Só que, parece que a conexão da internet tá de ‘mau comigo’, pois, toda vez que eu tento publicar o post com o código ela caí!!!! Ai Brasil Telecom! Ai Br Turbo! O post está aparecendo sem o código. Prometo, se amanhã melhorar a conexão, eu edito e publico o restante.

 

1. O código é igual ao do tradutor em fundo branco, só muda o link da imagem com as bandeiras/flags com back preto. Copie e cole esse código abaixo no seu blog, adicionando-o como novo elemento na página (Html/Java).

<center><img src="http://img89.imageshack.us/img89/6632/84056383at1qx3lt2.png"/></c enter>
<form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation" target="_blank">
<input value="ES" name="wl_srclang" type="hidden"/>
<select style="font-size: 70%; width: 160px;" name="wl_trglang">
<option value="EN"/>Português - Inglês
<option value="FR"/>Português - Francês
<option value="DE"/>Português - Alemão
<option value="IT"/>Português - Italiano
<option value="PT"/>Português - Português
<option value="RU"/>Português - Russo
<option value="ES"/>Português - Espanhol
</select>
<input value="http://urldoseublog.blogspot.com/" name="wl_url" type="hidden"/>
<input style="font-size: 70%; width: 50px;" value="Traduce" type="submit"/>
</form>

 

2. Adicione algumas linhas de código no CSS do template, de modo que você veja o tradutor como mais lhe agradar.

/* Código do tradutor —– */

form#translateForm select {
background-color:#000;
color:#ddd;
border:1px solid #999;
}
form#translateForm input {
background-color:transparent;
color:#ddd;
border:1px solid #999;
}

3. Se deixamos este código como está, é assim que ele vai aparecer no seu blog.

 

O código CSS está dividido em 2 partes:

a) a da janela que mostar as opções de escolha do idioma:

form#translateForm select {
background-color:#000;
color:#ddd;
border:1px solid #999;
}

 

background-color: #000, é a cor do back da janela de seleção, nesse caso está na cor preta (#000) mas, podemos optar por qualquer outra cor.

color: #ddd; é a cor do texto, está em cinza claro, mas, pode ser mudado a gosto.

border:1px solid #999; É o tipo de borda que está ao redor da janela de opções, podemos escolher a grossura da borda (1px), a cor (#999) e o tipo de borda (solid, dashed, dotted)

b) E, sobre a janela do botão "Traduza":

form#translateForm input {
background-color:transparent;
color:#ddd;
border:1px solid #999;

Pode alterar esse botão (das bandeiras) a gosto também. Por último, se você adicionar o código com o CSS para o tradutor explicado anteriormente (com o fundo branco) também poderá ser alterado a gosto.