[Tutorial/Informática] HTML avançado.

por **ADM-ImpacT** Seg Ago 30, 2010 5:21 am

Curso de HTML

Bem, primeiro, eu quero dizer que, este é um curso básico de HTML, por isso, eu vou direto ao assunto.

Esse curso foi feito para você que, é novo na Internet e quer fazer um site. Depois que você terminar o curso, eu sugiro que você faça um site, pode ser um site simples, pequeno, mas faça. Tenho certeza que se você aprender essa linguagem você vai criar sites sozinho! Coloque em prática o que você aprendeu.

Bem, vamos ao que interessa, o curso.

Um site possui um código- fonte, normalmente escrito no Bloco de notas do Windows. Este código fonte é escrito em alguma linguagem para web, que é normalmente o HTML. O browser (programa que você utiliza para navegar na internet, como o Internet Explorer, Netscape, etc.) interpreta esse código, e assim, ele cria um site. Ou seja, esses códigos são como instruções que o browser lê e cria o site, para que o usuário possa vê- lo. Para Ter um exemplo de código fonte, clique em exibir, código fonte.

O que você precisa para criar um site, é conhecer esses códigos e fazer com que o browser o interprete.

Primeiro vamos conhecer as tags. As tags, são inicialmente escritas com o sinal < e fechadas com o sinal >, ficando . As tags são formadas em pares, ou seja, uma abre, e a outra fecha, sendo que, a que fecha tem o sinal de / dentro dela, por exemplo: abre: fecha: . Por exemplo, a tag indica que tudo o que estiver escrito entre elas ficará sublinhado. Exemplo: Texto sublinhado . Ficaria assim: Texto sublinhado. Resumindo, um código fonte, é formado por tags, e, cada uma tem sua função, e à seguir, você vai ver as principais tags que formam um site, e aonde coloca- las.

Agora, que você já sabe o que é tags, vamos aprender onde coloca- las, e as principais tags para fazer um site, tipo assim, as tags base, que todo site tem que te- las.

Bem, primeiro, vá no menu "iniciar", "programas" , "acessórios", "bloco de notas"(ou note pad). Vai abrir o bloco de notas. Lá você vai colocar as tags exatamente como estão aqui:

Código:: <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> </BODY> </HTML>

HTML: indica que tudo o que estiver entre ela, será um site.

HEAD: indica que dentro dela você pode colocar o titulo da página.

TITLE: Lá fica o titulo da sua página, aquela que no topo do browser, aquela frase que fica ao lado no "Microsoft Internet Explorer".

BODY: Dentro dela fica o corpo da página, os textos, as tabelas, os scripts, etc.

Depois que você fez isso, escreva exatamente isso entre a tag :

Meu primeiro trabalho em HTML, ficando assim:

Código:: <HTML> <HEAD> <TITLE> O titulo que você quiser</TITLE> </HEAD> <BODY> Meu site!!!! Oba!!! </BODY> </HTML>

