tag:blogger.com,1999:blog-19396541096065913842024-03-19T04:20:30.402-07:00#informativo blogspot - IB -informativo blogspotUnknownnoreply@blogger.comBlogger11125tag:blogger.com,1999:blog-1939654109606591384.post-28536740379084914872015-08-25T04:53:00.002-07:002015-08-25T04:53:45.702-07:00html / javascript: códigos HTML/JAVASCRIPT nas postagens do blog (blogger)<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- edihitt.com.br -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-3296052210640376" data-ad-slot="8061952479" style="display: inline-block; height: 240px; width: 320px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<a href="http://conversorhtml-rb.blogspot.com.br/" target="_blank"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZa4iWChNBcM65yIcSaAHkwbBl8XTjm5GLBktuOjbvmTGIDoWucRs_6yNusK15r7Touf-ZTUCS1FElFlPHXrudXBsV9HfHfaaaiZOfwGhiuDbt2jSn8mrBUWuoUqSg9VfZ03UwBZjo5xM/s320/modelo+pag+conv+de+codigos+html+javascript.png" width="320" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWEB3QgX5FvAN2PWSoJLtPsO69nYzaiReLqqeCynouvpI4gbhcytFPCOZmesu3ajvOhMwmd12CvO7lx2CLbs6dVe2XKZvOSlaITbOklMbj-8mB9qEstpEev99nk-QDMPaXj5WQlq6sfB4/s1600/html+javascript.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWEB3QgX5FvAN2PWSoJLtPsO69nYzaiReLqqeCynouvpI4gbhcytFPCOZmesu3ajvOhMwmd12CvO7lx2CLbs6dVe2XKZvOSlaITbOklMbj-8mB9qEstpEev99nk-QDMPaXj5WQlq6sfB4/s320/html+javascript.jpg" width="320" /></a><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><b><i>Saiba como<u> publicar</u> <u>códigos<span style="color: blue;"> HTML/JAVASCRIPT</span></u><span style="color: blue;"> </span>nas <u>postagens</u> do <u>blog</u> (<u><span style="color: orange;">blogger</span></u>)</i></b></span><br />
<div class="post-entry inside" style="background-color: white; border-bottom-color: rgba(34, 34, 34, 0.0980392); border-bottom-style: solid; border-bottom-width: 1px; color: #777777; font-family: Lora; font-size: 15px; line-height: 26.25px; margin: 0px 0px 40px; padding: 0px 0px 40px; text-align: justify;">
<div style="margin: 0px; padding: 0px;">
<br style="margin: 0px; padding: 0px;" /></div>
<div style="margin: 0px; padding: 0px;">
<b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></i></b>
<b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">O site <a href="http://conversorhtml-rb.blogspot.com.br/" target="_blank">HTML Conversor </a> a função, </span></i></b><br />
<b style="font-family: Arial, Helvetica, sans-serif;"><i><span style="font-size: large;"><u>publicar</u> <u>códigos<span style="color: blue;">HTML/JAVASCRIPT</span></u><span style="color: blue;"> </span>nas <u>postagens</u> do <u>blog</u> (<u><span style="color: orange;">blogger</span></u>)</span><span style="font-size: x-large;">,</span></i></b><b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">você vai </span></i></b><br />
<b><i><span style="color: blue; font-family: Arial, Helvetica, sans-serif; font-size: large;">clicar,</span></i></b><br />
<b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="color: red;">copiar,</span></span></i></b><br />
<b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="color: magenta;">colar</span> </span></i></b><br />
<b><i><span style="background-color: yellow; font-family: Arial, Helvetica, sans-serif; font-size: large;">o código </span></i></b><br />
<b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">o qual será visualizafo/ postado ,</span></i></b><br />
<b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">dentro da caixa e,</span></i></b><br />
<b><i><span style="color: blue; font-family: Arial, Helvetica, sans-serif; font-size: large;">clicar em: </span></i></b><br />
<b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">▼</span></i></b><br />
<b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">"Converter de texto a HTML <span style="color: red;">ou</span> vice-versa, se for o caso."</span></i></b></div>
<div style="margin: 0px; padding: 0px;">
<b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br style="margin: 0px; padding: 0px;" /></span></i></b></div>
<div style="margin: 0px; padding: 0px;">
<b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">"Feito isso, </span></i></b><br />
<b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="background-color: yellow;">copie o código convertido</span> e ,</span></i></b><br />
<b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">crie sua postagem normalmente, </span></i></b><br />
<b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="color: red;">não se esquecendo </span> <span style="background-color: yellow;">de clicar em HTML</span> </span></i></b><br />
<b><i><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue; font-size: large;">ao invés de </span><span style="font-size: x-large;">'escrever' </span></span></i></b><br />
<b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">quando for <span style="color: magenta;">colar </span><span style="background-color: yellow;">o código para que apareça em sua postagem"</span></span></i></b></div>
</div>
fonte desta pesquisa:
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1939654109606591384.post-42419923942299779012015-07-26T11:59:00.002-07:002015-07-26T12:03:37.699-07:00Como fazer isso? ...encontrar "URL" , de imagem que são usadas nas nas postagens do blogger (por exemplo)...<span style="font-size: x-large;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Como </b></span><b style="font-family: Arial, Helvetica, sans-serif;">fazer isso? </b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><b>...encontrar </b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><b><span style="color: blue;">"URL"</span> , de imagem que são usadas nas nas postagens do blogger (por exemplo)...</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><b><u><span style="color: red;">Resposta:</span></u></b></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /><br /><span style="color: magenta; font-size: x-large;"><u>Passo a Passo:</u></span></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Clica com o botão direito do mouse sobre a imagem, escolhida.</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Aparecerao vários itens na "janelinha", anexa, e você , clica com o dedo no botão esquerdo do mouse. em <span style="color: blue;"><u>"salvar imagem como" ,</u></span></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>e</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>aparecerá,</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>outra janela "pop",</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>e você salva</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>em seu computador :</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><span style="color: blue;">...em </span>downloads </b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><span style="color: blue;">ou </span>área de trabalho (por exemplo).</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Depois, na área de postagem do blogger/blogspot.</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Com o <u>botão esquerdo do mouse</u>, na <u>lateral direita</u>, em cima, aonde tem um "quadradinho" <span style="background-color: #d0e0e3;">tipo um desenho de um um</span> <u>quadro retangular</u>, ao lado direito de <span style="color: blue;">"Link", </span></b></span><b style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span style="color: red;">você clica.</span></b><br />
<a href="http://informativoblogspot.blogspot.com.br/" style="text-align: center;"><img border="0" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwDFXLayS-MKcHsOO4hzFzsQx4-00whQ9HpaMUbTM6ZPkVmX-Vpatjdmm5ulNeCNGRaWfthgCCNk7P2RV4IRy0pWwMcvl4_FtgGX6RV0Q0SJIqrFKUDZZt5sH19gCiK4VxNGju4JvHPzw/s640/selecionar+arquivo.png" width="640" /></a><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Aparecerá uma outra janela para você clicar </b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><span style="color: blue;"><br /></span></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Você faz "upload" da imagem salvada, em seu computador. </b></span><b style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;">E,ela aparecerá aonde você realiza suas postagens (do lado de "Escrever").</b><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>A seguir, você clica em <u style="background-color: #cccccc;">"HTML"</u> (do <u>lado esquerdo</u>, em cima, aonde você realiza suas postagens) e aparecerá <span style="color: blue;">URL</span> da imagem; </b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>...<span style="background-color: yellow;">copie somente </span>somente <span style="background-color: yellow;">o que está<span style="color: blue;"> entre</span> aspas</span>.</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>src="<span style="background-color: #f4cccc;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgonKCxYvHG0wevsxlXVB5ygOToB6X1b1Xuy5SfC-1BT4pK4tEVy0ntA9y5QqzoVpI3RTd-thgNDzYR_Q36uRheJZywwWe61l-S7RXDuaUw7yOsjoC1eNMACj8YZXhmzoV6sIn94uMTZMg/s1600/edihitt+comentar+somente+membros....png</span>" </b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><u>Nota:</u></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>O que está grafado em rosa, acima, é URL da sua imagem</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>É assim que eu faço. </b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Pois, hospedando a imagem, em outro local, quando na </b></span></span><br />
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span></span>
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>ocorrência de qualquer "problema", no site de </b></span></span><br />
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span></span>
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>hospedagem, a imagem pode sumir, tipo aparecendo </b></span></span><br />
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span></span>
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>aquela imagem de:</b></span></span><br />
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span></span>
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span></span>
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span></span>
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqpcsb7xk3VTGGmdiZauxPPvFyqnWCtLJhKUeuV2meo0VK3bKxpfoMKbDPwEJ5Dh2DQozmT4KUdkg839aBDkyB-ivJUTwXWwpiuSoElj9IcGDI2RTW7i9ol5AcDgyF6JuIbfrezfLrlGQ/s1600/exclamacao+cinza.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqpcsb7xk3VTGGmdiZauxPPvFyqnWCtLJhKUeuV2meo0VK3bKxpfoMKbDPwEJ5Dh2DQozmT4KUdkg839aBDkyB-ivJUTwXWwpiuSoElj9IcGDI2RTW7i9ol5AcDgyF6JuIbfrezfLrlGQ/s320/exclamacao+cinza.jpg" width="320" /></a></div>
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span></span>
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span></span>
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b>É isto que pode ocorrer.</b></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><span style="background-color: #d1e8fb; line-height: 16px;"></span></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span><span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif;"><b style="font-size: x-large;">..."ponto de exclamação no meio </b></span></span><br />
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span></span>
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>da matéria", no local da imagem hospedada, quando dá </b></span></span><br />
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span></span>
<span style="background-color: #d1e8fb; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>problemas no site , aonde hospeda imagem."</b></span></span><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b>Ou,</b></span></span><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b>então, </b></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b>imagens "quebradas"</b></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="line-height: 16px;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span style="line-height: 16px;"><b>Melhor hospedar no próprio blogger.</b></span></span>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- edihitt.com.br -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-3296052210640376" data-ad-slot="8061952479" style="display: inline-block; height: 240px; width: 320px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<b><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Espero ter ajudado! </span></b><br />
<br />
<b><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Qualquer dúvida, entre em contato, </span></b><br />
<b><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">pelos comentários, </span></b><br />
<b><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">ou no setor de contato deste blog!</span></b>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-1939654109606591384.post-6116233140795694862015-07-17T06:38:00.000-07:002015-07-17T07:17:51.395-07:00 Hipoglós: Benefícios da Pomada<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- edihitt.com.br -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-3296052210640376" data-ad-slot="8061952479" style="display: inline-block; height: 240px; width: 320px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEo5Fwvvn_y-Ow1vAWYofJwoRba7S6xwzO8sjog03TeqaTpDPfOapHqXhV4VZRVW1MmfRZWn-dNMVqSL-zI7Ph7B6VUPgVoj248ftMV-dL6EfdMt_3Rzms8GSiPyI4Y10vTWZ0oBem39M/s1600/hipogl%25C3%25B3s.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEo5Fwvvn_y-Ow1vAWYofJwoRba7S6xwzO8sjog03TeqaTpDPfOapHqXhV4VZRVW1MmfRZWn-dNMVqSL-zI7Ph7B6VUPgVoj248ftMV-dL6EfdMt_3Rzms8GSiPyI4Y10vTWZ0oBem39M/s400/hipogl%25C3%25B3s.jpg" width="400" /></a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEo5Fwvvn_y-Ow1vAWYofJwoRba7S6xwzO8sjog03TeqaTpDPfOapHqXhV4VZRVW1MmfRZWn-dNMVqSL-zI7Ph7B6VUPgVoj248ftMV-dL6EfdMt_3Rzms8GSiPyI4Y10vTWZ0oBem39M/s1600/hipogl%25C3%25B3s.jpg" imageanchor="1" style="background-color: white; clear: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEo5Fwvvn_y-Ow1vAWYofJwoRba7S6xwzO8sjog03TeqaTpDPfOapHqXhV4VZRVW1MmfRZWn-dNMVqSL-zI7Ph7B6VUPgVoj248ftMV-dL6EfdMt_3Rzms8GSiPyI4Y10vTWZ0oBem39M/s400/hipogl%25C3%25B3s.jpg" width="400" /></a>
<br />
<div class="post hentry" style="background: rgb(239, 239, 239); color: #777777; font-family: Arial; font-size: 14px; margin: 0px 0px 20px; padding: 15px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI8A7FOz5k4b3oVxFYuuTgbRV9Gi1jP5OGYrsSHnLxbwMADponMVjfKPUJNy2XLFsJRe3bGWBFrSqurCCYz3UiKywSLPrk_h9QWvgfaaLnLafOYHvnSfLOb6DxWR2AVS2QAMAWtRDKsys/s1600/hipoglos-02.jpeg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI8A7FOz5k4b3oVxFYuuTgbRV9Gi1jP5OGYrsSHnLxbwMADponMVjfKPUJNy2XLFsJRe3bGWBFrSqurCCYz3UiKywSLPrk_h9QWvgfaaLnLafOYHvnSfLOb6DxWR2AVS2QAMAWtRDKsys/s320/hipoglos-02.jpeg" width="240" /></a><b><br /></b>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><i><b><u style="color: #38761d;"><span class=""><span class="">"Benefícios </span></span></u><span style="color: #38761d;"><span class=""><span class="">da </span></span></span><u style="color: #38761d;"><span class=""><span class="">pomada </span></span></u> <span style="color: red;"><u><span class=""><span class=""></span></span></u></span></b></i></span></blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><i><b><span style="color: red;"><u><span class=""><span class="">Hipoglós</span></span></u></span></b><span style="color: #38761d;"><span class=""><span class=""> </span></span></span></i></span></blockquote>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><i><span class=""><b><span style="color: #783f04;">a Pele</span></b><span style="color: #38761d;"> "</span></span></i></span><br />
<br />
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i>... "Uma <u><span style="color: red;">pomada</span></u><span style="color: purple;"> que</span> todos conhecem, <span style="color: purple;"></span>ou mesmo já usaram sem saber, pelas nossas mães quando éramos bebezinhos ". </i></b></span><b><i><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></i></b><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i></i></b></span></blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i>"A Famosa <u><span style="color: red;">Pomada</span></u><span style="color: red;"> Hipoglós</span> está no <u>Bras</u>il há 70 anos"</i></b></span></blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i>"Uma pomada que muitos pensam que seu uso seja apenas para assaduras. </i></b></span> </blockquote>
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i>"Não sabem que os Benefícios dessa "pomadinha", tão antiga tem ".<span style="color: purple;"> </span><span style="color: purple;"> </span></i></b></span><br />
<br />
<div class="MsoNormal" style="background-color: white;">
<span style="font-size: x-large;"><span style="color: red;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><i>Conheça e entenda a composição do </i></b></span></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="font-size: x-large;"><span style="color: red;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><i><u>Hipoglós</u>:</i></b></span></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>
</i></b></span></span>
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><br /></i></b></span></span></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>
</i></b></span></span>
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: red;"><u>Retinol -</u> (vitamina A) </span>- 5.000 Ul</i></b></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>
</i></b></span></span>
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: orange;"><u>Colecalciferol(vitamina D)-</u></span> 900Ul</i></b></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>
</i></b></span></span>
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><u><span style="color: #999999;">Óxido de Zinco -</span></u> 150 mg</i></b></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>
</i></b></span></span>
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><br /></i></b></span></span></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>
</i></b></span></span>
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="font-size: x-large;"><span style="color: red;"><u>Retinol -</u></span></span>
É a forma da <u>Vitamina A</u> mais pura. </i></b></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>Ela estimula a produção das<u> fibras
</u>de <u>colágeno</u> e<u> </u></i></b></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><u>elastina </u>que dão <u>sustentação a pele,</u> </i></b></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>ajuda a amenizar
rugas e linhas de expressão.</i></b></span></span></div>
</blockquote>
<br />
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>
</i></b></span></span>
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><br /></i></b></span></span></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>
</i></b></span></span>
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><u>Óxido de Zinco </u>- substância <span style="color: blue;">adstringente</span> com ação<span style="color: blue;"></span></i></b></span></span> </div>
</blockquote>
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: blue;">anti-séptica</span> de uso tópico.</i></b></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>
</i></b></span></span>
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><br /></i></b></span></span></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>
</i></b></span></span>
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><u><span style="color: orange;"><span style="font-size: x-large;">Colicalciferol -
vitamina D</span></span></u></i></b></span></span> </div>
</blockquote>
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>é o nome geral dado a um grupo de compostos</i></b></span></span> </div>
</blockquote>
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: orange;">lipossolúveis</span>
que são essenciais para manter o</i></b></span></span> </div>
</blockquote>
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>equilíbrio mineral no corpo. <span style="color: orange;"><u>É também
conhecida</u></span> como</i></b></span></span> </div>
</blockquote>
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: orange;"><u>calciferol </u></span>e <span style="color: #bf9000;">Vitamina Dntiraquítica. </span></i></b></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>As formas principais
são conhecidas como <span style="color: red;">vitamina D2</span></i></b></span></span> </div>
</blockquote>
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>(<span style="color: #38761d;"><u>ergocalciferol</u>:</span> de <span style="color: #38761d;">origem vegetal</span>) e </i></b></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i> <span style="color: #783f04;">(colecalciferol</span>: de origem animal)<span style="color: #b45f06;"> </span></i></b></span></span><span style="color: #b45f06;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>vitamina D3</i></b></span></span></span></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>
</i></b></span></span>
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><br /></i></b></span></span></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>
</i></b></span></span>
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><u></u></i></b></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: #999999;"><u>Óleo de fígado de Bacalhau</u> –</span></i></b></span></span> </div>
</blockquote>
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>substância que contêm propriedades <span style="color: red;">anti-inflamatórias</span>.</i></b></span></span></div>
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>
</i></b></span></span>
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i></i></b></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="color: #38761d;"><span style="font-size: x-large;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><i>Com toda essa combinação temos esses </i></b></span></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<div class="MsoNormal" style="background-color: white;">
<span style="color: #38761d;"><span style="font-size: x-large;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><i><u>benefícios</u>:</i></b></span></span></span></div>
</blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>
Minimiza </i></b></span></span></blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="color: #783f04;">rugas</span> <u>e</u>
<span style="color: purple;">cicatrizes</span>, </i></b></span></span></blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><u><span style="color: #660000;">manchas </span></u>de<span style="color: red;"><u> acne</u></span>, </i></b></span></span></blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><u><span style="color: blue;">hidrata</span></u> e <u><span style="color: #38761d;">conserva</span></u> a<u><span style="color: #783f04;"> pele</span></u>, </i></b></span></span></blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i><span style="background-color: yellow;">previne do <u>
envelhecimento</u></span>, </i></b></span></span></blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="color: purple;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>alivia olheiras, </i></b></span></span></span></blockquote>
<br />
<blockquote class="tr_bq" style="font-stretch: normal; line-height: 1.4em; margin: 0px 0px 20px; padding: 0px 0px 4px;">
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b><i>e <span style="background-color: black;"><span style="color: #fce5cd;">ajuda a <u>clarear a pele</u>.</span></span></i></b></span></span><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><span style="color: orange;"></span></i></b></span></blockquote>
<div class="post-body entry-content">
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><span style="color: orange;"><br /></span></i></b></span></div>
<div class="MsoNormal" style="background-color: white;">
<span style="color: purple; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><br /></i></b></span></div>
<div class="MsoNormal" style="background-color: white;">
<br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="color: blue; font-size: x-large;"><u>Como usar </u> </span></i></b></span><b style="font-family: Arial, Helvetica, sans-serif;"><i><span style="font-size: x-large;"><span style="color: blue;">a</span><u><span style="color: blue;"><u> </u>Pomada </span><span style="color: red;">Hipoglós:</span></u></span></i></b><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="color: red; font-size: x-large;"><u><br /></u></span></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="font-size: x-large;"><br /></span></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="font-size: x-large;">Com <u>a ponta dos dedos</u> , </span></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="font-size: x-large;">distribuir, a <span style="color: blue;"><u>pomada</u></span> <u><span style="color: red;">hipoglós</span></u></span></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="font-size: x-large;">em <u>pequenas quantidades</u> , </span></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="font-size: x-large;">nas regiões :</span></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="font-size: x-large;">do<u> <span style="color: red;">nariz</span></u> , </span></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="font-size: x-large;">do <u><span style="color: #ea9999;">Queixo</span></u> , </span></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="font-size: x-large;"><span class="">das </span><u><span class="">duas </span></u></span></i></b></span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF5htZhnWYZ1o89jT_P6u1EBKL6C4zHz601ipsouPoNfBQcfrZHQkDg6pwDJ4FYXXVr8dYzwutzG2GRw8qKPyJMhk5hZt9Bu-19mo1_-098qYfi4UkeMl8rdtxzinMAXvnVTRLQL6EnTY/s1600/benef%25C3%25ADcios-do-hipoglos-para-a-pele-2.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF5htZhnWYZ1o89jT_P6u1EBKL6C4zHz601ipsouPoNfBQcfrZHQkDg6pwDJ4FYXXVr8dYzwutzG2GRw8qKPyJMhk5hZt9Bu-19mo1_-098qYfi4UkeMl8rdtxzinMAXvnVTRLQL6EnTY/s400/benef%25C3%25ADcios-do-hipoglos-para-a-pele-2.jpg" width="400" /></a><span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="font-size: x-large;"> <u><span style="color: #e06666;"><span class=""><u>faces</u> </span></span></u><span style="color: #e06666;"><span class="">do</span></span><u><span style="color: #e06666;"><span class=""> <u>r</u>osto</span></span></u><span class=""> .</span></span></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="font-size: x-large;"><br /></span></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="font-size: x-large;">Em seguida ,</span></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="font-size: x-large;">ir espalhando, suavemente.</span></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="color: red; font-size: x-large;"><u><br /></u></span></i></b></span></div>
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><br /></i></b></span></div>
<div style="background-color: white;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i>" <u><span style="color: red;">Retirar toda</span></u></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><u><span style="color: red;"><br /></span></u></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><u><span style="color: red;"> maquiagem</span></u> com </i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><u><br /></u></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><u>demaquilante</u> e </i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><u><br /></u></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><u>sabonete</u> adequado </i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><br /></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i>para cada <u>Pele</u> .</i></b></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><span style="background-color: white;"><br /></span></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><span style="background-color: white;"><br /></span></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><span style="background-color: white;">· Aplicar Uma </span><u style="background-color: white;">pomada</u> </i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><span style="background-color: white; color: red;"><u><br /></u></span></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><span style="background-color: white; color: red;"><u>Hipoglós,</u></span><span style="background-color: white;"> em todo o </span></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><u style="background-color: white;"><br /></u></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><u style="background-color: white;">tosto </u><span style="background-color: white;">, em uma </span></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><u style="background-color: white;"><br /></u></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><u style="background-color: white;">quantidade </u></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><u style="background-color: white;"><br /></u></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><u style="background-color: white;">pequena </u></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><span style="background-color: white;"><br /></span></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><span style="background-color: white;">e espalhar bastante, </span></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><span style="background-color: yellow;"><br /></span></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><span style="background-color: yellow;">até quase sumir</span><span style="background-color: white;"> ,</span></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><span style="background-color: white;"><br /></span></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><span style="background-color: white;">para </span><span style="background-color: black; color: #cccccc;"><u>não ficar</u> com o <u>rosto</u> todo <u>branco.</u><u></u></span></i></b></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><br /></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i><br /></i></b></span></div>
<div style="background-color: white;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><i>· <u>Dormir</u> com a pomada no rosto e, <u>no seguinte dia,</u> assim que acordar,<span style="color: blue;"><u> lavar</u></span> e<span style="color: red;"> retirar</span> <u>todo o produto</u>. "</i></b></span></div>
<div style="background-color: white;">
<span style="color: purple; font-family: inherit;"><br /></span></div>
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Obs .:</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><u><span style="color: red;">Dicas +:</span></u></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>E também é bom:</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="color: #111111; line-height: 22.3999996185303px; text-align: justify;"><b><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">. Para amenizar odor das axilas</span></b></span><br />
<span style="color: #111111; line-height: 22.3999996185303px; text-align: justify;"><b><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></b></span>
<br />
<span style="color: #111111; line-height: 22.3999996185303px; text-align: justify;"><b><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">...</span></b></span>
<br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Fonte de Pesquisa de Conteúdo, deste presente post: <a href="http://apesteticaebemestar.blogspot.com.br/2014/08/beneficios-da-pomada-hipoglos-para-sua.html" target="_blank">apesteticaebemestar</a></b></span><br />
<div>
<br /></div>
<div>
<br /></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b>e,</b></span><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Imagens buscadas na internet, através de buscas Google.</b></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<div>
<br /></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
</div>
</div>
</div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- edihitt.com.br -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-3296052210640376" data-ad-slot="8061952479" style="display: inline-block; height: 240px; width: 320px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1939654109606591384.post-9716359667883326852015-07-17T05:17:00.000-07:002015-07-17T05:17:03.705-07:00<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b style="background-color: cyan;"><script type='text/javascript' src='http://acessoriosparablogs.com.br/frases/frases.js' ></script> </b></span>
|||||||||||||||||||||||<br />
<script src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjngCdiT4aIEFB4VuqA_U8wqZZG622P2eLb8XpsD5jQZTEjvPUd9vOCB6OabLsUrh1ngq9z_hFyhPLyfaSDJP6TgxADBw-VV6dalvgOfABij-HQA9pCsHLznoVAFz0p8rmJMYG1jwaEAwU/s1600/borboletinhas+links+ed.gif" type="text/javascript"></script>
|||||||||||||||||||||||
<br />
+++++++++++++++<br />
<script src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjngCdiT4aIEFB4VuqA_U8wqZZG622P2eLb8XpsD5jQZTEjvPUd9vOCB6OabLsUrh1ngq9z_hFyhPLyfaSDJP6TgxADBw-VV6dalvgOfABij-HQA9pCsHLznoVAFz0p8rmJMYG1jwaEAwU/s1600/borboletinhas+links+ed.gif" type="text/javascript"></script><br />
+++++++++++++++<br />
////////////////////////////////<br />
<script src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjngCdiT4aIEFB4VuqA_U8wqZZG622P2eLb8XpsD5jQZTEjvPUd9vOCB6OabLsUrh1ngq9z_hFyhPLyfaSDJP6TgxADBw-VV6dalvgOfABij-HQA9pCsHLznoVAFz0p8rmJMYG1jwaEAwU/s1600/borboletinhas+links+ed.gif" type="text/javascript"></script>
////////////////////////////////
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1939654109606591384.post-32326987259728137432015-07-17T04:54:00.000-07:002015-07-17T04:54:44.907-07:00Tutorial jQuery: o que é e como usar o jQuery!<span class="Apple-style-span" style="font-size: x-large;"><b><i><span class="Apple-style-span" style="color: red;"><u><br />
</u></span></i></b></span><br />
<div style="text-align: justify;">
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><b><i><u style="color: red;">Tutorial</u> <span style="color: blue;"><u>jQuery</u>:</span><span class="Apple-style-span" style="color: red;"> </span><span style="color: #38761d;">o que é</span><span class="Apple-style-span" style="color: red;"> e como usar o</span><span class="Apple-style-span" style="color: blue;"> jQuery</span><span class="Apple-style-span" style="color: red;">!</span></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="font-size: x-large;">“Escrever menos e fazer mais”</span> </i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><br /></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i>"<u>É este o lema </u>de <u><span style="color: blue;">jQuery,</span></u> <u>uma livraria de funções</u> de </i></b><b><i><a href="http://www.escolacriatividade.com/javascript-explicado-abordagem-basica/" target="_blank">Javascript</a></i></b><b><i>, <span style="background-color: yellow;">de formato leve, </span>sintaxe simples e fácil de aprender. </i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><br /></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i>A sua aparição remonta a Janeiro de 2006, tendo sido anunciado no BarCampNYC, sendo que até à data tem tido constantes actualizações, novos addons e melhorias.</i></b></span><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="background-color: yellow;">Veio ajudar a <span style="color: blue;">resolver</span> <u>problemas de incompatibilidades</u></span><u> </u><span style="color: red;">entre os <u>navegadores, </u>reduzir o tamanho de código </span>e introduzir a reutilização de código <u>através de plugins. </u></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><br /></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i>Além disso, permite a implementação de recursos de <u>CSS1,</u> <u>CSS2 </u>e <u>CSS3</u> e trabalha com <u>AJAX </u>e <u>DOM.</u> </i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><br /></i></b></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i>Neste tutorial...</i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i>...abordar os temas mais usados em jQuery, </i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i>desde os </i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i>selectores, </i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i>à sintaxe, </i></b></span><br />
<a href="https://blogger.googleusercontent.com/img/proxy/AVvXsEghr786kpZ_DsIyaco0LbBvFftLVCpZKE5fZotEwVhVCnJ4sTbKh_rSwdPo9tQfiXDyStNMf85BAHa0GwiVSiv7SMB0nUjjIU0d0OYFOBSz6kEToDK6KSKT0_ab90vPsMx-H3vVGDSemGjQ6vBjBQS6rLPtOHE5qMl37vpunfHRr6akubDxBum6VDdKfAGD=" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="" border="0" class="alignnone size-full wp-image-3757" src="http://www.escolacriatividade.com/wp-content/uploads/2010/11/jqueryfuncoes.jpg" height="229" title="jqueryfuncoes" width="400" /></a><span style="font-family: Arial, Helvetica, sans-serif;"><b><i>ou desde a integração AJAX ao </i></b><b><i><a href="http://www.escolacriatividade.com/40-ferramentas-css-extremamente-uteis-e-poderosas/" target="_blank">CSS</a></i></b><b><i>. "</i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i><br /></i></b></span>
<br /></div>
<br />
<h3>
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"><i>1. ANTES DE COMEÇAR</i></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Você deverá ter conhecimentos básicos de </i><a href="http://www.escolacriatividade.com/introducao-ao-html5-o-que-ha-de-novo/" target="_blank"><i>HTML</i></a><i>, </i><a href="http://www.escolacriatividade.com/40-ferramentas-css-extremamente-uteis-e-poderosas/" target="_blank"><i>CSS</i></a><i> e </i><a href="http://www.escolacriatividade.com/javascript-explicado-abordagem-basica/" target="_blank"><i>Javascript</i></a><i>.</i></span><br />
<h3>
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"><i>2. O QUE É JQUERY?</i></span></h3>
<ul style="padding-left: 30px;">
<li><span style="font-family: Arial, Helvetica, sans-serif;"><i>É uma livraria de funções </i><a href="http://www.escolacriatividade.com/javascript-explicado-abordagem-basica/" target="_blank"><i>Javascript</i></a></span></li>
<li><i><span style="font-family: Arial, Helvetica, sans-serif;">É uma livraria com o lema “Escrever menos e fazer mais”</span></i></li>
<li><i><span style="font-family: Arial, Helvetica, sans-serif;">Contém os seguintes recursos </span></i><ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><i>Selecções de elementos </i><a href="http://www.escolacriatividade.com/introducao-ao-html5-o-que-ha-de-novo/" target="_blank"><i>HTML</i></a></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><i>Manipulação de elementos </i><a href="http://www.escolacriatividade.com/introducao-ao-html5-o-que-ha-de-novo/" target="_blank"><i>HTML</i></a></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><i>Manipulação </i><a href="http://www.escolacriatividade.com/40-ferramentas-css-extremamente-uteis-e-poderosas/" target="_blank"><i>CSS</i></a></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><i>Eventos </i><a href="http://www.escolacriatividade.com/introducao-ao-html5-o-que-ha-de-novo/" target="_blank"><i>HTML</i></a></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><i>Efeitos e animações </i><a href="http://www.escolacriatividade.com/javascript-explicado-abordagem-basica/" target="_blank"><i>Javascript</i></a></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://www.escolacriatividade.com/introducao-ao-html5-o-que-ha-de-novo/" target="_blank"><i>HTML</i></a><i> DOM</i></span></li>
<li><i><span style="font-family: Arial, Helvetica, sans-serif;">AJAX</span></i></li>
</ul>
</li>
</ul>
<h3>
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"><i>3. COMO ADICIONAR A LIVRARIA JQUERY</i></span></h3>
<i><span style="font-family: Arial, Helvetica, sans-serif;">A livraria jQuery é guardada num ficheiro Javscript, que contém as funções jQuery. Para adicionar a uma página web, utilize o seguinte código</span></i><br />
<i><br />
</i><br />
<div>
<div class="syntaxhighlighter js" id="highlighter_927486">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #ead1dc;">1</span></span></b></div>
<div class="line number2 index1 alt1">
<b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #ead1dc;">2</span></span></b></div>
<div class="line number3 index2 alt2">
<b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #ead1dc;">3</span></span></b></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="js plain"><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #ead1dc;"><span class="Apple-style-span" style="color: red;"><head></span></span></span></b></code></div>
<div class="line number2 index1 alt1">
<code class="js plain"><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #ead1dc;"><span class="Apple-style-span" style="color: blue;"><script type=</span></span></span></b></code><code class="js string"><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #ead1dc;"><span class="Apple-style-span" style="color: blue;">"text/javascript"</span></span></span></b></code><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #ead1dc;"><span class="Apple-style-span" style="color: blue;"> </span></span></span></b><code class="js plain"><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #ead1dc;"><span class="Apple-style-span" style="color: blue;">src=</span></span></span></b></code><code class="js string"><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #ead1dc;"><span class="Apple-style-span" style="color: blue;">"jquery.js"</span></span></span></b></code><code class="js plain"><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #ead1dc;"><span class="Apple-style-span" style="color: blue;">></script></span></span></span></b></code></div>
<div class="line number3 index2 alt2">
<code class="js plain"><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #ead1dc;"><span class="Apple-style-span" style="color: red;"></head></span></span></span></b></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<span style="font-family: Arial, Helvetica, sans-serif;"><i><br /></i></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Existem 2 versões disponíveis para download, uma simplificada, e outra descomprimida, para correcção de erros ou leitura. Ambas podem ser baixadas em </i><a href="http://docs.jquery.com/Downloading_jQuery#Download_jQuery" target="_blank"><i>jQuery.com</i></a></span><br />
<i><span style="font-family: Arial, Helvetica, sans-serif;">Alternativamente, se não pretender baixar os arquivos, poderá utilizar os ficheiros alojados nos servidores da Google ou da Microsoft</span></i><br />
<b><i><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="color: red;"><br /></span></span></i></b>
<b><i><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="color: red; font-family: Arial, Helvetica, sans-serif;">Google</span></span></i></b><br />
<b><i><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="color: red;"><br /></span></span></i></b>
<div>
<div class="syntaxhighlighter js" id="highlighter_464789">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
<div class="line number2 index1 alt1">
<b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #cfe2f3;">2</span></span></b></div>
<div class="line number3 index2 alt2">
<b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #cfe2f3;">3</span></span></b></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="js plain"><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #cfe2f3;"><head></span></span></b></code></div>
<div class="line number2 index1 alt1">
<code class="js plain"><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #cfe2f3;"><script type=</span></span></b></code><code class="js string"><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #cfe2f3;">"text/javascript"</span></span></b></code><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #cfe2f3;"> </span></span></b><code class="js plain"><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #cfe2f3;">src=</span></span></b></code><code class="js string"><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #cfe2f3;">"http://ajax.googleapis.com/ajax/libs/</span></span></b></code><br />
<code class="js string"><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #cfe2f3;">jquery/1.4.2/jquery.min.js"</span></span></b></code><code class="js plain"><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #cfe2f3;">></script></span></span></b></code></div>
<div class="line number3 index2 alt2">
<code class="js plain"><b><span class="Apple-style-span" style="font-size: x-large;"><span class="Apple-style-span" style="background-color: #cfe2f3;"></head></span></span></b></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<b><span class="Apple-style-span" style="font-size: x-large;"><i><span class="Apple-style-span" style="color: blue; font-family: Arial, Helvetica, sans-serif;"><br /></span></i></span></b>
<b><span class="Apple-style-span" style="font-size: x-large;"><i><span class="Apple-style-span" style="color: blue; font-family: Arial, Helvetica, sans-serif;">Microsoft</span></i></span></b><br />
<b><span class="Apple-style-span" style="font-size: x-large;"><i><span class="Apple-style-span" style="color: blue; font-family: Arial, Helvetica, sans-serif;"><br /></span></i></span></b>
<div>
<div class="syntaxhighlighter js" id="highlighter_736295">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
<div class="line number2 index1 alt1">
2</div>
<div class="line number3 index2 alt2">
3</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;"><head></span></code></div>
<div class="line number2 index1 alt1">
<code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;"><script type=</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #d9d2e9;">"text/javascript"</span></code><span class="Apple-style-span" style="background-color: #d9d2e9;"> </span><code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;">src=</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #d9d2e9;">"http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;">></script></span></code></div>
<div class="line number3 index2 alt2">
<code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;"></head></span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><i><span style="color: red;">4. SINTAXE </span><u><span style="color: blue;">JQUERY</span></u></i></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><i>A sintaxe jQuery é orientada para seleccionar elementos </i><a href="http://www.escolacriatividade.com/introducao-ao-html5-o-que-ha-de-novo/" target="_blank"><i>HTML</i></a><i> e de seguida efectuar acções nos mesmos.</i></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><i>A sintaxe básica é </i><b><i>$(selectorHTML).acção()</i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Trocando por palavras, o simbolo </i><b><i>$</i></b><i> é para definir jQuery, </i><b><i>(selectorHTML)</i></b><i> é onde se introduz o elemento e </i><b><i>acção()</i></b><i> é onde irão ser introduzidas as acções a efectuar nos elementos.</i></span><br />
<i><span style="font-family: Arial, Helvetica, sans-serif;">Exemplos:</span></i><br />
<div>
<div class="syntaxhighlighter js" id="highlighter_799264">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
1</div>
<div class="line number2 index1 alt1">
2</div>
<div class="line number3 index2 alt2">
3</div>
<div class="line number4 index3 alt1">
4</div>
<div class="line number5 index4 alt2">
5</div>
<div class="line number6 index5 alt1">
6</div>
<div class="line number7 index6 alt2">
7</div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc;">$(</span></code><code class="js keyword"><span class="Apple-style-span" style="background-color: #ead1dc;">this</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc;">).hide() </span></code><code class="js comments"><span class="Apple-style-span" style="background-color: #ead1dc;">// Esconde o elemento actual</span></code></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc;">$(</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #ead1dc;">"p"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc;">).hide() </span></code><code class="js comments"><span class="Apple-style-span" style="background-color: #ead1dc;">// Esconde todos os parágrafos</span></code></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc;">$(</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #ead1dc;">"p.teste"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc;">).hide() </span></code><code class="js comments"><span class="Apple-style-span" style="background-color: #ead1dc;">// Esconde todos os parágrafos com a classe="teste"</span></code></div>
<div class="line number6 index5 alt1">
</div>
<div class="line number7 index6 alt2">
<code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc;">$(</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #ead1dc;">"#test"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc;">).hide() </span></code><code class="js comments"><span class="Apple-style-span" style="background-color: #ead1dc;">// Esconde o elemento com o id="teste"</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h3>
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"><i>5. SELECTORES JQUERY</i></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Os selectores permitem-lhe seleccionar e manipular elementos </i><a href="http://www.escolacriatividade.com/introducao-ao-html5-o-que-ha-de-novo/" target="_blank"><i>HTML</i></a><i>. É possível seleccionar por nome, nome de atributo ou conteúdo.</i></span><br />
<h2 style="padding-left: 30px;">
<b><i><span style="font-family: Arial, Helvetica, sans-serif;">1 – Selectores de elementos</span></i></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>jQuery utiliza selectores </i><a href="http://www.escolacriatividade.com/40-ferramentas-css-extremamente-uteis-e-poderosas/" target="_blank"><i>CSS</i></a><i> para seleccionar elementos </i><a href="http://www.escolacriatividade.com/introducao-ao-html5-o-que-ha-de-novo/" target="_blank"><i>HTML</i></a></span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_893042">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<i><span class="Apple-style-span" style="background-color: #ead1dc; font-family: Arial, Helvetica, sans-serif;">1</span></i></div>
<div class="line number2 index1 alt1">
<i><span class="Apple-style-span" style="background-color: #ead1dc; font-family: Arial, Helvetica, sans-serif;">2</span></i></div>
<div class="line number3 index2 alt2">
<i><span class="Apple-style-span" style="background-color: #ead1dc; font-family: Arial, Helvetica, sans-serif;">3</span></i></div>
<div class="line number4 index3 alt1">
<i><span class="Apple-style-span" style="background-color: #ead1dc; font-family: Arial, Helvetica, sans-serif;">4</span></i></div>
<div class="line number5 index4 alt2">
<i><span class="Apple-style-span" style="background-color: #ead1dc; font-family: Arial, Helvetica, sans-serif;">5</span></i></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><i><span class="Apple-style-span" style="background-color: #ead1dc;">$(</span></i></code><code class="js string"><i><span class="Apple-style-span" style="background-color: #ead1dc;">"p"</span></i></code><code class="js plain"><i><span class="Apple-style-span" style="background-color: #ead1dc;">) selecciona os elementos <p></span></i></code></span></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><i><span class="Apple-style-span" style="background-color: #ead1dc;">$(</span></i></code><code class="js string"><i><span class="Apple-style-span" style="background-color: #ead1dc;">"p.intro"</span></i></code><code class="js plain"><i><span class="Apple-style-span" style="background-color: #ead1dc;">) seleccionar todos os elementos <p> com class=</span></i></code><code class="js string"><i><span class="Apple-style-span" style="background-color: #ead1dc;">"intro"</span></i></code><code class="js plain"><i><span class="Apple-style-span" style="background-color: #ead1dc;">.</span></i></code></span></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><i><span class="Apple-style-span" style="background-color: #ead1dc;">$(</span></i></code><code class="js string"><i><span class="Apple-style-span" style="background-color: #ead1dc;">"p#demo"</span></i></code><code class="js plain"><i><span class="Apple-style-span" style="background-color: #ead1dc;">) selecciona o primeito elemento <p> com id=</span></i></code><code class="js string"><i><span class="Apple-style-span" style="background-color: #ead1dc;">"demo"</span></i></code><code class="js plain"><i><span class="Apple-style-span" style="background-color: #ead1dc;">.</span></i></code></span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h2 style="padding-left: 30px;">
<b><i><span style="color: red; font-family: Arial, Helvetica, sans-serif;">2 – Selectores de Atributos</span></i></b></h2>
<div style="padding-left: 30px;">
<i><span style="font-family: Arial, Helvetica, sans-serif;">jQuery utiliza expressões XPath para seleccionar elementos com dados atributos.</span></i></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_259362">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">5</span></div>
<div class="line number6 index5 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">6</span></div>
<div class="line number7 index6 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">7</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;">$(</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #d9d2e9;">"[href]"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;">) </span></code><code class="js comments"><span class="Apple-style-span" style="background-color: #d9d2e9;">// Selecciona todos os elementos com um atributo href</span></code></span></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;">$(</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #d9d2e9;">"[href='#']"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;">) </span></code><code class="js comments"><span class="Apple-style-span" style="background-color: #d9d2e9;">// Seleccionar todos os elementos com um valor href igual a "#"</span></code></span></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;">$(</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #d9d2e9;">"[href!='#']"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;">) </span></code><code class="js comments"><span class="Apple-style-span" style="background-color: #d9d2e9;">// Selecciona todos os elementos com um valor href não igual a "#"</span></code></span></div>
<div class="line number6 index5 alt1">
</div>
<div class="line number7 index6 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;">$(</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #d9d2e9;">"[href$='.jpg']"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;">) </span></code><code class="js comments"><span class="Apple-style-span" style="background-color: #d9d2e9;">// Selecciona todos os elementos com um atributo href que acabe em ".jpg"</span></code></span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h2 style="padding-left: 30px;">
<b><i><span style="font-family: Arial, Helvetica, sans-serif;">3 – Selectores <u>CSS</u></span></i></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Os selectores </i><a href="http://www.escolacriatividade.com/40-ferramentas-css-extremamente-uteis-e-poderosas/" target="_blank"><i>CSS</i></a><i> podem ser utilizados para alterar propriedades </i><a href="http://www.escolacriatividade.com/40-ferramentas-css-extremamente-uteis-e-poderosas/" target="_blank"><i>CSS</i></a><i> de elementos </i><a href="http://www.escolacriatividade.com/introducao-ao-html5-o-que-ha-de-novo/" target="_blank"><i>HTML</i></a></span></div>
<div style="padding-left: 30px;">
<i><span style="font-family: Arial, Helvetica, sans-serif;">No exemplo a seguir alteramos a cor de fundo de todos os elementos “p” para amarelo</span></i></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_351136">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<b><span class="Apple-style-span" style="background-color: #ead1dc; font-family: Arial, Helvetica, sans-serif;">1</span></b></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><b><span class="Apple-style-span" style="background-color: #ead1dc;">$(</span></b></code><code class="js string"><b><span class="Apple-style-span" style="background-color: #ead1dc;">"p"</span></b></code><code class="js plain"><b><span class="Apple-style-span" style="background-color: #ead1dc;">).css(</span></b></code><code class="js string"><b><span class="Apple-style-span" style="background-color: #ead1dc;">"background-color"</span></b></code><code class="js plain"><b><span class="Apple-style-span" style="background-color: #ead1dc;">,</span></b></code><code class="js string"><b><span class="Apple-style-span" style="background-color: #ead1dc;">"yellow"</span></b></code><code class="js plain"><b><span class="Apple-style-span" style="background-color: #ead1dc;">);</span></b></code></span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><i><span style="color: red;">6. EVENTOS </span><span style="color: blue;"><u>JQUERY</u></span></i><span style="color: black;"><i> </i></span></span></h3>
<h2 style="padding-left: 30px;">
<b><span style="color: black; font-family: Arial, Helvetica, sans-serif;"><i>6.1 – Eventos</i></span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: black;"><i> </i></span><span style="font-weight: normal;"><i>Os eventos jQuery são peça chave. As funções que lidam com os eventos são chamados quando “algo acontece” no </i><a href="http://www.escolacriatividade.com/introducao-ao-html5-o-que-ha-de-novo/" target="_blank"><i>HTML</i></a><i>. Quando isto acontece, o termo “accionado por um evento” é muito conhecido e frequentemente utilizado.</i></span></span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_52998">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">5</span></div>
<div class="line number6 index5 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">6</span></div>
<div class="line number7 index6 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">7</span></div>
<div class="line number8 index7 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">8</span></div>
<div class="line number9 index8 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">9</span></div>
<div class="line number10 index9 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">10</span></div>
<div class="line number11 index10 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">11</span></div>
<div class="line number12 index11 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">12</span></div>
<div class="line number13 index12 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">13</span></div>
<div class="line number14 index13 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">14</span></div>
<div class="line number15 index14 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">15</span></div>
<div class="line number16 index15 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">16</span></div>
<div class="line number17 index16 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">17</span></div>
<div class="line number18 index17 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">18</span></div>
<div class="line number19 index18 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">19</span></div>
<div class="line number20 index19 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">20</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;"><html></span></code></div>
<div class="line number2 index1 alt1">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;"><head></span></code></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><script type=</code><code class="js string">"text/javascript"</code> <code class="js plain">src=</code><code class="js string">"jquery.js"</code><code class="js plain">></script></code></span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><script type=</code><code class="js string">"text/javascript"</code><code class="js plain">></code></span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(document).ready(</code><code class="js keyword">function</code><code class="js plain">(){</code></span></div>
<div class="line number6 index5 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"> </code><code class="js plain">$(</code><code class="js string">"button"</code><code class="js plain">).click(</code><code class="js keyword">function</code><code class="js plain">(){</code></span></div>
<div class="line number7 index6 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"> </code><code class="js plain">$(</code><code class="js string">"p"</code><code class="js plain">).hide();</code></span></div>
<div class="line number8 index7 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"> </code><code class="js plain">});</code></span></div>
<div class="line number9 index8 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">});</span></code></div>
<div class="line number10 index9 alt1">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;"></script></span></code></div>
<div class="line number11 index10 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;"></head></span></code></div>
<div class="line number12 index11 alt1">
</div>
<div class="line number13 index12 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;"><body></span></code></div>
<div class="line number14 index13 alt1">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;"><h2>Isto é um titulo</h2></span></code></div>
<div class="line number15 index14 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;"><p>Isto é um parágrafo.</p></span></code></div>
<div class="line number16 index15 alt1">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;"><p>Isto é mais um parágrafo.</p></span></code></div>
<div class="line number17 index16 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;"><button>Clica-me</button></span></code></div>
<div class="line number18 index17 alt1">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;"></body></span></code></div>
<div class="line number19 index18 alt2">
</div>
<div class="line number20 index19 alt1">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;"></html></span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;">No exemplo acima, uma função é chamada quando o evento de clique no botão é accionado:</span></div>
<div style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">$(“botão”).click(função() {código} </span></b></div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;">E esta função esconde todos os elementos <p>:</span></div>
<div style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">$(“p”).hide();</span></b></div>
<h2 style="padding-left: 30px;">
<b><span style="color: red; font-family: Arial, Helvetica, sans-serif;"><i>6.2 Utilizar funções em ficheiro separado</i></span></b></h2>
<div style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"> </span></b></div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-weight: normal;"><i>Se a sua página web contém inúmeras páginas, e pretende que as suas funções jQuery tenham fácil acesso para manutenção, pode introduzi-las num ficheiro .js separado. Nos casos citados acima, temos introduzido as funções jQuery na secção <head>. No entanto, algumas vezes é preferível introduzir as funções num ficheiro, e chamá-las através do atributo “src”. Vejamos:</i></span></div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-weight: normal;"> </span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_573292">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">4</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc; font-family: Arial, Helvetica, sans-serif;"><head></span></code></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc;"><script type=</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #ead1dc;">"text/javascript"</span></code><span class="Apple-style-span" style="background-color: #ead1dc;"> </span><code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc;">src=</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #ead1dc;">"jquery.js"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc;">></script></span></code></span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc;"><script type=</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #ead1dc;">"text/javascript"</span></code><span class="Apple-style-span" style="background-color: #ead1dc;"> </span><code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc;">src=</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #ead1dc;">"a_minha_funçao.js"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc;">></script></span></code></span></div>
<div class="line number4 index3 alt1">
<code class="js plain"><span class="Apple-style-span" style="background-color: #ead1dc; font-family: Arial, Helvetica, sans-serif;"></head></span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h2 style="padding-left: 30px;">
<b><i><span style="font-family: Arial, Helvetica, sans-serif;">6.3 – Conflitos de nomes jQuery</span></i></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>jQuery usa o símbolo </i><b>$</b> <i>como atalho para <u><b>jQuery</b></u>. Outras livrarias de</i><a href="http://www.escolacriatividade.com/javascript-explicado-abordagem-basica/" style="font-style: italic;" target="_blank"> Javascript </a><i>também utilizam este símbolo para as funções. No entanto, para evitar conflitos com jQuery, o método </i><b>noconflict()</b><i> permite atribuir um nome alternativo, por exemplo </i><b>“jq”</b><i>, em vez de utilizar o simbolo </i><b>$</b><i>.</i></span></div>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><img alt="" class="alignnone size-full wp-image-3758" src="http://www.escolacriatividade.com/wp-content/uploads/2010/11/jquerysimples.jpg" height="201" title="jquerysimples" width="630" /></span></h3>
<h3>
<span style="color: red; font-family: Arial, Helvetica, sans-serif;">7<i>. EFEITOS JQUERY</i></span></h3>
<h2 style="padding-left: 30px;">
<b><span class="Apple-style-span" style="background-color: #ead1dc; font-family: Arial, Helvetica, sans-serif;">7.1 Mostrar e Esconder ( hide(), show() )</span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i>Com jQuery é possível mostrar, esconder elementos </i></b><a href="http://www.escolacriatividade.com/introducao-ao-html5-o-que-ha-de-novo/" target="_blank"><b><i>HTML</i></b></a><b><i> com estas funções.</i></b></span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_236655">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">5</span></div>
<div class="line number6 index5 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">6</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3;">$(</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #d9ead3;">"#hide"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3;">).click(funçao(){</span></code></span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"><span class="Apple-style-span" style="background-color: #d9ead3;"> </span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3;">$(</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #d9ead3;">"p"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3;">).hide();</span></code></span></div>
<div class="line number3 index2 alt2">
<code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3; font-family: Arial, Helvetica, sans-serif;">});</span></code></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3;">$(</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #d9ead3;">"#show"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3;">).click(funçao(){</span></code></span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"><span class="Apple-style-span" style="background-color: #d9ead3;"> </span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3;">$(</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #d9ead3;">"p"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3;">).show();</span></code></span></div>
<div class="line number6 index5 alt1">
<code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3; font-family: Arial, Helvetica, sans-serif;">});</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">Ambos podem funcionar em conjunto com parâmetros opcionais: “speed” e “callback”.</span></b></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_477428">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3; font-family: Arial, Helvetica, sans-serif;">$(selector).hide(speed,callback)</span></code></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3; font-family: Arial, Helvetica, sans-serif;">$(selector).show(speed,callback)</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">O parâmetro “speed” especifica a velocidade de mostrar/esconder, e pode ter os valores “slow”, “normal”, “fast” ou em milisegundos:</span></b></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_794413">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">5</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3;">$(</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #d9ead3;">"botao"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3;">).click(funçao(){</span></code></span></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3;">$(</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #d9ead3;">"p"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3;">).hide(800);</span></code></span></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<code class="js plain"><span class="Apple-style-span" style="background-color: #d9ead3; font-family: Arial, Helvetica, sans-serif;">));</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">O parâmetro “callback” é o nome de uma função a ser executada depois da função hide/show estar completa.</span></b></div>
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><i>7.2 Alternar </i><u>( toggle() )</u></span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;">O método <b>toggle() </b>permite alterar a visibilidade de elementos <a href="http://www.escolacriatividade.com/introducao-ao-html5-o-que-ha-de-novo/" target="_blank">HTML</a> que usam a função show/hide. Os elementos escondidos são mostrados, e os elementos visíveis são escondidos.</span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_906169">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<b><span class="Apple-style-span" style="background-color: #ead1dc; font-family: Arial, Helvetica, sans-serif;">1</span></b></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="js plain"><b><span class="Apple-style-span" style="background-color: #ead1dc; font-family: Arial, Helvetica, sans-serif;">$(selector).toggle(speed,callback)</span></b></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Tal como referido anteriormente, o parâmetro “speed” aceita valores “slow”, “normal”, “fast” ou em milisegundos.</span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_714568">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span class="Apple-style-span" style="background-color: #d9d2e9; font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span class="Apple-style-span" style="background-color: #d9d2e9; font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span class="Apple-style-span" style="background-color: #d9d2e9; font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span class="Apple-style-span" style="background-color: #d9d2e9; font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span class="Apple-style-span" style="background-color: #d9d2e9; font-family: Arial, Helvetica, sans-serif;">5</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;">$(</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #d9d2e9;">"botao"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;">).click(funçao(){</span></code></span></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;">$(</span></code><code class="js string"><span class="Apple-style-span" style="background-color: #d9d2e9;">"p"</span></code><code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9;">).toggle(850);</span></code></span></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<code class="js plain"><span class="Apple-style-span" style="background-color: #d9d2e9; font-family: Arial, Helvetica, sans-serif;">));</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><i>7.3. </i><u style="font-style: italic;"><span style="color: red;">Deslizar</span></u> ( slideDown(), slideUp(), slideToggle() )</span></b></h2>
<div style="padding-left: 30px;">
<i><span style="font-family: Arial, Helvetica, sans-serif;">Os métodos de deslizamento do jQuery alteram gradualmente a altura dos elementos seleccionados, através dos seguintes métodos</span></i></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_19888">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span class="Apple-style-span" style="background-color: #cfe2f3; font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span class="Apple-style-span" style="background-color: #cfe2f3; font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span class="Apple-style-span" style="background-color: #cfe2f3; font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span class="Apple-style-span" style="background-color: #cfe2f3; font-family: Arial, Helvetica, sans-serif;">5</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="js plain"><span class="Apple-style-span" style="background-color: #cfe2f3; font-family: Arial, Helvetica, sans-serif;">$(selector).slideDown(speed,callback)</span></code></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<code class="js plain"><span class="Apple-style-span" style="background-color: #cfe2f3; font-family: Arial, Helvetica, sans-serif;">$(selector).slideUp(speed,callback)</span></code></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<code class="js plain"><span class="Apple-style-span" style="background-color: #cfe2f3; font-family: Arial, Helvetica, sans-serif;">$(selector).slideToggle(speed,callback)</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Mais uma vez, relembro que o parâmetro “speed” aceita valores “slow”, “normal”, “fast” ou em milisegundos.</span></div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;">O parâmetro “callback” é o nome de uma função a ser executada depois da função hide/show estar completa.</span></div>
<h2 style="padding-left: 60px;">
<b><span style="color: red; font-family: Arial, Helvetica, sans-serif;"><u>7.3.1 <i>Exemplos Práticos</i></u></span></b></h2>
<div style="padding-left: 60px;">
<b><span class="Apple-style-span" style="color: red; font-family: Arial, Helvetica, sans-serif;">slideDown()</span></b></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_385549">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">5</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js string">"flip"</code><code class="js plain">).click(</code><code class="js keyword">function</code><code class="js plain">(){</code></span></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"> </code><code class="js plain">$(</code><code class="js string">".panel"</code><code class="js plain">).slideDown();</code></span></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">));</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="padding-left: 60px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">slideUp()</span></b></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_472633">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">5</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js string">"flip"</code><code class="js plain">).click(</code><code class="js keyword">function</code><code class="js plain">(){</code></span></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"> </code><code class="js plain">$(</code><code class="js string">".panel"</code><code class="js plain">).slideUp();</code></span></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">));</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="padding-left: 60px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">slideToggle()</span></b></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_974982">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">5</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js string">"flip"</code><code class="js plain">).click(</code><code class="js keyword">function</code><code class="js plain">(){</code></span></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"> </code><code class="js plain">$(</code><code class="js string">".panel"</code><code class="js plain">).slideToggle();</code></span></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">));</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><i><span style="color: red;">7.4 Desvanecer</span></i> ( fadeIn(), fadeOut(), fadeTo() )</span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Os métodos de desvanecer alteram gradualmente a opacidade dos elementos seleccionados</span></div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;">jQuery tem os seguintes métodos de desvanecimento:</span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_23744">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">5</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">$(selector).fadeIn(speed,callback)</span></code></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">$(selector).fadeOut(speed,callback)</span></code></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">$(selector).fadeTo(speed,opacity,callback)</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Os parâmetros de “speed” e “callback” são os mesmos de anteriormente, e o parâmetro “opacity” permite desvanecer para uma opacidade escolhida, como irá ser demonstrado no exemplo mais à frente.</span></div>
<h2 style="padding-left: 60px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><i>7.4.1 Exemplos práticos</i></span></b></h2>
<div style="padding-left: 60px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">fadeIn()</span></b></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_28915">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">5</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js string">"botão"</code><code class="js plain">).click(funçao(){</code></span></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"> </code><code class="js plain">$(</code><code class="js string">"div"</code><code class="js plain">).fadeIn(2000);</code></span></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">));</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="padding-left: 60px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">fadeOut()</span></b></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_694588">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">5</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js string">"botão"</code><code class="js plain">).click(funçao(){</code></span></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"> </code><code class="js plain">$(</code><code class="js string">"div"</code><code class="js plain">).fadeIn(2000);</code></span></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">));</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="padding-left: 60px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">fadeTo()</span></b></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_388019">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">5</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js string">"botão"</code><code class="js plain">).click(funçao(){</code></span></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"> </code><code class="js plain">$(</code><code class="js string">"div"</code><code class="js plain">).fadeTo(</code><code class="js string">"slow"</code><code class="js plain">,0.30);</code></span></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">));</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><i>7.5 <u>Animações jQuery</u></i></span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;">As animações são introduzidas através do seguinte código</span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_44302">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">$(selector).animate({parametros},[duracao],[e asing],[callback])</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;">O parâmetro chave é “parametros” onde irão ser introduzidas propriedades <a href="http://www.escolacriatividade.com/40-ferramentas-css-extremamente-uteis-e-poderosas/" target="_blank">CSS</a> que vão ser animadas. Podem ser animadas várias propriedades ao mesmo tempo.</span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_360435">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">animate({width:</code><code class="js string">"60%"</code><code class="js plain">,opacity:0.3,marginTop:</code><code class="js string">"0.3in"</code><code class="js plain">,fontsize:</code><code class="js string">"2em"</code><code class="js plain">})</code></span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;">O segundo parâmetro é a duração, que define o tempo da animação. Aceita valores “slow”, “fast”, “normal” e em milisegundos.</span></div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Vejamos um exemplo:</span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_221150">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">5</span></div>
<div class="line number6 index5 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">6</span></div>
<div class="line number7 index6 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">7</span></div>
<div class="line number8 index7 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">8</span></div>
<div class="line number9 index8 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">9</span></div>
<div class="line number10 index9 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">10</span></div>
<div class="line number11 index10 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">11</span></div>
<div class="line number12 index11 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">12</span></div>
<div class="line number13 index12 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">13</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain"><script type=</code><code class="js string">"text/javascript"</code><code class="js plain">></code></span></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">$(document).ready(funcao(){</span></code></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"> </code><code class="js plain">$(</code><code class="js string">"botao"</code><code class="js plain">).click(funcao(){</code></span></div>
<div class="line number6 index5 alt1">
</div>
<div class="line number7 index6 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"> </code><code class="js plain">$(</code><code class="js string">"div"</code><code class="js plain">).animate({left:</code><code class="js string">"29px"</code><code class="js plain">},</code><code class="js string">"slow"</code><code class="js plain">);</code></span></div>
<div class="line number8 index7 alt1">
</div>
<div class="line number9 index8 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"> </code><code class="js plain">$(</code><code class="js string">"div"</code><code class="js plain">).animate({fontsize:</code><code class="js string">"4em"</code><code class="js plain">,</code><code class="js string">"slow"</code><code class="js plain">);</code></span></div>
<div class="line number10 index9 alt1">
</div>
<div class="line number11 index10 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"> </code><code class="js plain">));</code></span></div>
<div class="line number12 index11 alt1">
</div>
<div class="line number13 index12 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">));</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div>
<div class="syntaxhighlighter js" id="highlighter_503585">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;"></script></span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">7.6<i><span style="color: blue;"><u> </u>Exemplos de efeitos<u> jQuery</u></span></i></span></b></h2>
<div>
<div class="syntaxhighlighter js" id="highlighter_273010">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">5</span></div>
<div class="line number6 index5 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">6</span></div>
<div class="line number7 index6 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">7</span></div>
<div class="line number8 index7 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">8</span></div>
<div class="line number9 index8 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">9</span></div>
<div class="line number10 index9 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">10</span></div>
<div class="line number11 index10 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">11</span></div>
<div class="line number12 index11 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">12</span></div>
<div class="line number13 index12 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">13</span></div>
<div class="line number14 index13 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">14</span></div>
<div class="line number15 index14 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">15</span></div>
<div class="line number16 index15 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">16</span></div>
<div class="line number17 index16 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">17</span></div>
<div class="line number18 index17 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">18</span></div>
<div class="line number19 index18 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">19</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">$(selector).hide()</span></code></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">$(selector).show()</span></code></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">$(selector).toggle()</span></code></div>
<div class="line number6 index5 alt1">
</div>
<div class="line number7 index6 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">$(selector).slideDown()</span></code></div>
<div class="line number8 index7 alt1">
</div>
<div class="line number9 index8 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">$(selector).slideUp()</span></code></div>
<div class="line number10 index9 alt1">
</div>
<div class="line number11 index10 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">$(selector).slideToggle()</span></code></div>
<div class="line number12 index11 alt1">
</div>
<div class="line number13 index12 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">$(selector).fadeIn()</span></code></div>
<div class="line number14 index13 alt1">
</div>
<div class="line number15 index14 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">$(selector).fadeOut()</span></code></div>
<div class="line number16 index15 alt1">
</div>
<div class="line number17 index16 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">$(selector).fadeTo()</span></code></div>
<div class="line number18 index17 alt1">
</div>
<div class="line number19 index18 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">$(selector).animate()</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h3>
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"><i>8. FUNÇÃO CALLBACK</i></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Vamos agora ficar a conhecer o que é o “callback” em jQuery.</i></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><i>A função callback é executada depois de a animação estar concluída. As declarações <a href="http://www.escolacriatividade.com/javascript-explicado-abordagem-avancada/" target="_blank">Javascript</a> são executadas linha-a-linha. No entanto, com as animações, a próxima linha de código pode ser executada mesmo que a animação não esteja concluída, o que pode levar a erros. Para prevenir estas situações, cria-se a função callback. Esta não será chamada antes de animação estar terminada.</i></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Exemplo:</i></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<div>
<div class="syntaxhighlighter js" id="highlighter_77422">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js string">"p"</code><code class="js plain">).hide(1000,</code><code class="js keyword">function</code><code class="js plain">(){</code></span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"> </code><code class="js plain">alert(</code><code class="js string">"O parágrafo foi escondido"</code><code class="js plain">);</code></span></div>
<div class="line number3 index2 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">});</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h3>
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"><i>9. MANIPULAÇÃO HTML</i></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><i>jQuery tem ferramentas muito poderosas que permitem alterar e manipular atributos e elementos <a href="http://www.escolacriatividade.com/introducao-ao-html5-o-que-ha-de-novo/" target="_blank">HTML</a>.</i></span><br />
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><i>9.1 Alterar conteúdo HTML</i></span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Utilizando esta sintaxe<b> </b><b><b>$(selector).html(content)</b> alterámos o conteúdo de um dado parâmetro.</b></i></span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_663213">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js string">"p"</code><code class="js plain">).html(</code><code class="js string">"Escola de Criatividade"</code><code class="js plain">);</code></span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><i>9.2 Adicionar conteúdo HTML</i></span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Utilizando a sintaxe <b>$(selector).append(content)</b>, pode-se anexar informação aos elementos seleccionados.</i></span></div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Utilizando a sintaxe <b>$(selector).prepend(content)</b>, pode-se “des-anexar” informação dos elementos seleccionados.</i></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_357264">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js string">"p"</code><code class="js plain">).append(</code><code class="js string">"Escola de Criatividade"</code><code class="js plain">);</code></span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js string">"p"</code><code class="js plain">).prepend(</code><code class="js string">"Escola de Criatividade"</code><code class="js plain">);</code></span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><i>9.3 Inserir conteúdo depois de elementos HTML</i></span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Utilizando a sintaxe <b>$(selector).after(content) </b>pode ser introduzido conteúdo depois do elemento escolhido.</i></span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_943703">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js string">"p"</code><code class="js plain">).after(</code><code class="js string">" Escola de Criatividade."</code><code class="js plain">);</code></span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><i>9.4 Inserir conteúdo antes de elementos HTML</i></span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Utilizando a sintaxe <b>$(selector).before(content)</b> pode ser introduzido conteúdo antes do elemento escolhido.</i></span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_294474">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js string">"p"</code><code class="js plain">).before(</code><code class="js string">"Escola de Criatividade."</code><code class="js plain">);</code></span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h3>
<span style="color: red; font-family: Arial, Helvetica, sans-serif;">10 – MÉTODOS CSS</span></h3>
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">10.1 Método css()</span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>jQuery tem um método bastante importante para manipulação <a href="http://www.escolacriatividade.com/40-ferramentas-css-extremamente-uteis-e-poderosas/" target="_blank">CSS</a> que é <b>css()</b>. Tem três sintaxes diferentes:</i></span></div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>css(nome) – Devolve o valor de uma propriedade <a href="http://www.escolacriatividade.com/40-ferramentas-css-extremamente-uteis-e-poderosas/" target="_blank">CSS</a></i></span></div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>css(nome,valor) – Define um valor numa propriedade <a href="http://www.escolacriatividade.com/40-ferramentas-css-extremamente-uteis-e-poderosas/" target="_blank">CSS</a></i></span></div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>css({propriedades}) – Define múltiplos valores em múltiplas propriedades</i></span></div>
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><i>10.2 Devolver propriedade CSS</i></span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Utilize o método css(nome) para devolver uma propriedade <a href="http://www.escolacriatividade.com/40-ferramentas-css-extremamente-uteis-e-poderosas/" target="_blank">CSS</a> escolhida, que será extraída do primeiro elemento encontrado que tenha a propriedade.</i></span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_259103">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js keyword">this</code><code class="js plain">).css(</code><code class="js string">"background-color"</code><code class="js plain">);</code></span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><i>10.3 Definir propriedade e valor CSS</i></span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Utilize css(nome,valor) para definir as propriedades de uma propriedade CSS para todos os elementos que combinam com o introduzido.</i></span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_137093">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>1</i></span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><i><code class="js plain">$(</code><code class="js string">"p"</code><code class="js plain">).css(</code><code class="js string">"background-color"</code><code class="js plain">,</code><code class="js string">"yellow"</code><code class="js plain">);</code></i></span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><i>10.4 Definir múltplas propriedades e valores CSS</i></span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Utilize css({propriedades}) para definir uma ou mais proriedades/valores para os elementos seleccionados</span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_481252">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js string">"p"</code><code class="js plain">).css({</code><code class="js string">"background-color"</code><code class="js plain">:</code><code class="js string">"yellow"</code><code class="js plain">,</code><code class="js string">"font-size"</code><code class="js plain">:</code><code class="js string">"200%"</code><code class="js plain">});</code></span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><i>10.5 Métodos de Altura e Largura ( height () e width() )</i></span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Altera a largura e altura para os elementos seleccionados</i></span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_360253">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js string">"#div1"</code><code class="js plain">).height(</code><code class="js string">"200px"</code><code class="js plain">); </code><code class="js comments">// altura</code></span></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(</code><code class="js string">"#div1"</code><code class="js plain">).width(</code><code class="js string">"200px"</code><code class="js plain">); </code><code class="js comments">// largura</code></span></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<h3>
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"><i>11 – JQUERY E FUNÇÕES AJAX</i></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><i>AJAX significa “Asynchronous <a href="http://www.escolacriatividade.com/javascript-explicado-abordagem-avancada/" target="_blank">JavaScript</a> and XML”. É uma técnica para criar páginas rápida se dinâmicas</i></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><i>AJAX permite que páginas sejam actualizada de forma assincronizada alterando pequenas quantidade de dados com o servidor a fazer o trabalho. Isto significa que é possivel actualizar partes da página sem actualizar toda a página.</i></span><br />
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><i>11.1 Escreva menos, faça mais</i></span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>A função jQuery load() é uma função AJAX simples mas muito poderosa, que pode ser utilizada com a seguinte sintaxe <b>$(selector).load(url,data,callback)</b>.</i></span></div>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Utilize o selector para definir os elementos <a href="http://www.escolacriatividade.com/introducao-ao-html5-o-que-ha-de-novo/" target="_blank">HTML</a> a alterar e o parâmetro url para especificar o endereço web para os dados.</i></span></div>
<h2 style="padding-left: 30px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><i>11.2 AJAX de baixo nível</i></span></b></h2>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>A sintaxe para o baixo nível das funções AJAX é <b>$.ajax(opçoes)</b> que oferece mais funcionalidade do que as funções de alto nível, como “load”,”get” entre outros, mas é também um pouco mais difícil de utilizar. O parâmetro opções aceita nomes/valor que definam dados url, passowords, tipos de dados, filtros, funções de erro, entre outros.</i></span></div>
<h3>
<b><span style="color: red; font-family: Arial, Helvetica, sans-serif;"><i>12 – <u>DICAS</u></i></span></b></h3>
<ul style="padding-left: 30px;">
<li><span style="color: blue; font-family: Arial, Helvetica, sans-serif;"><i><b>Função Documento Pronto</b></i></span></li>
</ul>
<div style="padding-left: 30px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><i>Esta função permite-lhe garantir que o conteúdo jQuery só é acedido depois de a página estar completamente aberta. Isto evita que o jQuery tente aceder a elementos da página que ainda não tenham sido baixados.</i></span></div>
<div>
<div class="syntaxhighlighter js" id="highlighter_758231">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td class="gutter"><div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">1</span></div>
<div class="line number2 index1 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">2</span></div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">3</span></div>
<div class="line number4 index3 alt1">
<span style="font-family: Arial, Helvetica, sans-serif;">4</span></div>
<div class="line number5 index4 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;">5</span></div>
</td><td class="code"><div class="container">
<div class="line number1 index0 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js plain">$(document).ready(</code><code class="js keyword">function</code><code class="js plain">(){</code></span></div>
<div class="line number2 index1 alt1">
</div>
<div class="line number3 index2 alt2">
<span style="font-family: Arial, Helvetica, sans-serif;"><code class="js spaces"> </code><code class="js comments">// Funções jQuery entram aqui</code></span></div>
<div class="line number4 index3 alt1">
</div>
<div class="line number5 index4 alt2">
<code class="js plain"><span style="font-family: Arial, Helvetica, sans-serif;">});</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><b>fonte e créditos:</b></span><br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://www.escolacriatividade.com/">escolacriatividade</a></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<b><a href="http://www.escolacriatividade.com/tutorial-jquery-o-que-e-e-como-usar-o-jquery/"><span style="font-family: Arial, Helvetica, sans-serif;">escolacriatividade</span></a></b>
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2Fwww.escolacriatividade.com%2Fwp-content%2Fuploads%2F2010%2F11%2Fjqueryfuncoes.jpg&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/proxy/AVvXsEghr786kpZ_DsIyaco0LbBvFftLVCpZKE5fZotEwVhVCnJ4sTbKh_rSwdPo9tQfiXDyStNMf85BAHa0GwiVSiv7SMB0nUjjIU0d0OYFOBSz6kEToDK6KSKT0_ab90vPsMx-H3vVGDSemGjQ6vBjBQS6rLPtOHE5qMl37vpunfHRr6akubDxBum6VDdKfAGD=" -->Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1939654109606591384.post-64174092781825671802013-05-11T23:36:00.000-07:002013-05-11T23:38:56.207-07:00"aguinha para a pyxy"<center>
<span style="color: blue;"><i><b><span style="font-size: x-large;"><span style="font-family: Arial,Helvetica,sans-serif;">"aguinha <span style="color: red;">para a</span><span style="color: magenta;"> pyxy"</span></span></span></b></i></span> <iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/plDKHXCObm0" width="420"></iframe></center>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1939654109606591384.post-62411730442303052022013-05-11T23:19:00.004-07:002015-07-17T04:44:34.810-07:00mãe: palavra pequena, mas com significado infinito...<br />
<br />
<center>
<a href="http://informativoblogspot.blogspot.com.br/" target="_blank"><img alt="informativoblogspot" src="http://img1.recadosonline.com/744/111.jpg" height="640" width="640" /></a></center>
<center>
<a href="http://www.recados-legais.com/"></a></center>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1939654109606591384.post-56975541921487689202013-05-11T20:08:00.000-07:002015-07-17T04:42:45.368-07:00fale conosco<span style="color: blue; font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><b><u>contato</u></b></span>
<br />
<center>
<script type="text/javascript"><!--
google_ad_client = "pub-3296052210640376";
google_ad_host = "pub-1556223355139109";
/* 200x200, criado 24/04/11 */
google_ad_slot = "9977440149";
google_ad_width = 200;
google_ad_height = 200;
//-->
</script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
.
<script type="text/javascript"><!--
google_ad_client = "pub-3296052210640376";
google_ad_host = "pub-1556223355139109";
/* 200x200, criado 24/04/11 */
google_ad_slot = "9977440149";
google_ad_width = 200;
google_ad_height = 200;
//-->
</script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script> . <script type="text/javascript"><!--
google_ad_client = "pub-3296052210640376";
google_ad_host = "pub-1556223355139109";
/* 200x200, criado 24/04/11 */
google_ad_slot = "9977440149";
google_ad_width = 200;
google_ad_height = 200;
//-->
</script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></center>
<span style="color: blue;"><br /></span>
<br />
<div style="background-color: #ff8321;">
<span style="font-size: x-large;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><span style="color: blue;"> .</span></span></b></span><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: x-large;"><b><span style="color: blue;"><u>Contato</u>...</span><span style="color: yellow;">clica na setinha:</span></b></span></span><br />
<img height="20" onclick="if(document.getElementById('spoiler1') .style.display=='none') {document.getElementById('spoiler1') .style.display=''; }else{document.getElementById('spoiler1') .style.display='none';}" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLWZTFsjaCaFtcC8i-_CjUGttTRsotzI7yKE-g4x_Mp5fbSXxGqfFhEpEi6IW8jLYp1BQNWrpC3KrLt70EQB8nsvV_zGogj4UMUu9OgWpRjD_bPb_Mav6_kzpnPmr1PYVNx812aVqtem4/s1600/Seta.baixo.piscaedihitt.gif" style="cursor: move;" width="17" />
<br />
<div id="spoiler1" style="display: none;">
<br />
...
<script type="text/javascript"> id = 31180; </script>
<script src="http://kontactr.com/wp.js" type="text/javascript"></script>
...
email:
brandaodasilvaedilene@gmail.com
...
</div>
<div style="background-color: #ff8321;">
<span style="color: #eeeeee;"><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: x-large;"><b><br /></b></span></span></span></div>
</div>
<blockquote class="tr_bq">
<img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOyR6YuGFMqJ3YIo-mHaAnS4AoWzEVzVX67d1e1FkIElrNwnr-50I4saanTc-yzwi6L8esPWNCBQBVYzFWguTBg5ZSXK9gXrCcbQ1e9bsHp8UhevBKXy9_gI-4yjsowGZv4TVx4NRoODGC/s1600/img-contato.jpg" width="148" /><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b>...
...
email:
brandaodasilvaedilene@gmail.com
...
</b></span><script type="text/javascript"> id = 31180; </script><script src="http://kontactr.com/wp.js" type="text/javascript"></script></blockquote>
<center>
</center>
<center>
<span style="font-family: Arial,Helvetica,sans-serif;"><b> </b></span></center>
<center>
<span style="font-family: Arial,Helvetica,sans-serif;"><b> </b></span></center>
<br />
<center>
<span style="font-family: Arial,Helvetica,sans-serif;"><b><br />
... </b></span></center>
<center>
<span style="font-family: Arial,Helvetica,sans-serif;"><b><br /></b></span></center>
<center>
<span style="font-family: Arial,Helvetica,sans-serif;"><b><br /></b></span></center>
<center>
<span style="font-family: Arial,Helvetica,sans-serif;"><b><br /></b></span></center>
<center style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b><br />
</b></span></center>
<center>
<span style="font-family: Arial,Helvetica,sans-serif;"><b> </b></span></center>
<center>
<span style="font-family: Arial,Helvetica,sans-serif;"><b> </b></span></center>
<div id="formcontact">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTyJFBydQhStCvOfA8dUJIi5_3dyu5xYOZG_MRLQQ3My7mQ_6dx2Y1VTmcB4_bmBQUtHUlH1txHBtqpsre7MlCeKT6R0-I8DPiq6ewmgZnR0MI1b69cRNecDWHIRWqACO2sk7A62LcoQg/s1600/ico-newsletter+email.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTyJFBydQhStCvOfA8dUJIi5_3dyu5xYOZG_MRLQQ3My7mQ_6dx2Y1VTmcB4_bmBQUtHUlH1txHBtqpsre7MlCeKT6R0-I8DPiq6ewmgZnR0MI1b69cRNecDWHIRWqACO2sk7A62LcoQg/s1600/ico-newsletter+email.png" /></a><b><span style="font-family: Arial,Helvetica,sans-serif;">Preencha os campos abaixo para entrar em contato. </span></b><br />
<br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Não esqueça de preencher o campo com seu e-mail </span></b><br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">para respondermos, se for necessário.
<span style="font-size: 12px;"> </span></span></b><br />
<br />
<b><span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: 12px;">Os campos marcados com "*" são obrigatórios.</span></span></b><br />
<br />
<form name="contact-form">
<div>
<span style="color: blue;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="color: blue;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="color: blue;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="color: blue;"><b><span style="font-family: Arial,Helvetica,sans-serif;"><br /></span></b></span>
<span style="color: blue;"><b><span style="font-family: Arial,Helvetica,sans-serif;">Seu Nome: <span style="color: black;">*</span></span></b></span></div>
<b><span style="font-family: Arial,Helvetica,sans-serif;"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="60" type="text" value="" /></span></b>
<br />
<div>
<span style="color: orange;"><b><span style="font-family: Arial,Helvetica,sans-serif;">Seu E-mail:<span style="color: black;"> *</span></span></b></span></div>
<b><span style="font-family: Arial,Helvetica,sans-serif;"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="60" type="text" value="" /></span></b>
<br />
<div>
<span style="color: blue;"><b><span style="font-family: Arial,Helvetica,sans-serif;">Sua mensagem:<span style="color: black;"> *</span></span></b></span></div>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Enviar" />
<br />
<div style="max-width: 450px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
...<br />
<br />
<b style="font-family: Arial, Helvetica, sans-serif;">... email: brandaodasilvaedilene@gmail.com ... </b><br />
<br />
<br />
<link href="http://www.emailmeform.com/builder/styles/dynamic.php?t=post" rel="stylesheet" type="text/css"></link><br />
<br />
<br />
<link href="http://www.emailmeform.com/builder/theme_css/eD6Rdj95au1a682b" rel="stylesheet" type="text/css"></link><br />
<br />
<br />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript">
</script><br />
<script type="text/javascript">
if (typeof jQuery == 'undefined'){
document.write(unescape("%3Cscript src='http://www.emailmeform.com/builder/js/jquery-1.4.4.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script><br />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript">
</script><br />
<script type="text/javascript">
if (typeof $.ui == 'undefined'){
document.write(unescape("%3Cscript src='http://www.emailmeform.com/builder/js/jquery-ui-1.7.2.custom.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>...<br />
<script src="http://www.emailmeform.com/builder/js/dynamic.php?t=post&t2=0&use_CDN=true" type="text/javascript">
</script><br />
<div id="emf-container-outer">
<div id="emf-container">
<div id="emf-logo">
<a href="http://www.blogger.com/post-edit.g?blogID=2032425193407238435&postID=3415995100844815628">EmailMeForm</a></div>
<form action="http://www.emailmeform.com/builder/form/eD6Rdj95au1a682b" class="topLabel" enctype="multipart/form-data" id="emf-form" method="post" name="emf-form">
<div class="emf-head-widget" id="emf-form-instruction">
<div class="emf-bold" id="emf-form-title">
Contact </div>
</div>
<ul>
<li class="emf-li-field emf-field-text data_container" id="emf-li-0"><br />
<label class="emf-label-desc" for="element_0">Name *</label><br />
<div class="emf-div-field">
<input class="validate[required]" id="element_0" name="element_0" size="30" type="text" value="" /></div>
</li>
<li class="emf-li-field emf-field-email data_container" id="emf-li-1"><br />
<label class="emf-label-desc" for="element_1">Email *</label><br />
<div class="emf-div-field">
<input class="validate[required,custom[email]]" id="element_1" name="element_1" size="30" type="text" value="" /></div>
</li>
<li class="emf-li-field emf-field-text data_container" id="emf-li-2"><br />
<label class="emf-label-desc" for="element_2">Subject *</label><br />
<div class="emf-div-field">
<input class="validate[required]" id="element_2" name="element_2" size="30" type="text" value="" /></div>
</li>
<li class="emf-li-field emf-field-textarea data_container" id="emf-li-3"><br />
<label class="emf-label-desc" for="element_3">Message *</label><br />
<div class="emf-div-field">
<textarea class="validate[required]" cols="60" id="element_3" name="element_3" rows="10"><br />
</textarea></div>
</li>
<li id="emf-li-recaptcha"><br />
<div>
<script type="text/javascript">
//<![CDATA[
var RecaptchaOptions = {
theme: 'clean',
custom_theme_widget: 'emf-recaptcha_widget'
};
//]]>
</script> <script src="https://www.google.com/recaptcha/api/challenge?k=6LchicQSAAAAAGksQmNaDZMw3aQITPqZEsX77lT9" type="text/javascript">
</script> <noscript>&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;iframe src="https://www.google.com/recaptcha/api/noscript?k=6LchicQSAAAAAGksQmNaDZMw3aQITPqZEsX77lT9" height="300" width="500" frameborder="0"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/iframe&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br /&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br /&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;textarea name="recaptcha_challenge_field" rows="3" cols="40"&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;br /&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/textarea&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;input type="hidden" name="recaptcha_response_field" value="manual_challenge" /&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</noscript></div>
<script type="text/javascript">
//<![CDATA[
$(function(){
$('#recaptcha_response_field').addClass('validate[required]');
});
//]]>
</script><br />
</li>
<li class="right" id="emf-li-post-button"><br />
<input type="submit" value="Send email" /><br />
</li>
</ul>
<input name="element_counts" type="hidden" value="4" /> <input name="embed" type="hidden" value="forms" /></form>
</div>
</div>
<br />
<br />
<div style="text-align: center;">
<span style="color: black; font-family: Verdana; font-size: x-small;">Powered by</span><span style="bottom: -5px; padding-left: 3px; position: relative;"><img src="http://www.emailmeform.com/builder/images/footer-logo.png" /></span><span style="color: black; font-family: Verdana; font-size: x-small;">EMF</span> <a href="http://www.emailmeform.com/" style="text-decoration: none;" target="_blank"><span style="color: black; font-family: Verdana; font-size: x-small;">Online Form</span></a><br />
<br />
<a href="http://www.emailmeform.com/report-abuse.html?http://www.emailmeform.com/builder/form/eD6Rdj95au1a682b" style="font-size: 70%; line-height: 20px; text-decoration: none;" target="_blank"><span style="color: black; font-family: Verdana; font-size: x-small;">Report Abuse</span></a></div>
<script type="text/javascript">
//<![CDATA[
var EMF_Safari_Captcha = (function(){
this.isChrome = (/chrome/.test(navigator.userAgent.toLowerCase()));
this.isSafari = !this.isChrome && (/safari/.test(navigator.userAgent.toLowerCase()));
this.process_captcha = function(){
EMF_jQuery('a#captcha_code_refresh').trigger('click');
get_valid_captcha();
}
this.firstTimeSession = true;
this.safari_submit_session_form = function(){
if (this.firstTimeSession) {
this.firstTimeSession = false;
EMF_jQuery("#safari_sessionform").submit();
setTimeout('process_captcha()',2000);
}
}
return this;
})();
EMF_jQuery(function(){
EMF_jQuery("#emf-form").validationEngine({
validationEventTriggers:"blur",
scroll:true
});
if(document.getElementById('captcha_image')!=null){
if(EMF_Safari_Captcha.isSafari){
EMF_jQuery("body").append('<iframe id="safari_sessionframe" name="safari_sessionframe" onload="EMF_Safari_Captcha.safari_submit_session_form();" src="http://www.emailmeform.com/get_safari_cookies.php" style="display:none;"><\/iframe><form id="safari_sessionform" enctype="application/x-www-form-urlencoded" action="http://www.emailmeform.com/get_safari_cookies.php" target="safari_sessionframe" action="post">
<\/form>');
}else{
get_valid_captcha();
}
}
EMF_jQuery("#emf-form ul li").mousedown(highlight_field_on_mousedown);
EMF_jQuery("#emf-form ul li input, #emf-form ul li textarea, #emf-form ul li select").focus(highlight_field_on_focus);
var form_obj=EMF_jQuery("#emf-container form");
if(form_obj.length>0 && form_obj.attr('action').indexOf('#')==-1){
form_obj.attr('action', form_obj.attr('action')+document.location.hash);
}
});
EMF_jQuery(window).load(function(){
var parent_url = decodeURIComponent(document.location.hash.replace(/^#/, ''));
XD.postMessage(get_frame_height(), parent_url, parent);
});
//]]>
</script><br />
<br />
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: large;"><b><br />
</b></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: large;"><b>contato:</b></span></div>
<span style="font-size: large;"><b>email </b></span><br />
<div style="color: blue; font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: large;"><b>envialinks.noticias@gmail.com</b></span></div>
<b><span style="font-size: large;"><span style="background-color: white; color: blue; display: inline ! important; float: none; font-family: Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: nowrap; widows: 2; word-spacing: 0px;"></span></span></b><br />
<span style="font-size: large;"><b style="color: blue;"><span style="background-color: white; display: inline ! important; float: none; font-family: Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: nowrap; widows: 2; word-spacing: 0px;"> </span></b></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<br />
<br />
<blockquote>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<br />
<br />
<span style="font-size: 22px;"><span style="font-family: Arial,Helvetica,sans-serif;"><b></b></span></span><br />
<br />
<center>
<br />
<br />
<b><script type="text/javascript">
id = 106783;
</script><script src="http://kontactr.com/wp.js" type="text/javascript">
</script><script type="text/javascript">
id=106783; t=1; ctxt="Contact Me";
</script><script src="http://kontactr.com/kpu/kontactr.js" type="text/javascript">
</script><script type="text/javascript">
id=10678
</script></b><br />
<br />
<div style="background-color: white;">
</div>
<span style="color: magenta; font-family: Arial,Helvetica,sans-serif; font-size: x-large;"><b> </b></span><br />
</center>
</center>
</blockquote>
<blockquote>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<b><script id="gtbTranslateElementCode">
var gtbTranslateOnElementLoaded;(function(){var lib = null;var checkReadyCount = 0;function sendMessage(message, attrs) { var data = document.getElementById("gtbTranslateElementCode"); for (var p in attrs) { data.removeAttribute(p); } for (var p in attrs) { if ("undefined" != typeof attrs[p]) { data.setAttribute(p, attrs[p]); } } var evt = document.createEvent("Events"); evt.initEvent(message, true, false); document.dispatchEvent(evt);}function checkLibReady (){ var ready = lib.isAvailable(); if (ready) { sendMessage("gtbTranslateLibReady", {"gtbTranslateError" : false}); return; } if (checkReadyCount++ > 5) { sendMessage("gtbTranslateLibReady", {"gtbTranslateError" : true}); return; } setTimeout(checkLibReady, 100);}gtbTranslateOnElementLoaded = function () { lib = google.translate.TranslateService({}); sendMessage("{EVT_LOADED}", {}, []); var data = document.getElementById("gtbTranslateElementCode"); data.addEventListener("gtbTranslate", onTranslateRequest, true); data.addEventListener("gtbTranslateCheckReady", onCheckReady, true); data.addEventListener("gtbTranslateRevert", onRevert, true); checkLibReady();};function onCheckReady() { var ready = lib.isAvailable(); sendMessage("gtbTranslateLibReady", {"gtbTranslateError" : !ready});}function onTranslateRequest() { var data = document.getElementById("gtbTranslateElementCode"); var orig = data.getAttribute("gtbOriginalLang"); var target = data.getAttribute("gtbTargetLang"); lib.translatePage(orig, target, onProgress);}function onProgress(progress, opt_finished, opt_error) { sendMessage("gtbTranslateOnProgress", {"gtbTranslateProgress" : progress, "gtbTranslateFinished" : opt_finished, "gtbTranslateError" : opt_error});}function onRevert() { lib.restore();}})(); (function(){var d=window,e=document;function f(b){var a=e.getElementsByTagName("head")[0];a||(a=e.body.parentNode.appendChild(e.createElement("head")));a.appendChild(b)}function _loadJs(b){var a=e.createElement("script");a.type="text/javascript";a.charset="UTF-8";a.src=b;f(a)}function _loadCss(b){var a=e.createElement("link");a.type="text/css";a.rel="stylesheet";a.charset="UTF-8";a.href=b;f(a)}function _isNS(b){for(var b=b.split("."),a=d,c=0;c<b.length;++c)if(!(a=a[b[c]]))return!1;return!0}
function _setupNS(b){for(var b=b.split("."),a=d,c=0;c<b.length;++c)a=a[b[c]]||(a[b[c]]={});return a}d.addEventListener&&typeof e.readyState=="undefined"&&d.addEventListener("DOMContentLoaded",function(){e.readyState="complete"},!1);
if (_isNS('google.translate.Element')){return}var c=_setupNS('google.translate._const');c._cl='en';c._cuc='gtbTranslateOnElementLoaded';c._cac='';c._cam='lib';var h='translate.googleapis.com';var b=(window.location.protocol=='https:'?'https://':'http://')+h;c._pah=h;c._pbi=b+'/translate_static/img/te_bk.gif';c._pci=b+'/translate_static/img/te_ctrl3.gif';c._phf=h+'/translate_static/js/element/hrs.swf';c._pli=b+'/translate_static/img/loading.gif';c._plla=h+'/translate_a/l';c._pmi=b+'/translate_static/img/mini_google.png';c._ps=b+'/translate_static/css/translateelement.css';c._puh='translate.google.com';_loadCss(c._ps);_loadJs(b+'/translate_static/js/element/main.js');})();
</script></b>
</center>
</blockquote>
</center>
<h2 class="title" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(224, 233, 239); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: 'Reenie Beanie', arial, serif; font-size: 39px; font-style: normal; font-weight: normal; line-height: 22px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
</h2>
<script src="https://apis.google.com/js/plusone.js" type="text/javascript">
{lang: 'pt-BR'}
</script> <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<br />
</center>
<center>
</center>
<center>
</center>
<center>
</center>
<center>
</center>
<center>
</center>
<center>
<br />
</center>
<center>
</center>
<center>
</center>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<script type="text/javascript">
id = 106783;
</script> <script src="http://kontactr.com/wp.js" type="text/javascript">
</script> <script type="text/javascript">
id=106783; t=1; ctxt="Contact Me";
</script> <script src="http://kontactr.com/kpu/kontactr.js" type="text/javascript">
</script> <script type="text/javascript">
id=106783; t=2;
</script> <script src="http://kontactr.com/kpu/kontactr.js" type="text/javascript">
</script> </center>
<br />
<br />
<br />
<br />
<a href="http://arqblog.com.br/contato/emailverdesites/" rel="attachment wp-att-16" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="email" class="aligncenter size-full wp-image-16" src="http://arqblog.com.br/wp-content/uploads/2012/02/emailverdesites.png" style="height: 35px; width: 700px;" title="emailverdesites" /></a><br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1939654109606591384.post-20100080912062830612013-05-11T19:23:00.005-07:002015-07-16T12:19:24.417-07:00seja nosso parceiro<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- edihitt.com.br -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-3296052210640376" data-ad-slot="8061952479" style="display: inline-block; height: 240px; width: 320px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<span style="color: purple;"><span style="font-size: x-large;"><span style="font-family: Arial,Helvetica,sans-serif;"><b>parcerias: </b></span></span></span><br />
<span style="font-family: Arial,Helvetica,sans-serif; font-size: large;"><b>banner </b></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: large;"><b>120x60</b></span>
</span><br />
<center>
<span style="color: purple;"><span style="font-family: Arial,Helvetica,sans-serif;"><b>nosso banner:</b></span></span></center>
<center>
<span style="color: red;"><span style="font-family: Arial,Helvetica,sans-serif;"><b></b></span></span></center>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://informativoblogspot.blogspot.com.br/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijZiP-ZPkR6os2cBB4KLSJ9oqI7iJ-AXhyeUJ-mDAAKDjzyk-yYw0atFO77icKoUqrsU2wPq1s2i0cKRY3m5Sj2R7HRh7wjlTB1obdNF7B6V4sQ-G4BBO0Y1bVZOLSYN3PWDBhl4A4Kv0/s1600/informativo+blogspot+120x60.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<center>
<textarea><a href="http://informativoblogspot.blogspot.com.br/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijZiP-ZPkR6os2cBB4KLSJ9oqI7iJ-AXhyeUJ-mDAAKDjzyk-yYw0atFO77icKoUqrsU2wPq1s2i0cKRY3m5Sj2R7HRh7wjlTB1obdNF7B6V4sQ-G4BBO0Y1bVZOLSYN3PWDBhl4A4Kv0/s1600/informativo+blogspot+120x60.png" /></a></textarea> </center>
<center>
<span style="color: purple;"><span style="font-family: Arial,Helvetica,sans-serif;"><b>Clicar </b></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><b> </b></span></span></center>
<center>
<span style="color: purple;"><span style="font-family: Arial,Helvetica,sans-serif;"><b>Selecionar </b></span> </span></center>
<center>
<span style="color: purple;"><span style="font-family: Arial,Helvetica,sans-serif;"><b>Copiar </b></span> </span></center>
<center>
<span style="color: purple;"></span><span style="color: blue;"><span style="font-family: Arial,Helvetica,sans-serif;"><b><span style="color: purple;">Colar</span> </b></span></span>
<span style="font-family: Arial,Helvetica,sans-serif;"><b> </b></span></center>
<center>
<span style="font-family: Arial,Helvetica,sans-serif;"><b>o texto da cx e </b></span> </center>
<center>
<span style="color: red;"><span style="font-family: Arial,Helvetica,sans-serif;"><b>divulgar-nos</b></span></span>
</center>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- edihitt.com.br -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-3296052210640376" data-ad-slot="8061952479" style="display: inline-block; height: 240px; width: 320px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1939654109606591384.post-68431557017585923492013-05-11T18:15:00.000-07:002013-05-11T18:15:23.065-07:00"Política de Privacidade - Google AdSense"<center>
<a href="http://www.google.com.br/intl/pt-BR/privacypolicy.html#information" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" target="_blanck"><img alt="Política de Privacidade - Google AdSense" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRYhAexY9E9rsV_ssgokVqH-DYBWhhy9jtVx_x7DV-DUx9dpk5MWEf0lGvXElUD_KbiP3n-D8glMEKPsC1kJe3iZ5xAjeTbGptAproWCU6P4J51wyG9U0ZBB_tOZhiJds9ycJlw6pL_Q/s200/Google+adsense.jpg" id="BLOGGER_PHOTO_ID_5180303542442112466" style="cursor: pointer; height: 81px; width: 130px;" title="Política de Privacidade - Google AdSense" /></a></center>
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1939654109606591384.post-48953654051071228722011-10-22T16:34:00.000-07:002015-07-17T04:45:00.517-07:00ego-amor<i><b><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-large;"><a href="http://ego-amor.blogspot.com/#.TqNMF0hel1w.blogger">ego-amor</a></span></b></i><br />
<br />
<br />
<br />
<br />
<br />Unknownnoreply@blogger.com0