initial commit

1 files changed, 194 insertions, 0 deletions

diff --git a/files/pt-pt/learn/html/multimedia_and_embedding/pagina_de_boas_vindas_da_mozilla/index.html b/files/pt-pt/learn/html/multimedia_and_embedding/pagina_de_boas_vindas_da_mozilla/index.html
new file mode 100644
index 0000000000..aad765e97a
--- /dev/null
+++ b/files/pt-pt/learn/html/multimedia_and_embedding/pagina_de_boas_vindas_da_mozilla/index.html
@@ -0,0 +1,194 @@
+---
+title: 'Avaliação: Página inicial da Mozilla'
+slug: Learn/HTML/Multimedia_and_embedding/Pagina_de_boas_vindas_da_Mozilla
+tags:
+  - Avaliação
+  - HTML
+  - Imagens
+  - Incorporação
+  - Multimedia
+  - Principiante
+  - Responsivo
+  - Video
+  - iframe
+  - imagem
+  - tamanhos
+translation_of: Learn/HTML/Multimedia_and_embedding/Mozilla_splash_page
+---
+<div>{{LearnSidebar}}</div>
+
+<div>{{PreviousMenu("Learn/HTML/Multimedia_and_embedding/Responsive_images", "Learn/HTML/Multimedia_and_embedding")}}</div>
+
+<p class="summary">Nesta parte, testaremos seu conhecimento de algumas técnicas discutidas nos artigos deste módulo, pedindo que você adicione imagens e vídeos a uma grande página inteiramente dedicada ao Mozilla!</p>
+
+<table class="learn-box standard-table">
+ <tbody>
+  <tr>
+   <th scope="row">Pré-requisitos:</th>
+   <td>Antes de abordar este estudo, você já deve ter trabalhado nos parágrafos anteriores do módulo <a href="/pt-PT/docs/Learn/HTML/Multimedia_and_embedding">Multimídia e Integração</a>.</td>
+  </tr>
+  <tr>
+   <th scope="row">Objetivo:</th>
+   <td>Testar seus conhecimentos sobre a integração de imagens e vídeos em páginas da Web, bem como técnicas de imagens adaptativas (imagens "responsivas").</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Ponto_de_partida">Ponto de partida</h2>
+
+<p><font><font>Para iniciar este estudo, você precisa buscar todas as imagens e HTML disponíveis no </font></font><a href="https://github.com/mdn/learning-area/blob/master/html/multimedia-and-embedding/mdn-splash-page-start/" rel="noopener"><font><font>diretório mdn-splash-page-start</font></font></a><font><font> no github. </font><font>Coloque o conteúdo do arquivo </font></font><a href="https://github.com/mdn/learning-area/blob/master/html/multimedia-and-embedding/mdn-splash-page-start/index.html" rel="noopener"><font><font>index.html</font></font></a><font><font>em um arquivo chamado </font></font><code>index.html</code><font><font>em seu disco rígido local, em um novo diretório. </font><font>Em seguida, copie </font></font><a href="https://github.com/mdn/learning-area/blob/master/html/multimedia-and-embedding/mdn-splash-page-start/pattern.png" rel="noopener"><font><font>pattern.png</font></font></a><font><font> na mesma pasta</font></font> (clique com o botão direito sobre a imagem para obter a opção de salvá-la).</p>
+
+<p><font><font>Vá para o diretório </font></font><a href="https://github.com/mdn/learning-area/tree/master/html/multimedia-and-embedding/mdn-splash-page-start/originals" rel="noopener"><font><font>original</font></font></a><font><font> para  </font><font>procurar por imagens diferentes e fazer a mesma coisa. </font><font>Talvez seja necessário salvá-las em uma nova pasta por enquanto, caso você precise manipular algumas delas usando um editor gráfico antes de usá-las.</font></font></p>
+
+<div class="note">
+<p><strong>Note</strong>: O arquivo HTML de exemplo contém bastante CSS para estilizar a página. <font><font>Você não precisa alterar o CSS, apenas o HTML no elemento </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/body" title="O elemento &lt;body> representa o conteúdo principal do documento HTML.  Só pode haver um elemento &lt;body> por documento."><code>&lt;body&gt;</code></a><font><font> - contanto que você insira as tags corretas, o estilo corresponderá à essas alterações.</font></font></p>
+</div>
+
+<h2 id="Sumário_do_projeto">Sumário do projeto</h2>
+
+<p>Nesta parte, apresentamos uma home page quase acabada da Mozilla, que visa dizer algo interessante sobre o que a Mozilla representa e fornecer alguns links para outros recursos. Infelizmente, nenhuma imagem ou vídeo foi adicionado ainda - este é o seu trabalho! Você precisa adicionar algumas mídias para tornar a página mais bonita e fazer mais sentido. As subseções a seguir detalham o que você precisa fazer:</p>
+
+<h3 id="Preparando_as_imagens">Preparando as imagens</h3>
+
+<p>Usando seu editor de imagem favorito, crie versões com 400px de largura por 120px de largura de:</p>
+
+<ul>
+ <li><code>firefox_logo-only_RGB.png</code></li>
+ <li><code>firefox-addons.jpg</code></li>
+ <li><code>mozilla-dinosaur-head.png</code></li>
+</ul>
+
+<p>Dê a eles nomes semelhantes como:  <code>firefoxlogo400.png</code> e <code>firefoxlogo120.png</code>.</p>
+
+<p>Juntamente com o <code>mdn.svg</code>, essas imagens serão seus ícones para vincular a outros recursos, dentro da área <code>further-info</code>. Você também vinculará o logotipo do Firefox no cabeçalho do site. Salve cópias de todos estes arquivos dentro do mesmo diretório de <code>index.html</code>.</p>
+
+<p>Em seguida, crie uma versão com 1200px de largura, no modo paisagem, de <code>red-panda.jpg</code>, e outra, com 600px de largura, no modo retrato, que mostre o panda em close-up. Mais uma vez, nomeie-os de forma semelhante para identificá-los facilmente. <font><font>Salve todas essas cópias na mesma pasta que o </font></font><code>index.html</code><font><font>.</font></font></p>
+
+<div class="note">
+<p><strong>Nota</strong>: <font><font>Você deve otimizar suas imagens em JPG e PNG para torná-las o menor possível e, ao mesmo tempo, de boa qualidade. O </font></font><a href="https://tinypng.com/" rel="noopener"><font><font>tinypng.com</font></font></a><font><font> é uma boa ajuda para fazer isso facilmente.</font></font></p>
+</div>
+
+<h3 id="Adicionando_um_logotipo_ao_cabeçalho">Adicionando um logotipo ao cabeçalho</h3>
+
+<p><font><font>Dentro do elemento </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/header" title="O elemento HTML &lt;header> representa um grupo de conteúdo introdutório ou conteúdo que ajuda na navegação.  Pode conter elementos de título, mas também outros elementos, como um logotipo, um formulário de pesquisa, etc."><code>&lt;header&gt;</code></a><font><font>, adicione um elemento </font></font><code><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/img" title="O elemento HTML &lt;img> é usado para representar uma imagem em um documento.">&lt;img&gt;</a></code><font><font> que incluirá uma versão pequena do logotipo do Firefox no cabeçalho.</font></font></p>
+
+<h3 id="Adicionando_um_vídeo_ao_conteúdo_do_artigo_principal">Adicionando um vídeo ao conteúdo do artigo principal</h3>
+
+<p><font><font>No item </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/article" title="O elemento HTML &lt;article> representa o conteúdo autônomo em um documento, página, aplicativo ou site.  Pode ser uma mensagem em um fórum, um artigo de jornal ou revista, uma postagem de blog, um comentário de usuário, um widget ou um gadget interativo ou qualquer outro conteúdo independente.  Este conteúdo destina-se a ser distribuído ou reutilizado de forma independente (por exemplo, em um feed de distribuição)."><code>&lt;article&gt;</code></a><font><font>  (logo abaixo da tag de abertura), incorpore o vídeo do YouTube encontrado aqui: </font></font><a href="https://www.youtube.com/watch?v=ojcNcvb1olg" rel="noopener"><font><font>https://www.youtube.com/watch?v=ojcNcvb1olg</font></font></a><font><font>, usando as ferramentas apropriadas do YouTube para gerar o código. </font><font>O vídeo terá que ter 400px de largura.</font></font></p>
+
+<h3 id="Adicionando_imagens_responsivas_aos_links_de_informação_adicionais">Adicionando imagens responsivas aos links de informação adicionais</h3>
+
+<p><font><font>No elemento </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/div" title="O elemento HTML &lt;div> (que significa divisão do documento) é um contêiner genérico que permite organizar o conteúdo sem representar nada em particular.  Ele pode ser usado para agrupar outros elementos para aplicar um estilo a eles (usando os atributos class ou id) ou porque eles compartilham atributos com valores comuns, como lang.  Ele deve ser usado somente quando nenhum outro elemento semântico (por exemplo, &lt;article> ou &lt;nav>) for apropriado."><code>&lt;div&gt;</code></a><font><font>, na classe </font></font><code>further-info</code><font><font> você encontrará quatro outros elementos </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/a" title="O elemento &lt;a> (âncora ou âncora) define um hiperlink para outro local na mesma página ou para outra página na Web."><code>&lt;a&gt;</code></a><font><font> - cada um deles vinculado a uma página interessante relacionada ao Mozilla. </font><font>Para concluir esta seção, você irá inserir um elemento </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/img" title="O elemento HTML &lt;img> é usado para representar uma imagem em um documento."><code>&lt;img&gt;</code></a><font><font> contendo os atributos </font></font><code><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/img#attr-src">src</a></code><font><font>, </font></font><code><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/img#attr-alt">alt</a></code><font><font>, </font></font><code><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/img#attr-srcset">srcset</a></code><font><font> e </font></font><code><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/img#attr-sizes">sizes</a></code><font><font> de forma apropriada.</font></font></p>
+
+<p> </p>
+
+<p><font><font>Queremos que cada imagem (exceto quando a mesma for responsiva) use uma imagem de 120px quando a largura da janela de visualização do navegador for menor ou igual a 480px e, em outros casos, escolha uma versão de 400px.</font></font></p>
+
+<p><font><font>Verifique se o link correto corresponde à imagem correta!</font></font></p>
+
+<p> </p>
+
+<div class="note">
+<p><strong>Nota</strong>: <font><font>Para testar adequadamente os exemplos </font></font><code>srcset</code><font><font>/</font></font><code>sizes</code><font><font>, você deve fazer o upload do seu site em um servidor (use as </font></font><a href="https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Using_Github_pages"><font><font>páginas Github</font></font></a><font><font>, é uma solução simples e livre), e então você poderá testar, se tudo correr corretamente, usando as ferramentas de desenvolvimento, como explicado em </font></font><a href="https://developer.mozilla.org/en-US/Learn/HTML/Multimedia_and_embedding/Responsive_images#Useful_developer_tools"><font><font>Imagens Responsivas: ferramentas úteis para desenvolvedores</font></font></a><font><font>.</font></font></p>
+</div>
+
+<h3 id="Um_panda_vermelho_criativo">Um panda vermelho criativo</h3>
+
+<p><font><font>No elemento </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/div" title="O elemento HTML &lt;div> (que significa divisão do documento) é um contêiner genérico que permite organizar o conteúdo sem representar nada em particular.  Ele pode ser usado para agrupar outros elementos para aplicar um estilo a eles (usando os atributos class ou id) ou porque eles compartilham atributos com valores comuns, como lang.  Ele deve ser usado somente quando nenhum outro elemento semântico (por exemplo, &lt;article> ou &lt;nav>) for apropriado."><code>&lt;div&gt;</code></a><font><font> da classe </font></font><code>red-panda</code><font><font>, queremos inserir um elemento </font></font><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/picture" title="O elemento HTML &lt;picture> é um contêiner usado para definir vários elementos &lt;source> de zero para um elemento &lt;img>.  O navegador escolherá a fonte mais relevante de acordo com o layout da página (as restrições que se aplicam à caixa na qual a imagem será exibida), dependendo do dispositivo usado (a densidade de pixels da tela, por exemplo com dispositivos hiDPI) e em formatos suportados (por exemplo, WebP para navegadores Chromium ou PNG para outros).  Se nenhuma correspondência for encontrada entre os elementos &lt;source>, o arquivo definido pelo atributo src do elemento &lt;img> será usado."><code>&lt;picture&gt;</code></a><font><font> que exiba o o modo retrato do panda se o quadro tiver 600px de largura, ou menos, e o modo paisagem do panda em outros casos.</font></font></p>
+
+<h2 id="Exemplo">Exemplo</h2>
+
+<p>A captura de tela a seguir mostra como a página inicial deve ficar depois de marcada corretamente, com uma tela ampla e outra estreita.</p>
+
+<p><img alt="A wide shot of our example splash page" src="https://mdn.mozillademos.org/files/12946/wide-shot.png" style="border-style: solid; border-width: 1px; display: block; height: 620px; margin: 0px auto; width: 700px;"></p>
+
+<p><img alt="A narrow shot of our example splash page" src="https://mdn.mozillademos.org/files/12944/narrow-shot.png" style="border-style: solid; border-width: 1px; display: block; height: 1069px; margin: 0px auto; width: 320px;"></p>
+
+<h2 id="Avaliação">Avaliação</h2>
+
+<p><font><font>Se você está seguindo este estudo como parte de um programa de curso organizado, você deve poder mostrar seu trabalho ao seu professor/mentor para correção. </font><font>Se você aprender sozinho, você pode obter informações e correções perguntando no </font></font><a href="https://discourse.mozilla.org/t/mozilla-splash-page-assignment/24679" rel="noopener"><font><font>tópico sobre este exercício</font></font></a><font><font>, ou no canal de IRC </font></font><a href="irc://irc.mozilla.org/mdn"><font><font>#mdn</font></font></a><font><font> no </font></font><a href="https://wiki.mozilla.org/IRC" rel="noopener"><font><font>IRC da Mozilla</font></font></a><font><font>. </font><font>Tente fazer o exercício primeiro - você não ganha nada enganando!</font></font></p>
+
+<p>{{PreviousMenu("Learn/HTML/Multimedia_and_embedding/Responsive_images", "Learn/HTML/Multimedia_and_embedding")}}</p>
+
+<div id="SL_balloon_obj" style="display: block;">
+<div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; opacity: 0; display: block; left: -8px; top: -25px; transition: visibility 2s ease 0s, opacity 2s linear 0s;"> </div>
+
+<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+
+<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_planshet">
+<div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
+
+<div id="SL_Bproviders">
+<div class="SL_BL_LABLE_ON" id="SL_P0" title="Google">G</div>
+
+<div class="SL_BL_LABLE_ON" id="SL_P1" title="Microsoft">M</div>
+
+<div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
+</div>
+
+<div id="SL_alert_bbl" style="display: none;">
+<div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
+
+<div id="SL_alert_cont"> </div>
+</div>
+
+<div id="SL_TB">
+<table id="SL_tables">
+ <tbody>
+  <tr>
+   <td class="SL_td"><input></td>
+   <td class="SL_td"><select><option value="auto">Detectar idioma</option><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
+   <td class="SL_td">
+    <div id="SL_switch_b" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Alternar Idiomas"> </div>
+   </td>
+   <td class="SL_td"><select><option value="af">Africâner</option><option value="sq">Albanês</option><option value="de">Alemão</option><option value="ar">Arabe</option><option value="hy">Armênio</option><option value="az">Azerbaijano</option><option value="eu">Basco</option><option value="bn">Bengali</option><option value="be">Bielo-russo</option><option value="my">Birmanês</option><option value="bs">Bósnio</option><option value="bg">Búlgaro</option><option value="ca">Catalão</option><option value="kk">Cazaque</option><option value="ceb">Cebuano</option><option value="ny">Chichewa</option><option value="zh-CN">Chinês (Simp)</option><option value="zh-TW">Chinês (Trad)</option><option value="si">Cingalês</option><option value="ko">Coreano</option><option value="ht">Crioulo haitiano</option><option value="hr">Croata</option><option value="da">Dinamarquês</option><option value="sk">Eslovaco</option><option value="sl">Esloveno</option><option value="es">Espanhol</option><option value="eo">Esperanto</option><option value="et">Estoniano</option><option value="fi">Finlandês</option><option value="fr">Francês</option><option value="gl">Galego</option><option value="cy">Galês</option><option value="ka">Georgiano</option><option value="el">Grego</option><option value="gu">Gujarati</option><option value="ha">Hauça</option><option value="iw">Hebraico</option><option value="hi">Hindi</option><option value="hmn">Hmong</option><option value="nl">Holandês</option><option value="hu">Húngaro</option><option value="ig">Igbo</option><option value="id">Indonésio</option><option selected value="en">Inglês</option><option value="yo">Ioruba</option><option value="ga">Irlandês</option><option value="is">Islandês</option><option value="it">Italiano</option><option value="ja">Japonês</option><option value="jw">Javanês</option><option value="kn">Kannada</option><option value="km">Khmer</option><option value="lo">Laosiano</option><option value="la">Latim</option><option value="lv">Letão</option><option value="lt">Lituano</option><option value="mk">Macedônico</option><option value="ml">Malaiala</option><option value="ms">Malaio</option><option value="mg">Malgaxe</option><option value="mt">Maltês</option><option value="mi">Maori</option><option value="mr">Marathi</option><option value="mn">Mongol</option><option value="ne">Nepalês</option><option value="no">Norueguês</option><option value="fa">Persa</option><option value="pl">Polonês</option><option value="pt">Português</option><option value="pa">Punjabi</option><option value="ro">Romeno</option><option value="ru">Russo</option><option value="sr">Sérvio</option><option value="st">Sesotho</option><option value="so">Somália</option><option value="sw">Suaíli</option><option value="su">Sudanês</option><option value="sv">Sueco</option><option value="tg">Tadjique</option><option value="tl">Tagalo</option><option value="th">Tailandês</option><option value="ta">Tâmil</option><option value="cs">Tcheco</option><option value="te">Telugo</option><option value="tr">Turco</option><option value="uk">Ucraniano</option><option value="ur">Urdu</option><option value="uz">Uzbeque</option><option value="vi">Vietnamita</option><option value="yi">Yiddish</option><option value="zu">Zulu</option></select></td>
+   <td class="SL_td">
+    <div id="SL_TTS_voice" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Ouça"> </div>
+   </td>
+   <td class="SL_td">
+    <div class="SL_copy" id="SL_copy" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Copiar"> </div>
+   </td>
+   <td class="SL_td">
+    <div id="SL_bbl_font_patch"> </div>
+
+    <div class="SL_bbl_font" id="SL_bbl_font" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Tamanho da fonte"> </div>
+   </td>
+   <td class="SL_td">
+    <div id="SL_bbl_help" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Ajuda"> </div>
+   </td>
+   <td class="SL_td">
+    <div class="SL_pin_off" id="SL_pin" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Fixar a janela de pop-up"> </div>
+   </td>
+  </tr>
+ </tbody>
+</table>
+</div>
+</div>
+
+<div id="SL_shadow_translation_result" style=""> </div>
+
+<div class="SL_loading" id="SL_loading" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
+
+<div id="SL_player2"> </div>
+
+<div id="SL_alert100">A função de fala é limitada a 200 caracteres</div>
+
+<div id="SL_Balloon_options" style="background: rgb(255, 255, 255)  repeat scroll 0% 0%;">
+<div id="SL_arrow_down" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;"> </div>
+
+<table id="SL_tbl_opt" style="width: 100%;">
+ <tbody>
+  <tr>
+   <td><input></td>
+   <td>
+    <div id="SL_BBL_IMG" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%;" title="Mostrar o botão do ImTranslator 3 segundos"> </div>
+   </td>
+   <td><a class="SL_options" title="Mostrar opções">Opções</a> : <a class="SL_options" title="Histórico de tradução">Histórico</a> : <a class="SL_options" title="Comentários">Comentários</a> : <a class="SL_options" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GD9D8CPW8HFA2" title="Faça sua contribuição">Donate</a></td>
+   <td><span id="SL_Balloon_Close" title="Encerrar">Encerrar</span></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+</div>
+</div>