Note que, entre as tags está escrito "O titulo que você quiser", quer dizer que lá você coloca o titulo do seu site. Muito bem, agora, você salva o documento como site.html. É IMPORTANTE SABER QUE VOCÊ TEM QUE COLOCAR A EXTENÇÃO .HTML<br /><br />Abra o documento novamente e veja como ficou... NOSSA, QUE EMOÇÃO, NÃO SEI SE VOU CONSEGUIR RESPIRAR(heuheuheuheu). Agora, para alterar o site, faça como descrito antes: abra o seu site, clique em exibir, código fonte. Lá vai abrir o bloco de notas, do geitinho que você deixou... Se não conseguiu, tente de novo, e, se mesmo assim, me mande um e- mail. <br /><br />Agora vamos saber como mudar o fundo do seu site, e o que são parâmetros. Parâmetros são códigos que ficam dentro da tag. Ou seja, parâmetro não é tag, é um código que fica dentro dela. Vamos ver como modificar o fundo do site. São dois tipos, o fundo normal, que é feito por cor, e o fundo que ao invés da cor, é utilizado uma imagem. Para modificar o fundo, é simples, dentro da tag <BODY> use o parâmetro BGCOLOR, ficando <BODY BGCOLOR= "cor de fundo em inglês"> Onde está "cor de fundo em inglês", você deve colocar a cor que você quer que seja o fundo do site, mas em inglês, se quer fundo vermelho, coloque <BODY BGCOLOR= "red">.<br /><br />A Segunda opção é colocar uma imagem de fundo, cujo parâmetro é BACKGROUND( <BODY BACKGROUND= "endereço da imagem">). Deve ser utilizado, se você não quiser utilizar cor, e sim uma imagem. Veja os parâmetros configurados:<br /><br />1. SE QUISER O FUNDO EM CORES: <BODY BGCOLOR= "cor do fundo em inglês"> Onde está escrito "cor de fundo em inglês", você coloca a cor desejada em inglês.<br /><br /> 2. Se quiser o seu site com imagem de fundo escreva <BODY BGCOLOR= "endereço da imagem"> . <br /><br /><br />Se você chegou até aqui, parabéns. Agora vamos saber sobre as tags de formatação de texto e de alinhamento. São essas:<br /><br />FONT: Uma importante tag do HTML, com ela você pode definir o tamanho do texto, a fonte e a cor somente configurando seus parâmetros. Abaixo você vê os parâmetros dela e as funções:<br /><br />FACE: Nele você define a fonte.<br /><br />SIZE: Define o tamanho do texto.<br /><br />COLOR: Define a cor utilizada, mas em inglês, ou seja, para configurar a cor, você a coloca em inglês.<br /><br />Veja a tag FONT com os parâmetros configurados:<br /><br /><FONT SIZE= "2" COLOR= "red" FACE= "verdana"> O que você quiser escrever</FONT> Ficaria assim: o que você quiser escrever<br /><br />Agora vamos aprender a tag de alinhamento: DIV (<DIV ALIGN="..."></DIV><br />). Outra tag de muita importância no HTML, ela serve para o alinhamento do texto. Você pode centralizar o texto, alinhar para a direita e para a esquerda. Se quiser alinhar para a esquerda, escreva: <DIV ALIGN= "left"> Texto para a direita</DIV>. Left, em inglês significa esquerda. Para a direita você faz: <DIV ALIGN= "right"> Texto para a direita</DIV>, e para o centro é a mesma coisa( center).<br /><br />Veja algumas tags de formatação:<br /><br /> <br /><br /><BR></BR> Essa tag indica uma quebra de linha. Cada uma que você faz, vai aparecer uma linha em branco no seu site.<br /><br /><B></B> Todo o texto entre elas ficará em negrito. Exemplo: <BR>negrito</B> Resulta em : negrito.<br /><br /><DEL></DEL> Todo o texto entre elas, ficará tachado. Exemplo: <DEL>texto</DEL> Resulta: texto.<br /><br /><I></I> Todo o texto entre elas ficará em itálico. <I>Texto</I> Resulta: Texto.<br /><br /><U></U> O texto entre elas fica sublinhado. <U>Sublinhado</U> Fica: Sublinhado.<br /><br /><SUB></SUB> O texto fica subscrito. <SUB>texto subscrito</SUB> Resulta em: texto subscrito.<br /><br /><SUP></SUP> O texto fica sobrescrito. <SUP>sobrescrito</SUP>. Fica: sobrescrito.<br /><br /> <br /><br />Essas são algumas das muitas tags de formatação, depois, no final do curso, disponibilizarei outras tags de formatação, entre outras coisas... <br /><br /><br />Agora, vamos aprender o que são links e como usá- los. Link é todo texto que pode ser clicado. Link é todo texto, que, quando clicado pode te levar para qualquer outra página de um site. Ai está um exemplo de link: clique aqui.<br /><br />A tag utilizada é A HREF (<span style="color:#f00">[Tens de ter <a href="/profile?mode=register&/register?redirect=%2Ft183-tutorial-informatica-html-avancado">uma conta</a> e <a href="/login?/login?redirect=%2Ft183-tutorial-informatica-html-avancado">sessão iniciada</a> para poderes visualizar este link]</span>). Onde está "endereço da pagina..." você coloca o endereço dela, por exemplo, se o link der no site da UOL, você coloca <span style="color:#f00">[Tens de ter <a href="/profile?mode=register&/register?redirect=%2Ft183-tutorial-informatica-html-avancado">uma conta</a> e <a href="/login?/login?redirect=%2Ft183-tutorial-informatica-html-avancado">sessão iniciada</a> para poderes visualizar este link]</span> . <br /><br />Se você colocar o parâmetro TARGET(<span style="color:#f00">[Tens de ter <a href="/profile?mode=register&/register?redirect=%2Ft183-tutorial-informatica-html-avancado">uma conta</a> e <a href="/login?/login?redirect=%2Ft183-tutorial-informatica-html-avancado">sessão iniciada</a> para poderes visualizar este link]</span>), você especifica onde será aberto o endereço do link, por exemplo, se você colocar "_blank" depois do TARGET, você diz que o endereço citado será aberto em uma nova janela. Por exemplo: <span style="color:#f00">[Tens de ter <a href="/profile?mode=register&/register?redirect=%2Ft183-tutorial-informatica-html-avancado">uma conta</a> e <a href="/login?/login?redirect=%2Ft183-tutorial-informatica-html-avancado">sessão iniciada</a> para poderes visualizar este link]</span> Resulta em: <span style="color:#f00">[Tens de ter <a href="/profile?mode=register&/register?redirect=%2Ft183-tutorial-informatica-html-avancado">uma conta</a> e <a href="/login?/login?redirect=%2Ft183-tutorial-informatica-html-avancado">sessão iniciada</a> para poderes visualizar este link]</span><br /><br /><br /><strong>Tabela com esquinas arredondadas</strong><br /><br />Nesta artigo prático de HTML vamos criar uma tabela com as esquinas arredondadas, que poderá servir para destacar alguma informação no texto ou criar uma barra de links lateral um pouco mais vistosa. Abaixo aparece uma tabela como a que pretendemos conseguir.<br /><br />O exemplo não é nada complexo. Simplesmente cria-se uma tabela normal, na qual colocamos em cada uma de suas esquinas um gráfico que faz a forma arredondada. Os gráficos que utilizamos nesta ocasião têm uma parte com cor e outra transparente. A parte com cor é a que desenha a borda arredondada e a parte transparente deixa ver a cor de fundo que tivermos colocado na tabela. As imagens podem ser vistas em seguida. Para salvá-las utilize o botão direito do mouse em cima da imagem e selecione a opção que põe "Salvar imagem como..." ou algo parecido.<br /><br />Imagen de la esquina superior izquierda Imagen de la esquina superior derecha<br />Imagen de la esquina inferior izquierda Imagen de la esquina inferior derecha<br /><br />Em nosso exemplo, criamos imagens que têm a parte não transparente de cor branca, que corresponde com a cor de fundo da página onde queremos colocar a tabela. Se quisermos colocar uma tabela como esta sobre um fundo diferente do branco, deveríamos criar uns gráficos que tenham a mesma cor que o fundo, no lugar do branco.<br /><br /> <br />Esta tabela tem outra cor de fundo, mas foi criada com as mesmas imagens que a tabela anterior.<br /><br /> <br /> <br />O bom de que a outra cor utilizada na imagem seja transparente é que a tabela que criamos pode ter a cor de fundo que desejarmos. Esta outra tabela abaixo foi criada com as mesmas imagens do exemplo e, como se pode ver, tem outra cor de fundo que a anterior.<br /><br />Criação da tabela<br /><br />Agora vamos estudar o código HTML que precisamos para criar esta tabela com esquinas arredondadas. Provavelmente com outro código HTML mais simples também se poderia construir.<br /><br />A tabela que utilizamos contem várias células dispostas em duas filas e três colunas. Nas células das esquinas da tabela colocamos as quatro imagens que fazem o efeito das bordas arredondadas. Para certificarmos de que a colocação das imagens é a correta -procurando que as imagens fiquem coladas nas esquinas da tabela-, utilizamos os atributos que servem para alinhar o conteúdo da célula: align para o alinhamento horizontal e valign para o vertical.<br /><br />Na célula do centro é onde colocamos o corpo da tabela, com todo o texto que queremos que vá dentro, suas imagens, etc. O único detalhe a assinalar é que expandimos a célula central para que ocupe duas filas, com rowspan=2.<br /><br /><table width=300 cellspacing=0 cellpadding=0 bgcolor="#333399" border=0 align="right"><br /><tr><br /><td width=11 valign="top" align=left><img src="images/sup-izq.gif" width=11 height=11></td><br /><td rowspan=2><br /><font color="#ffffff" face="verdana,arial,helvetica" size=1><br /><br><br /><b>Tabela com esquinas arredondadas </b><br /><br><br /><br><br />Corpo da tabela. Podemos colocar o texto que desejarmos, que a tabela crescerá em altura suficiente para contê-lo.<br /><br><br /><br><br /></font><br /></td><br /><td width=11 valign="top" align=right><img src="images/sup-der.gif" width=11 height=11></td><br /></tr><br /><tr><br /><td width=11 align=left valign=bottom><img src="images/inf-izq.gif" width=11 height=11></td><br /><td width=11 align=right valign=bottom><img src="images/inf-der.gif" width=11 height=11></td><br /></tr><br /></table><br />Se alguém deseja utilizar este código para criar suas próprias tabelas, deverá modificar unicamente poucos dados:<br /><br /> * Texto do corpo da tabela<br /> * Color de fondo de la tabela <br /><br /><br /><strong>As cores</strong><br /><br /><br />As cores possuem um papel muito importante na composição de webs. São indicadas em valores RGB, ou seja, que para conseguir uma cor qualquer misturaremos quantidades de Vermelho, Verde e Azul.<br /> Os valores RBG são indicados em numeração hexadecimal, em base 16. (Os dígitos podem crescer até 16). Como não existem tantos dígitos numéricos se utilizam as letras da A à F.<br /><br />0=0 4=4 8=8 C=12<br />1=1 5=5 9=9 D=13<br />2=2 6=6 A=10 E=14<br />3=3 7=7 B=11 F=15<br /><br /> Para conseguir uma cor, misturaremos valores desta maneira:<br />RRGGBB<br />Onde cada valor pode crescer desde 00 até FF.<br /><br />Exemplo: Como se mudaria a fonte para escrever em vermelho:<br /><font color="#FF0000">Vermelho</font><br /><br />Ao Atributo cor lhe damos um valor RGB em formato hexadecimal. O caractere # se coloca ao princípio da expressão.<br /><br />Outras cores:<br />Laranja #FF8000<br />Verde turquesa #339966<br />Azul escuro #000080<br /><br />Cores compatíveis em todos os sistemas<br /><br /> Como as páginas web têm que ser vistas por todos os usuários, e os sistemas que utilizam para entrar são distintos, há que utilizar cores compatíveis com a paleta de todos eles.<br /> A forma de conseguir isto é limitando nossas cores aos que se podem conseguir utilizando a seguinte norma:<br /><br />Utilizaremos sempre<br />estes valores:<br />00<br />33<br />66<br />99<br />CC<br />FF<br /><br />Exemplos: #3366FF #FF9900 #666666<br /><br />====================================<br /><br /><strong>Origem: </strong><span style="color:#f00">[Tens de ter <a href="/profile?mode=register&/register?redirect=%2Ft183-tutorial-informatica-html-avancado">uma conta</a> e <a href="/login?/login?redirect=%2Ft183-tutorial-informatica-html-avancado">sessão iniciada</a> para poderes visualizar este link]</span></div></div></div><div class="postprofile" id="profile238"><dl><dt><img loading="lazy" src="https://2img.net/u/3213/12/67/28/avatars/1-95.jpg" alt="ADM-ImpacT" style="max-width: 170px; max-height: 260px" /><br /><strong style="font-size:1.2em"><span style="color:#F01313"><strong>ADM-ImpacT</strong></span></strong></dt><dd><strong><font color="#116206">Fun</font>dador</strong><br /><img src="https://i.servimg.com/u/f74/15/34/13/31/ger10.gif" alt="Fundador" title="Fundador" loading="lazy" /><br /></dd><dd class="dd_award right"></dd><dd class="award_more"></dd><dd><br /></dd><dd><span class="label"><span style="color:#000000;">Possui uma secção Info?</span> : </span> Não<br /><span class="label"><span style="color:#000000;">Idade</span> : </span> 34<br /><span class="label"><span style="color:#000000;">Warning</span> : </span> <img src="https://i.servimg.com/u/f76/11/66/91/15/11101010.png" alt="''Sem Warning''" title="''Sem Warning''" /><br /><span class="label"><span style="color:#000000;">Mensagens</span> : </span> 312<br /><span class="label"><span style="color:#000000;">Medalha</span> : </span> <img src="https://i.servimg.com/u/f24/15/34/13/31/meouro11.jpg" alt="Medalha de Ouro" title="Medalha de Ouro" /><br /><span class="label"><span style="color:#000000;"><img src="https://2img.net/h/cdn.iconfinder.net/data/icons/ledicons/coins.png" alt="Cash" /> Cash</span> : </span> 1732<br /><span class="label"><span style="color:#000000;">Reputação</span> : </span> 0<br /><span class="label"><span style="color:#000000;">Humor</span> : </span> Extrovertido<br /></dd><dd><br /></dd><dd> <a href="https://impact-info.forumeiros.com" title="Visitar a homepage do usuário" target="_blank" rel="nofollow"><img src="https://2img.net/i/fa/empty.gif" alt="https://impact-info.forumeiros.com" /></a></dd></dl></div><div class="clear"></div><div class="fa_like_div"><p class="fa_like_list" style="display: none;"></p><button class="rep-button " data-href="" data-href-rm=""><svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg><span>Gosto</span><span class="rep-nb" style="display:none;"></span></button><button class="rep-button " data-href="" data-href-rm=""><svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg><span>Não gosto</span><span class="rep-nb" style="display:none;"></span></button></div><p class="right"><a href="#top"><img src="https://2img.net/i/fa/empty.gif" alt="Ir para o topo" loading="lazy" /></a> <a href="#bottom"><img src="https://2img.net/i/fa/empty.gif" alt="Ir para baixo" loading="lazy" /></a></p><span class="corners-bottom"><span></span></span></div></div><a name="bottomtitle"></a><p class="left-box"><a href="#top"><img src="https://2img.net/i/fa/empty.gif" alt="Ir para o topo" loading="lazy" /></a></p><div class="clear"></div><div class="noprint"><p class="right"></p></div><div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em"><span class="corners-top"><span></span></span><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_more" src="https://2img.net/i/empty.gif" alt="+" align="" border="0" /></a></span><span class="ptrafic"> Tópicos semelhantes</span><span class="corners-bottom"><span></span></span></div><div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em"><span class="corners-top"><span></span></span><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img class="sprite-tabs_less" src="https://2img.net/i/empty.gif" alt="-" align="" border="0" /></a></span><span class="ptrafic"> Tópicos semelhantes</span><div class="clear"></div><div>» <a href="/t207-tutorial-informatica-overclock-em-placas-de-video" title="[Tutorial/Informática] Overclock em Placas de Vídeo" >[Tutorial/Informática] Overclock em Placas de Vídeo</a><br />» <a href="/t208-tutorial-informatica-overclock-na-memoria" title="[Tutorial/Informática] Overclock na Memória." >[Tutorial/Informática] Overclock na Memória.</a><br />» <a href="/t112-tutorial-informatica-acelerando-seu-computador-parte-2" title="[Tutorial/Informática] Acelerando seu computador (Parte 2)" >[Tutorial/Informática] Acelerando seu computador (Parte 2)</a><br /></div><span class="corners-bottom"><span></span></span></div><a name="quickreply"></a><hr /><div class="topic-actions"><div class="buttons"></div><div class="pathname-box"><p><a class="nav" href="/forum"> </a><a class="nav" href=""></a> :: <a href="/c5-informatica-tecnologia" class="nav"><span>Informática & Tecnologia</span></a> :: <a href="/f64-tutoriais-de-informatica" class="nav"><span>Tutoriais de Informática.</span></a></p></div><div class="pagination">Página <strong>1</strong> de <strong>1</strong></div></div><div class="clear"></div><form action="/viewforum" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}"><fieldset class="jumpbox"><label>Ir para: </label><select name="selected_id" onchange="if(this.options[this.selectedIndex].value != -1){ forms['jumpbox'].submit() }"><option value="-1">Selecionar um fórum</option><option value="-1"></option><option value="-1">|</option><option classe="1" value="c1">|--Administração</option><option classe="1" value="f1">| |--Avisos Geral</option><option classe="1" value="f10">| |--Avisos da Staff.</option><option classe="1" value="f13">| |--Eventos Impact Info.</option><option classe="1" value="f15">| |--Área de recrutamento Impact Info.</option><option classe="1" value="f51">| |--Promoções do fórum</option><option classe="1" value="f63">| |--Tribunal</option><option value="-1">| </option><option classe="1" value="c2">|--Novatos</option><option classe="1" value="f16">| |--Central dos visitantes</option><option classe="1" value="f11">| |--Iniciantes.</option><option value="-1">| </option><option classe="1" value="c8">|--Games</option><option classe="1" value="f32">| |--Notícias</option><option classe="1" value="f74">| |--Games de Xbox</option><option classe="1" value="f73">| |--Games de Browser.</option><option classe="1" value="f72">| |--Games MMORPG</option><option classe="1" value="f71">| |--Games da Nintendo</option><option classe="1" value="f70">| |--Games de Playstation</option><option classe="1" value="f69">| |--Games PC-Windows</option><option classe="1" value="f76">| |--Pedidos</option><option classe="1" value="f75">| |--Descrição de consoles</option><option classe="1" value="f77">| |--Imagens/Videos</option><option value="-1">| </option><option classe="1" value="c5">|--Informática & Tecnologia</option><option classe="1" value="f31">| |--Notícias</option><option classe="1" value="f30">| |--Apresentação</option><option classe="1" value="f67">| |--Descrição</option><option classe="1" value="f66">| |--Tecnologia</option><option classe="1" value="f65">| |--Imagens/Videos</option><option classe="1" value="f64">| |--Tutoriais de Informática.</option><option classe="1" value="f68">| |--Pedidos</option><option value="-1">| </option><option classe="1" value="c7">|--Outros Serviços</option><option classe="1" value="f7">| |--Divulgação</option><option classe="1" value="f26">| | |--Divulgação de Fórum</option><option classe="1" value="f25">| | |--Divulgação de Blog</option><option classe="1" value="f24">| | |--Divulgação de Sites</option><option classe="1" value="f23">| | |--Divulgação de Servidores</option><option classe="1" value="f52">| | |--Pedidos de Parceria.</option><option classe="1" value="f53">| | | |--Parcerias concluidas.</option><option value="-1">| | | </option><option classe="1" value="f62">| | |--Parceiros por link</option><option value="-1">| | </option><option classe="1" value="f46">| |--Shop do Fórum</option><option classe="1" value="f47">| | |--Modificação do nome de usuário</option><option classe="1" value="f49">| | |--Seção ImpacT (Novidades e atualizações)</option><option classe="1" value="f48">| | |--Grupo Pessoal</option><option classe="1" value="f56">| | |--Compra de Avatares exclusivos !</option><option classe="1" value="f29">| | |--V.I.P</option><option value="-1">| | </option><option classe="1" value="f57">| |--Avaliações de Blogs/Fóruns</option><option classe="1" value="f60">| |--Avaliações Finalizadas</option><option classe="1" value="f58">| |--Top 6 das avaliações</option><option value="-1">| </option><option classe="1" value="c6">|--Off-Topic</option><option classe="1" value="f17"> |--Elogios</option><option classe="1" value="f6"> |--Bate-Papo (Bar do fórum)</option><option classe="1" value="f33"> | |--Humor</option><option classe="1" value="f35"> | | |--Imagens/Vídeos</option><option classe="1" value="f34"> | | |--Piadas</option><option classe="1" value="f36"> | | |--Humor Off - TopiC</option><option value="-1"> | | </option><option classe="1" value="f44"> | |--Apresentação (Staff)</option><option classe="1" value="f43"> | |--Apresentação (Membros)</option><option classe="1" value="f41"> | |--Aniversário</option><option value="-1"> | </option><option classe="1" value="f42"> |--Downloads</option><option classe="1" value="f39"> |--Hall da Fama</option><option classe="1" value="f40"> | |--Hall da fama (Staff)</option><option classe="1" value="f55"> | |--Hall da Fama (MEMBROS)</option><option value="-1"> | </option><option classe="1" value="f50"> |--Seção Info</option></select><input type="hidden" name="tid" value="04c0330694ebee58e9800998ecf8427e" /> <input class="button2" type="submit" value="Ir" /></fieldset></form><div class="h3">Permissões neste sub-fórum</div>Não podes responder a tópicos<br /><script type="text/javascript">//<![CDATA[ $(resize_images({ 'selector' : '.postbody .content', 'max_width' : 300, 'max_height' : 150 }));//]]></script><div class="0322d00c" style="overflow:visible"><span class="corners-top"><span></span></span><div class="inner"><div align="center"> <div style="text-align:center; display:inline-block; margin:0 auto;"> <table border="0" cellspacing="0" cellpadding="0" style="padding:0; margin:0; border:none;"> <tbody> <tr> <td valign="top" style="padding:32px 32px; "> <script type="text/javascript">//<![CDATA[ function AT_adFillSlot(){document.write('<scr' + 'ipt language="JavaScript" type="text/javascript">rp_account="11662";rp_site="36492";rp_zonesize="151252-15";rp_adtype="js";rp_smartfile="[SMART FILE URL]";</scr' + 'ipt><scr' + 'ipt type="text/javascript" src="https://ads.rubiconproject.com/ad/11662.js"></scr' + 'ipt>');}//]]> </script> <div id="crt-8x0c97dz1" style="width:300px;height:250px;margin:auto;"></div> <script type="text/javascript"> CriteoAdblock("crt-8x0c97dz1", 1356533,'criteo_13333601'); </script>  <div id="criteo_13333601"> <script type="text/javascript"> Criteo.events.push(function() { Criteo.Passback.RenderAd('criteo_13333601', function(){ var width = "300"; var height = "250"; var slotid = "criteo_13333601"; var div = document.getElementById(slotid); if (div) { var ifr = document.createElement('iframe'); ifr.setAttribute("id", slotid + "_iframe"), ifr.setAttribute("frameborder", "0"), ifr.setAttribute("allowtransparency", "true"), ifr.setAttribute("hspace", "0"), ifr.setAttribute("marginwidth", "0"), ifr.setAttribute("marginheight", "0"), ifr.setAttribute("scrolling", "no"), ifr.setAttribute("vspace", "0"), ifr.setAttribute("width", "300"), ifr.setAttribute("height", "250"); div.appendChild(ifr); var ifrd = ifr.contentWindow.document; var htmlcode ='<scr' + 'ipt> window._taboola = window._taboola || [];_taboola.push({article:"auto"});!function (e, f, u, i) {if (!document.getElementById(i)){e.async = 1;e.src = u;e.id = i;f.parentNode.insertBefore(e, f);}}(document.createElement("script"),document.getElementsByTagName("script")[0],"\/\/cdn.taboola.com/libtrc/forumotion-pt/loader.js","tb_loader_script");</scr' + 'ipt><div id="taboola-300x250-thumbnails-7" style="background-color:#fffd"></div><scr' + 'ipt type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails-7",placement: "300x250 Thumbnails-7",target_type: "mix"});</scr' + 'ipt> <scr' + 'ipt type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</scr' + 'ipt>'; ifrd.open(); ifrd.write(htmlcode); ifrd.close(); } }); }); </script></div> </td> <td valign="top" style="padding:32px 32px; "> <script type="text/javascript">//<![CDATA[ function AT_adFillSlot(){document.write('<scr' + 'ipt language="JavaScript" type="text/javascript">rp_account="11662";rp_site="36492";rp_zonesize="151252-15";rp_adtype="js";rp_smartfile="[SMART FILE URL]";</scr' + 'ipt><scr' + 'ipt type="text/javascript" src="https://ads.rubiconproject.com/ad/11662.js"></scr' + 'ipt>');}//]]> </script> <div id="crt-8x0c97dz" style="width:300px;height:250px;margin:auto;"></div> <script type="text/javascript"> CriteoAdblock("crt-8x0c97dz", 1356533,'criteo_1333360'); </script>  <div id="criteo_1333360"> <script type="text/javascript"> Criteo.events.push(function() { Criteo.Passback.RenderAd('criteo_1333360', function(){ var width = "300"; var height = "250"; var slotid = "criteo_1333360"; var div = document.getElementById(slotid); if (div) { var ifr = document.createElement('iframe'); ifr.setAttribute("id", slotid + "_iframe"), ifr.setAttribute("frameborder", "0"), ifr.setAttribute("allowtransparency", "true"), ifr.setAttribute("hspace", "0"), ifr.setAttribute("marginwidth", "0"), ifr.setAttribute("marginheight", "0"), ifr.setAttribute("scrolling", "no"), ifr.setAttribute("vspace", "0"), ifr.setAttribute("width", "300"), ifr.setAttribute("height", "250"); div.appendChild(ifr); var ifrd = ifr.contentWindow.document; var htmlcode ='<scr' + 'ipt> window._taboola = window._taboola || [];_taboola.push({article:"auto"});!function (e, f, u, i) {if (!document.getElementById(i)){e.async = 1;e.src = u;e.id = i;f.parentNode.insertBefore(e, f);}}(document.createElement("script"),document.getElementsByTagName("script")[0],"\/\/cdn.taboola.com/libtrc/forumotion-pt/loader.js","tb_loader_script");</scr' + 'ipt><div id="taboola-300x250-thumbnails-3" style="background-color:#fffd"></div><scr' + 'ipt type="text/javascript">window._taboola = window._taboola || [];_taboola.push({mode: "thumbnails-300x250",container: "taboola-300x250-thumbnails-3",placement: "300x250 Thumbnails-3",target_type: "mix"});</scr' + 'ipt> <scr' + 'ipt type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</scr' + 'ipt>'; ifrd.open(); ifrd.write(htmlcode); ifrd.close(); } }); }); </script></div> </td> </tr> </tbody> </table> </div></div></div><span class="corners-bottom"><span></span></span></div><div style="height:3px"></div></div></div></div></div><div id="emptyidright"></div></div></div></div></div><div id="page-footer"><div class="navbar"><div class="inner"><span class="corners-top"><span></span></span><ul class="linklist clearfix"><li class="footer-home"><a class="icon-home" href="/forum" accesskey="h">Início</a></li><li class="rightside"><strong><a href="https://www.forumeiros.com/" target="_blank">Forumeiros.com</a></strong> | <span class="gensmall">©</span><a href="https://www.forumeiros.com/phpbb" target="_blank">phpBB</a> | <a name="bottom" href="https://ajuda.forumeiros.com/" target="_blank">Fórum gratuito de ajuda</a> | <a href="/abuse?page=%2Ft183-tutorial-informatica-html-avancado&report=1" rel="nofollow">Denunciar um abuso</a> | <strong><a href="https://www.forumeiros.com" target="_blank">Criar um fórum</a></strong></li></ul><span class="corners-bottom"><span></span></span></div></div><p class="copyright"><strong></strong></p></div></div></div></div></div><div id="fb-root"></div><script type="text/javascript">$(document).ready( function() {$('div.fb-login-button, span.fb-login-button').attr({"data-scope": "public_profile email","data-max-rows": "1","data-size": "large","data-show-faces": "false","data-auto-logout-link": "false"});$('div.fb-login-button, span.fb-login-button').each(function() {if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {$(this).attr('onlogin', 'onLoginFB');}if($(this).html() == '') {$(this).html('Facebook');}});FB.init({appId : "141365032552364",cookie : 1,xfbml : 1,oauth : 1,version : 'v4.0'});(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/pt_PT/sdk.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));});function onLoginFB() {window.location.replace('/facebook_connect.php')}</script><script type="text/javascript">$(document).ready( function() {$('div.ti-connect').attr({'data-loc' : 'https://connect.topicit.net/','data-login' : 'https://impact-info.forumeiros.com/topicit/index.php/connect','data-version' : '1','data-lang' : 'pt'});(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "https://connect.topicit.net/scripts/connect.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'topicit-connect'));});</script><script type="text/javascript">//<![CDATA[ fa_endpage();//]]></script><script type="text/javascript"> var vglnk = { key: 'e2aa2ae88c2bcc3c33577d636d209bf8' }; (function(d, t) { var s = d.createElement(t); s.type = 'text/javascript'; s.async = true; s.src = '//cdn.viglink.com/api/vglnk.js'; var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r); }(document, 'script')); </script> <div id="Forumactif_Video"></div> <script type="application/javascript"> //<![CDATA[ var slmadshb = slmadshb || {}; slmadshb.que = slmadshb.que || []; slmadshb.que.push(function() { slmadshb.display("Forumactif_Video"); }); //]]> </script> <script type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</script>  <div id="criteo_sticky"> <script type="text/javascript"> function CreateStickyFooterContainer(e) { var t = document.getElementById(e); t.style.position = "fixed", t.style.zIndex = "2147483646", t.style.bottom = "0", t.style.left = "0", t.style.padding = "0", t.style.borderColor = "rgb(196, 196, 196)", t.style.width = "100%", t.style.backgroundColor = "rgba(245, 245, 245, 0.54902)", t.style.borderStyle = "solid", t.style.borderWidth = "1px"; var o = document.createElement("a"); t.appendChild(o), o.style.backgroundColor = "rgb(221, 221, 221)", o.style.backgroundImage = "url('//static.criteo.net/images/criteo/publishertag/close.png')", o.style.backgroundRepeat = "no-repeat", o.style.backgroundPosition = "center", o.style.display = "block", o.style.position = "absolute", o.style.left = "0", o.style.top = "-24px", o.style.width = "23px", o.style.height = "24px", o.style.borderBottomColor = "#6d6c71", o.style.cursor = "pointer", o.onclick = function() { t.style.display = "none" }; var l = document.createElement("div"); l.id = "cto_sticky", l.style.margin = "0 auto", l.style.display = "table"; t.appendChild(l); return l.id }; Criteo.events.push(function() { if(!isMobile){ Criteo.Passback.RenderAd(CreateStickyFooterContainer("criteo_sticky"), function(){ var slotid = "criteo_sticky"; var div = document.getElementById(slotid); div.removeAttribute("style"); }); } else{ var slotid = "criteo_sticky"; var div = document.getElementById(slotid); div.style.display = "none"; } }); </script> </div> </body></html>