<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Novo na Rede &#187; Imagens</title>
	<atom:link href="http://www.novonarede.com.br/blog/index.php/tag/imagens/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.novonarede.com.br/blog</link>
	<description>Blogging, lifestyle, web 2.0, webdesign e mais...</description>
	<lastBuildDate>Sun, 05 Feb 2012 00:14:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Blogger: Onde Hospedar Imagens Com Seguran&#231;a</title>
		<link>http://www.novonarede.com.br/blog/index.php/2010/02/blogger-onde-hospedar-imagens-com-segurana/</link>
		<comments>http://www.novonarede.com.br/blog/index.php/2010/02/blogger-onde-hospedar-imagens-com-segurana/#comments</comments>
		<pubDate>Thu, 18 Feb 2010 12:13:09 +0000</pubDate>
		<dc:creator>Tico Esteves</dc:creator>
				<category><![CDATA[Blogger/Blogspot]]></category>
		<category><![CDATA[Dicas e Tutoriais]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Imagens]]></category>
		<category><![CDATA[Layout]]></category>

		<guid isPermaLink="false">http://novonarede.com.br/blog/index.php/2010/02/blogger-onde-hospedar-imagens-com-segurana/</guid>
		<description><![CDATA[<p><center>
<a href="http://www.ticoesteves.com/" target="_blank"><img src="http://www.novonarede.com.br/bannersticoesteves/bannerticoesteves600x150.PNG" width="600" height="150" style="border:none;"/></a>
</center></p><p>Você que tem um blog no Blogger, te pergunto: Você sabe onde hospedar suas imagens com segurança? E te respondo: No próprio Blogger! Isso mesmo, você não entendeu mal não. O Blogger é o melhor lugar para hospedar as imagens que você quer usar no seu blog. Pense bem: Se você precisa de imagens que vão ser acessadas todos os dias (títulos para a sidebar, background, banner, etc) vale a pena arriscar usando um serviço que pode te deixar na mão? Infelizmente, nós sabemos que alguns serviços, apesar de gratuitos (ou talvez por), não são tão confiáveis assim. Portanto, se é para arriscar ao menos vamos deixar tudo em casa! &#160; Como Fazer Vá até a área de edição do blog e faça como você faz para postar um texto, só que dessa vez, você só vai baixar as imagens do seu computador para o post. Uma vez que você adicione todas as imagens que quer usar, basta clicar em Editar Html e copiar a url de cada imagem. Algo assim: &#60;img src=&#34;url(ENDEREÇO)daimagem&#34;&#62; Copie o que estiver na parte que destaquei em vermelho no código acima (esse é o endereço da imagem). Feito isso, clique em Opções de postagem e modifique a data do post para alguns bons três ou quatro meses antes (isso é para as suas imagens não aparecerem na home do blog). Confira na imagem abaixo: Dê um título qualquer (pode ser minhas imagens, para ficar fácil encontrar depois), categoria é opcional, assim como os comentários. Aí é só publicar! Agora você pode usar as imagens, sem se preocupar com a hospedagem! Dica: As imagens que você usa em seu blog são guardadas automaticamente em um álbum da web do Picasa. Faça bom uso! Imagem: RAWKU5</p>]]></description>
			<content:encoded><![CDATA[<p><center>
<a href="http://www.ticoesteves.com/" target="_blank"><img src="http://www.novonarede.com.br/bannersticoesteves/bannerticoesteves600x150.PNG" width="600" height="150" style="border:none;"/></a>
</center></p><p align="justify"><img style="border-right-width: 0px; margin: 0px 10px 0px 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Blogger: Onde Hospedar Imagens Com Segurança" border="0" alt="968669_treasure_3" align="left" src="http://novonarede.com.br/blog/wp-content/uploads/968669_treasure_3.jpg" width="240" height="240" /> Você que tem um blog no Blogger, te pergunto: <strong>Você sabe onde hospedar suas imagens com segurança?</strong> E te respondo: No próprio <a href="http://www.blogger.com" target="_blank">Blogger</a>! Isso mesmo, você não entendeu mal não. O <strong>Blogger</strong> é o melhor lugar para <strong>hospedar as imagens</strong> que você quer usar no seu blog. Pense bem: </p>
<p align="justify">Se você precisa de imagens que vão ser acessadas todos os dias (títulos para a sidebar, background, banner, etc) vale a pena arriscar usando um serviço que pode te deixar na mão?</p>
<p align="justify">Infelizmente, nós sabemos que alguns serviços, apesar de gratuitos (ou talvez por), não são tão confiáveis assim. Portanto, se é para arriscar ao menos vamos deixar tudo em casa!</p>
<p align="justify">&#160;</p>
<h3>Como Fazer</h3>
<p align="justify">Vá até a área de edição do blog e faça como você faz para postar um texto, só que dessa vez, você só vai baixar as imagens do seu computador para o post.</p>
<p align="justify">Uma vez que você adicione todas as imagens que quer usar, basta clicar em <font color="#ff0000">Editar Html</font> e copiar a url de cada imagem. Algo assim:</p>
<p align="justify">&lt;img src=&quot;<font color="#ff0000">url(ENDEREÇO)daimagem</font>&quot;&gt;</p>
<p align="justify"><em>Copie o que estiver na parte que destaquei em <font color="#ff0000">vermelho</font> no código acima (esse é o endereço da imagem).</em></p>
<p align="justify">Feito isso, clique em <font color="#ff0000">Opções de postagem</font> e modifique a data do post para alguns bons três ou quatro meses antes (isso é para as suas imagens não aparecerem na home do blog). Confira na imagem abaixo:</p>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="BloggerPostagem" border="0" alt="BloggerPostagem" src="http://novonarede.com.br/blog/wp-content/uploads/BloggerPostagem.jpg" width="560" height="350" /> </p>
<p align="justify">Dê um título qualquer (pode ser minhas imagens, para ficar fácil encontrar depois), categoria é opcional, assim como os comentários. Aí é só publicar!</p>
<p align="justify">Agora você pode usar as <strong>imagens</strong>, sem se preocupar com a <strong>hospedagem</strong>!</p>
<p align="justify"><strong>Dica:</strong> As imagens que você usa em seu blog são guardadas automaticamente em um <a href="http://picasaweb.google.com.br/" target="_blank">álbum da web do Picasa</a>. </p>
<p>Faça bom uso!</p>
<p><em>Imagem: <a href="http://www.sxc.hu/profile/RAWKU5" target="_blank">RAWKU5</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.novonarede.com.br/blog/index.php/2010/02/blogger-onde-hospedar-imagens-com-segurana/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Slide Show: Como Criar Uma Galeria de Imagens com T&#237;tulo Clic&#225;vel e Descri&#231;&#227;o</title>
		<link>http://www.novonarede.com.br/blog/index.php/2010/02/slide-show-como-criar-uma-galeria-de-imagens-com-ttulo-clicvel-e-descrio/</link>
		<comments>http://www.novonarede.com.br/blog/index.php/2010/02/slide-show-como-criar-uma-galeria-de-imagens-com-ttulo-clicvel-e-descrio/#comments</comments>
		<pubDate>Fri, 12 Feb 2010 13:15:36 +0000</pubDate>
		<dc:creator>Tico Esteves</dc:creator>
				<category><![CDATA[Blogger/Blogspot]]></category>
		<category><![CDATA[Dicas e Tutoriais]]></category>
		<category><![CDATA[Imagens]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Slide show]]></category>

		<guid isPermaLink="false">http://novonarede.com.br/blog/index.php/2010/02/slide-show-como-criar-uma-galeria-de-imagens-com-ttulo-clicvel-e-descrio/</guid>
		<description><![CDATA[<p><center>
<a href="http://www.ticoesteves.com/" target="_blank"><img src="http://www.novonarede.com.br/bannersticoesteves/bannerticoesteves600x150.PNG" width="600" height="150" style="border:none;"/></a>
</center></p><p>Hoje vamos aprender como criar uma galeria de imagens em formato de slide show com o título clicável! Dica 1: Apesar de parecer, esse não é dos tutoriais mais difíceis, mas vai precisar de muita atenção e cuidado. O ideal seria você criar um blog de testes (se já não tem um) para tentar a instalação antes de fazer o mesmo em seu blog. Dica 2: Se vai instalar a galeria em seu blog principal, salve antes uma cópia do seu template. &#160; Passo 1: Arquivos no Código Arquivos Necessários Dois arquivos JavaScript serão os responsáveis por fazer a galeria de imagens funcionar. Clique aqui para baixar o pacote com os scripts. Agora, você vai precisar hospedar os arquivos que você baixou e em seguida adicionar a chamada para esses arquivos no código do seu blog ANTES da tag &#60;/head&#62;: &#60;script src='ARQUIVO JQUERY.JS' type='text/javascript'/&#62; &#60;script src='ARQUIVO S3SLIDER.JS' type='text/javascript'/&#62; &#60;script type='text/javascript'&#62; $(document).ready(function() { $('#s3slider').s3Slider({ timeOut: 3000 }); }); &#60;/script&#62; Onde está timeOut: 3000 basta que você altere esse número para mudar o tempo de transição das imagens (4000, 5000, você que sabe). &#160; Passo 2: Estilos da Galeria Agora procure pelo trecho ]]&#62;&#60;/b:skin&#62; e adicione ANTES dele: /* s3slider ----------------------------------------------- */ #s3slider { width: 720px; height: 300px;&#160; position: relative;&#160; overflow: hidden;&#160; } #s3sliderContent { width: 720px; position: absolute; top: 0; padding: 0px; margin-left: 0; } .s3sliderImage { float: left; position: relative; display: none; } .s3sliderImage span { position: absolute; left: 0; font: 15px/20px Arial, Helvetica, sans-serif; padding: 30px 13px; width: 720px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; bottom: 0; } .clear { clear: both; } Clique em SALVAR e em seguida clique em Expandir modelos de widgets. Agora procure pelo trecho abaixo: &#60;div id='content-wrapper'&#62; &#60;div id='crosscol-wrapper' style='text-align:center'&#62; &#60;b:section class='crosscol' id='crosscol' showaddelement='no'/&#62; &#60;/div&#62; Onde está showaddelement='no' troque o no por yes. Ficaria assim: &#60;div id='content-wrapper'&#62; &#60;div id='crosscol-wrapper' style='text-align:center'&#62; &#60;b:section class='crosscol' id='crosscol' showaddelement='yes'/&#62; &#60;/div&#62; Se você quiser a galeria de imagens igual a do meu blog de testes (acima da área do post) basta procurar pelo trecho abaixo: &#60;div id='main-wrapper'&#62; &#60;b:section class='main' id='main' showaddelement='no'&#62; &#60;b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/&#62; &#60;/b:section&#62; &#60;/div&#62; Onde está showaddelement='no' troque o no por yes. Depois clique em SALVAR e vamos para a próxima parte! &#160; Passo 3: A Galeria de Fato Agora que você já adicionou o código, vamos criar as chamadas para as imagens e links, ou seja, a galeria em si! Vá até a página Elementos da página e clique Adicionar um Gadget. Na janela que se abre procure por HTML/JavaScript e clique nele. Na próxima janela, adicione o código abaixo: &#60;div id=&#34;s3slider&#34;&#62; &#60;ul id=&#34;s3sliderContent&#34;&#62; &#60;li class=&#34;s3sliderImage&#34;&#62; &#60;img src=&#34;URL IMAGEM LINK 01&#34; /&#62; &#60;span&#62;&#60;a href=&#34;URL PARA O LINK 01&#34;&#62;TEXTO PARA O LINK 01&#60;/a&#62; &#60;br/&#62; RESUMO PARA O LINK 01 &#60;/span&#62; &#60;/li&#62; &#60;li class=&#34;s3sliderImage&#34;&#62; &#60;img src=&#34;URL IMAGEM LINK 02&#34; /&#62; &#60;span&#62;&#60;a href=&#34;URL PARA O LINK 02&#34;&#62;TEXTO PARA O LINK 02&#60;/a&#62; &#60;br/&#62; RESUMO PARA O LINK 02 &#60;/span&#62; &#60;/li&#62; &#60;li class=&#34;s3sliderImage&#34;&#62; &#60;img src=&#34;URL IMAGEM LINK 03&#34; /&#62; &#60;span&#62;&#60;a &#8230; <a href="http://www.novonarede.com.br/blog/index.php/2010/02/slide-show-como-criar-uma-galeria-de-imagens-com-ttulo-clicvel-e-descrio/">Continuar lendo <span class="meta-nav">&#8594;</span></a></p>]]></description>
			<content:encoded><![CDATA[<p><center>
<a href="http://www.ticoesteves.com/" target="_blank"><img src="http://www.novonarede.com.br/bannersticoesteves/bannerticoesteves600x150.PNG" width="600" height="150" style="border:none;"/></a>
</center></p><p align="justify">Hoje vamos aprender como criar uma <strong>galeria de imagens em formato de slide show com o título clicável</strong>! </p>
<p align="justify"><strong>Dica 1:</strong> Apesar de parecer, esse não é dos tutoriais mais difíceis, mas vai precisar de muita atenção e cuidado. O ideal seria você criar um blog de testes (se já não tem um) para tentar a instalação antes de fazer o mesmo em seu blog.</p>
<p align="justify"><strong>Dica 2:</strong> Se vai instalar a galeria em seu blog principal, salve antes uma cópia do seu template.</p>
<p align="justify">&#160;</p>
<h3 align="justify">Passo 1: Arquivos no Código</h3>
<p align="justify"><font color="#ff0000">Arquivos Necessários</font></p>
<p align="justify">Dois arquivos JavaScript serão os responsáveis por fazer a galeria de imagens funcionar.</p>
<p align="justify"><strong><a href="http://www.serie3.info/s3slider/style/code/s3SliderFull.rar" target="_blank">Clique aqui</a></strong> para baixar o pacote com os scripts.</p>
<p align="justify">Agora, você vai precisar hospedar os arquivos que você baixou e em seguida adicionar a chamada para esses arquivos no código do seu blog ANTES da tag <font color="#ff0000">&lt;/head&gt;</font>: </p>
<blockquote><p>&lt;script src='ARQUIVO JQUERY.JS' type='text/javascript'/&gt;      <br />&lt;script src='ARQUIVO S3SLIDER.JS' type='text/javascript'/&gt; </p>
<p>&lt;script type='text/javascript'&gt;      <br />$(document).ready(function() {       <br />$('#s3slider').s3Slider({       <br />timeOut: 3000       <br />});       <br />});       <br />&lt;/script&gt;</p>
</blockquote>
<p align="justify">Onde está <strong>timeOut: 3000</strong> basta que você altere esse número para mudar o tempo de transição das imagens (4000, 5000, você que sabe).</p>
<p align="justify">&#160;</p>
<h3 align="justify">Passo 2: Estilos da Galeria</h3>
<p align="justify">Agora procure pelo trecho ]]&gt;&lt;/b:skin&gt; e adicione ANTES dele: </p>
<blockquote><p>/* s3slider      <br />----------------------------------------------- */       <br />#s3slider {       <br />width: 720px;       <br />height: 300px;&#160; <br />position: relative;&#160; <br />overflow: hidden;&#160; <br />}       <br />#s3sliderContent {       <br />width: 720px;       <br />position: absolute;       <br />top: 0;       <br />padding: 0px;       <br />margin-left: 0;       <br />}       <br />.s3sliderImage {       <br />float: left;       <br />position: relative;       <br />display: none;       <br />}       <br />.s3sliderImage span {       <br />position: absolute;       <br />left: 0;       <br />font: 15px/20px Arial, Helvetica, sans-serif;       <br />padding: 30px 13px;       <br />width: 720px;       <br />background-color: #000;       <br />filter: alpha(opacity=70);       <br />-moz-opacity: 0.7;       <br />-khtml-opacity: 0.7;       <br />opacity: 0.7;       <br />color: #fff;       <br />display: none;       <br /><b>bottom: 0;</b>       <br />}       <br />.clear {       <br />clear: both;       <br />}</p>
</blockquote>
<p align="justify">Clique em <font color="#ff0000">SALVAR</font> e em seguida clique em <font color="#ff0000">Expandir modelos de widgets</font>. Agora procure pelo trecho abaixo: </p>
<blockquote><p>&lt;div id='content-wrapper'&gt;      <br />&lt;div id='crosscol-wrapper' style='text-align:center'&gt;       <br />&lt;b:section class='crosscol' id='crosscol' showaddelement='no'/&gt;       <br />&lt;/div&gt;</p>
</blockquote>
<p>Onde está <font color="#ff0000">showaddelement='no'</font> troque o <font color="#ff0000">no</font> por <font color="#ff0000">yes</font>. Ficaria assim: </p>
<blockquote><p>&lt;div id='content-wrapper'&gt;      <br />&lt;div id='crosscol-wrapper' style='text-align:center'&gt;       <br />&lt;b:section class='crosscol' id='crosscol' showaddelement='yes'/&gt;       <br />&lt;/div&gt;</p>
</blockquote>
<p align="justify">Se você quiser a galeria de imagens igual a do meu <a href="http://www.maisqueblogger.com" target="_blank">blog de testes</a> (acima da área do post) basta procurar pelo trecho abaixo:</p>
<blockquote><p>&lt;div id='main-wrapper'&gt;      <br />&lt;b:section class='main' id='main' showaddelement='no'&gt;       <br />&lt;b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/&gt;       <br />&lt;/b:section&gt;       <br />&lt;/div&gt;</p>
</blockquote>
<p align="justify">Onde está <font color="#ff0000">showaddelement='no'</font> troque o <font color="#ff0000">no</font> por <font color="#ff0000">yes</font>.</p>
<p align="justify">Depois clique em <font color="#ff0000">SALVAR</font> e vamos para a próxima parte!</p>
<p align="justify">&#160;</p>
<h3 align="justify">Passo 3: A Galeria de Fato</h3>
<p align="justify">Agora que você já adicionou o código, vamos criar as chamadas para as imagens e links, ou seja, a galeria em si!</p>
<p align="justify">Vá até a página <font color="#ff0000">Elementos da página</font> e clique <font color="#ff0000">Adicionar um Gadget</font>. Na janela que se abre procure por HTML/JavaScript e clique nele.</p>
<p align="justify">Na próxima janela, adicione o código abaixo:</p>
<blockquote><p>&lt;div id=&quot;s3slider&quot;&gt;      <br />&lt;ul id=&quot;s3sliderContent&quot;&gt;       <br />&lt;li class=&quot;s3sliderImage&quot;&gt;       <br />&lt;img src=&quot;URL IMAGEM LINK 01&quot; /&gt;       <br />&lt;span&gt;&lt;a href=&quot;URL PARA O LINK 01&quot;&gt;TEXTO PARA O LINK 01&lt;/a&gt;       <br />&lt;br/&gt;       <br />RESUMO PARA O LINK 01       <br />&lt;/span&gt;       <br />&lt;/li&gt;       <br />&lt;li class=&quot;s3sliderImage&quot;&gt;       <br />&lt;img src=&quot;URL IMAGEM LINK 02&quot; /&gt;       <br />&lt;span&gt;&lt;a href=&quot;URL PARA O LINK 02&quot;&gt;TEXTO PARA O LINK 02&lt;/a&gt;       <br />&lt;br/&gt;       <br />RESUMO PARA O LINK 02       <br />&lt;/span&gt;       <br />&lt;/li&gt;       <br />&lt;li class=&quot;s3sliderImage&quot;&gt;       <br />&lt;img src=&quot;URL IMAGEM LINK 03&quot; /&gt;       <br />&lt;span&gt;&lt;a href=&quot;URL PARA O LINK 03&quot;&gt;TEXTO PARA O LINK 03&lt;/a&gt;       <br />&lt;br/&gt;       <br />RESUMO PARA O LINK 03       <br />&lt;/span&gt;       <br />&lt;/li&gt;       <br />&lt;div class=&quot;clear s3sliderImage&quot;&gt;&lt;/div&gt;       <br />&lt;/ul&gt;       <br />&lt;/div&gt;</p>
</blockquote>
<p align="justify">Veja que existem aqui trechos que se repetem, pois são os trechos responsáveis pelas imagens, links e resumos. Para tanto, basta identificá-los dentro do código e substituir o que está indicado. Por exemplo: </p>
<blockquote><p>&lt;img src=&quot;URL IMAGEM LINK 01&quot; /&gt;      <br />&lt;span&gt;&lt;a href=&quot;URL PARA O LINK 01&quot;&gt;TEXTO PARA O LINK 01&lt;/a&gt;       <br />&lt;br/&gt;       <br />RESUMO PARA O LINK 01       <br />&lt;/span&gt;       <br />&lt;/li&gt;</p>
</blockquote>
<p align="justify">Substitua assim:</p>
<p align="justify">URL IMAGEM LINK 01 = Endereço da imagem que você quer apareça    <br />URL PARA O LINK 01 = Link da página que você quer que redirecione ao clicar     <br />TEXTO PARA O LINK 01 = Descrição do link     <br />RESUMO PARA O LINK 01 = Resumo do texto ou chamada</p>
<p align="justify">Se você quiser adicionar mais que três imagens a sua galeria, basta adicionar tantos trechos desse para a quantidade de imagens que você quer.</p>
<p align="justify">Lembrando sempre que é preciso muito cuidado para não apagar as aspas, caso contrário o código não irá funcionar ok?</p>
<p align="justify">Depois de alterar tudo e adicionar os endereços, links, resumos, etc. Clique em <font color="#ff0000">SALVAR</font> e pronto! Vá conferir sua <strong>galeria de imagens</strong> funcionando!</p>
<p align="justify">Faça bom uso!</p>
<p align="justify"><em>Tutorial original (em espanhol): </em><a href="http://gemablog-.blogspot.com/2009/02/s3slider-con-jquery.html" target="_blank">Gema Blog</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.novonarede.com.br/blog/index.php/2010/02/slide-show-como-criar-uma-galeria-de-imagens-com-ttulo-clicvel-e-descrio/feed/</wfw:commentRss>
		<slash:comments>44</slash:comments>
		</item>
		<item>
		<title>Como Traduzir o PhotoFiltre: Completo</title>
		<link>http://www.novonarede.com.br/blog/index.php/2010/02/como-traduzir-o-photofiltre-completo/</link>
		<comments>http://www.novonarede.com.br/blog/index.php/2010/02/como-traduzir-o-photofiltre-completo/#comments</comments>
		<pubDate>Thu, 11 Feb 2010 15:00:13 +0000</pubDate>
		<dc:creator>Tico Esteves</dc:creator>
				<category><![CDATA[Dicas e Tutoriais]]></category>
		<category><![CDATA[Imagens]]></category>
		<category><![CDATA[Instalação]]></category>
		<category><![CDATA[PhotoFiltre]]></category>

		<guid isPermaLink="false">http://novonarede.com.br/blog/index.php/2010/02/como-traduzir-o-photofiltre-completo/</guid>
		<description><![CDATA[<p><center>
<a href="http://www.ticoesteves.com/" target="_blank"><img src="http://www.novonarede.com.br/bannersticoesteves/bannerticoesteves600x150.PNG" width="600" height="150" style="border:none;"/></a>
</center></p><p>Como já falamos aqui sobre o PhotoFiltre (Montagem: Como Colocar o Rosto de Um Amigo no Corpo de Uma Mulher) e eu acabei indicando que no Baixaki é possível encontrar a tradução na própria página de download do mesmo, mas como notei que algumas pessoas estão tendo dificuldade em traduzir o programa, resolvi fazer eu mesmo a tradução da versão do PhotoFiltre que eu usava e não tive problemas. Sendo assim, resolvi deixar aqui um passo-a-passo de como traduzir o PhotoFilter. Obs: Caso você ainda não conheça o PhotoFiltre, recomendo que você faça o download do programa no Baixaki, pois é um dos melhores e principalmente dos mais simples (e se você é assim pare já com essa história de achar que simples é sinônimo de ruim) programas de edição de imagens que já testei: Baixaki/PhotoFiltre &#160; Tradução 1. Faça o download do arquivo com a tradução para o português (está na mesma página do download do programa no link acima, com o título &#34;COMO DEIXÁ-LO EM PORTUGUÊS-BR&#34;). 2. Feito o download (você vai receber uma pasta zipada) é só descompactar os arquivos (na verdade um). 3. Dentro da pasta que você descompactou, você vai encontrar um arquivo de texto com o mesmo nome da pasta (TranslationBR). É aqui que muita gente tem se confundido. Para que a tradução funcione, você tem que copiar (ou recortar, tanto faz) somente o arquivo de texto (TranslationBR) que está dentro da pasta e não a pasta em si. Em seguida tudo que você precisa fazer é colocar o arquivo de texto que você copiou dentro da pasta do PhotoFiltre = C:/Arquivos de programas/PhotoFiltre (provavelmente). Feito isso na próxima vez que você abrir o programa, ele já deve estar traduzido! Dica: Caso aconteça de você seguir todos os passos acima e ainda assim, não conseguir a tradução, tente deletar o arquivo de texto da língua original (inglês) chamado TranslationEN e abra o programa novamente. No meu caso, bastou colocar o arquivo TranslationBR que a tradução funcionou, mas não custa dar uma dica né? Boa Sorte e faça bom uso! Imagem: By MK</p>]]></description>
			<content:encoded><![CDATA[<p><center>
<a href="http://www.ticoesteves.com/" target="_blank"><img src="http://www.novonarede.com.br/bannersticoesteves/bannerticoesteves600x150.PNG" width="600" height="150" style="border:none;"/></a>
</center></p><p align="justify"><img style="border-bottom: 0px; border-left: 0px; margin: 0px 10px 0px 0px; display: inline; border-top: 0px; border-right: 0px" title="Como Traduzir o PhotoFiltre: Completo" border="0" alt="brasil" align="left" src="http://novonarede.com.br/blog/wp-content/uploads/brasil.jpg" width="240" height="185" /> Como já falamos aqui sobre o <strong>PhotoFiltre</strong> (<a href="http://novonarede.com.br/blog/index.php/2010/01/montagem-como-colocar-o-rosto-de-um-amigo-no-corpo-de-uma-mulher/" target="_blank">Montagem: Como Colocar o Rosto de Um Amigo no Corpo de Uma Mulher</a>) e eu acabei indicando que no <a href="http://www.baixaki.com.br/" target="_blank">Baixaki</a> é possível encontrar a tradução na própria página de download do mesmo, mas como notei que algumas pessoas estão tendo dificuldade em traduzir o programa, resolvi fazer eu mesmo a tradução da versão do PhotoFiltre que eu usava e não tive problemas. Sendo assim, resolvi deixar aqui um passo-a-passo de <strong>como traduzir o PhotoFilter</strong>.</p>
<p align="justify">Obs: Caso você ainda não conheça o PhotoFiltre, recomendo que você faça o download do programa no Baixaki, pois é um dos melhores e principalmente dos mais simples (e se você é assim pare já com essa história de achar que simples é sinônimo de ruim) programas de edição de imagens que já testei:</p>
<p align="justify"><a href="http://www.baixaki.com.br/download/photofiltre.htm" target="_blank">Baixaki/PhotoFiltre</a></p>
<p align="justify">&#160;</p>
<h3 align="justify">Tradução</h3>
<p align="justify"><strong>1.</strong> Faça o download do arquivo com a tradução para o português (está na mesma página do download do programa no link acima, com o título &quot;COMO DEIXÁ-LO EM PORTUGUÊS-BR&quot;).</p>
<p align="justify"><strong>2.</strong> Feito o download (você vai receber uma pasta zipada) é só descompactar os arquivos (na verdade um).</p>
<p align="justify"><strong>3.</strong> Dentro da pasta que você descompactou, você vai encontrar um arquivo de texto com o mesmo nome da pasta (TranslationBR). É aqui que muita gente tem se confundido.</p>
<p align="justify">Para que a tradução funcione, você tem que copiar (ou recortar, tanto faz) somente o arquivo de texto (TranslationBR) que está dentro da pasta e não a pasta em si.</p>
<p align="justify">Em seguida tudo que você precisa fazer é colocar o arquivo de texto que você copiou dentro da pasta do <strong>PhotoFiltre</strong> = C:/Arquivos de programas/PhotoFiltre (provavelmente).</p>
<p align="justify">Feito isso na próxima vez que você abrir o programa, ele já deve estar traduzido!</p>
<p align="justify"><strong>Dica:</strong> Caso aconteça de você seguir todos os passos acima e ainda assim, não conseguir a tradução, tente deletar o arquivo de texto da língua original (inglês) chamado TranslationEN e abra o programa novamente.</p>
<p align="justify">No meu caso, bastou colocar o arquivo TranslationBR que a tradução funcionou, mas não custa dar uma dica né?</p>
<p align="justify">Boa Sorte e faça bom uso!</p>
<p align="justify"><em>Imagem: </em><a href="http://www.bymk.com.br/itens/237739" target="_blank"><em>By MK</em></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.novonarede.com.br/blog/index.php/2010/02/como-traduzir-o-photofiltre-completo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tabela de Cores</title>
		<link>http://www.novonarede.com.br/blog/index.php/2010/02/tabela-de-cores/</link>
		<comments>http://www.novonarede.com.br/blog/index.php/2010/02/tabela-de-cores/#comments</comments>
		<pubDate>Sat, 06 Feb 2010 22:23:22 +0000</pubDate>
		<dc:creator>Tico Esteves</dc:creator>
				<category><![CDATA[Dicas e Tutoriais]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Cor]]></category>
		<category><![CDATA[Imagens]]></category>
		<category><![CDATA[Layout]]></category>

		<guid isPermaLink="false">http://novonarede.com.br/blog/index.php/2010/02/tabela-de-cores/</guid>
		<description><![CDATA[<p><center>
<a href="http://www.ticoesteves.com/" target="_blank"><img src="http://www.novonarede.com.br/bannersticoesteves/bannerticoesteves600x150.PNG" width="600" height="150" style="border:none;"/></a>
</center></p><p>Uma tabela de cores parece uma coisa boba de se postar, mas a verdade é que você só vai se dar conta de que precisa de uma quando necessitar de um código de cor e não puder contar com um programa específico. E como eu sou do tempo em que você precisava entender mesmo do que estava falando para se dizer &#34;Webalgumacoisa&#34; (por isso digo hoje com todo orgulho que sou webmaster ) trago hoje uma tabela de cores com todos os códigos de que me lembro, relacionando cor, nome da cor e seu respectivo código: &#160; TABELA DE CORES &#160;&#160;&#160;&#160;&#160;&#160; NOME &#160; CÓDIGO aliceblue #f0f8ff antiquewhite #faebd7 aquamarine #7fffd4 azure #f0ffff beige #f5f5dc bisque #ffe4c4 black #000000 blanchedalmond #ffebcd blue #0000ff blueviolet #8a2be2 brown #a52a2a burlywood #deb887 cadetblue #5f9ea0 chartreuse #7fff00 chocolate #d2691e coral #ff7f50 cornflowerblue #6495ed cornsilk #fff8dc cyan #00ffff darkblue #00008b darkcyan #008b8b darkgoldenrod #b8860b darkgray #a9a9a9 darkgreen #006400 darkkhaki #bdb76b darkmagenta #8b008b darkolivegreen #556b2f darkorange #ff8c00 darkorchid #9932cc darkred #8b0000 darksalmon #e9967a darkseagreen #8fbc8f darkslateblue #483d8b darkslategray #2f4f4f darkturquoise #00ced1 darkviolet #9400d3 deeppink #ff1493 deepskyblue #00bfff dimgray #696969 dodgerblue #1e90ff firebrick #b22222 floralwhite #fffaf0 forestgreen #228b22 gainsboro #dcdcdc ghostwhite #f8f8ff gold #ffd700 goldenrod #daa520 gray #7f7f7f green #008000 greenyellow #adff2f honeydew #f0fff0 hotpink #ff69b4 indianred #cd5c5c ivory #fffff0 khaki #f0e68c lavender #e6e6fa lavenderblush #fff0f5 lawngreen #7cfc00 lemonchiffon #fffacd lightblue #add8e6 lightcoral #f08080 lightgoldenrodyellow #fafad2 lightgray #d3d3d3 lightgreen #90ee90 lightpink #ffb6c1 lightsalmon #ffa07a lightseagreen #20b2aa lightskyblue #87cefa lightslateblue #778899 lightslategray #888888 lightsteelblue #b0c4de lightyellow #ffffe0 limegreen #00ff00 linen #faf0e6 magenta #ff00ff maroon #800000 mediumaquamarine #66cdaa mediumblue #0000cd mediumorchid #ba55d3 mediumpurple #9370db mediumseagreen #3cb371 mediumslateblue #7b68ee mediumspringgreen #00fa9a mediumturquoise #48d1cc mediumvioletred #c71585 midnightblue #191970 mintcream #f5fffa mistyrose #ffe4e1 moccasin #ffe4b5 navajowhite #ffdead navy #000080 oldlace #fdf5e6 olivedrab #6b8e23 orange #ffa500 orangered #ff4500 orchid #da70d6 palegoldenrod #eee8aa palegreen #98fb98 paleturquoise #afeeee palevioletred #db7093 papayawhip #ffefd5 peachpuff #ffdab9 peru #cd853f pink #ffc0cb plum #dda0dd powderblue #b0e0e6 purple #800080 red #ff0000 rosybrown #bc8f8f royalblue #4169e1 saddlebrown #8b4513 salmon #fa8072 sandybrown #f4a460 seagreen #2e8b57 seashell #fff5ee sienna #a0522d skyblue #87ceeb slateblue #6a5acd slategray #708090 snow #fffafa springgreen #00ff7f steelblue #4682b4 tan #d2b48c thistle #d8bfd8 tomato #ff6347 turquoise #40e0d0 violet #ee82ee wheat #f5deb3 white #ffffff whitesmoke #f5f5f5 yellow #ffff00 yellowgreen #9acd32 &#160; Faça bom uso! Imagem: Papel de parede e Backgrounds</p>]]></description>
			<content:encoded><![CDATA[<p><center>
<a href="http://www.ticoesteves.com/" target="_blank"><img src="http://www.novonarede.com.br/bannersticoesteves/bannerticoesteves600x150.PNG" width="600" height="150" style="border:none;"/></a>
</center></p><p align="justify"><img style="border-right-width: 0px; margin: 0px 10px 0px 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Tabela de Cores" border="0" alt="Tabela de Cores" align="left" src="http://novonarede.com.br/blog/wp-content/uploads/colorido5231.jpg" width="179" height="179" /> Uma <strong>tabela de cores</strong> parece uma coisa boba de se postar, mas a verdade é que você só vai se dar conta de que precisa de uma quando necessitar de um código de cor e não puder contar com um programa específico. E como eu sou do tempo em que você precisava entender mesmo do que estava falando para se dizer &quot;Webalgumacoisa&quot; (por isso digo hoje com todo orgulho que sou webmaster <img src='http://www.novonarede.com.br/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  ) trago hoje uma <strong>tabela de cores</strong> com todos os códigos de que me lembro, relacionando cor, nome da cor e seu respectivo código:</p>
<p align="justify">&#160;</p>
<h3 align="center">TABELA DE CORES</h3>
<p> <center><br />
<table border="0" bordercolor="#ffffff" bgcolor="#c0c0c0">
<tbody>
<tr bgcolor="#f5f5f5">
<th bgcolor="#00ff00" colspan="2">&#160;&#160;&#160;&#160;&#160;&#160; <b>NOME</b></th>
<th bgcolor="#00ff00">&#160; <b>CÓDIGO</b></th>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#f0f8ff" width="25"></td>
<td width="224">aliceblue</td>
<td width="76" align="center"><tt>#f0f8ff</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#faebd7" width="25"></td>
<td width="224">antiquewhite</td>
<td width="76" align="center"><tt>#faebd7</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#7fffd4" width="25"></td>
<td width="224">aquamarine</td>
<td width="76" align="center"><tt>#7fffd4</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#f0ffff" width="25"></td>
<td width="224">azure</td>
<td width="76" align="center"><tt>#f0ffff</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#f5f5dc" width="25"></td>
<td width="224">beige</td>
<td width="76" align="center"><tt>#f5f5dc</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ffe4c4" width="25"></td>
<td width="224">bisque</td>
<td width="76" align="center"><tt>#ffe4c4</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#000000" width="25"></td>
<td width="224">black</td>
<td width="76" align="center"><tt>#000000</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ffebcd" width="25"></td>
<td width="224">blanchedalmond</td>
<td width="76" align="center"><tt>#ffebcd</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#0000ff" width="25"></td>
<td width="224">blue</td>
<td width="76" align="center"><tt>#0000ff</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#8a2be2" width="25"></td>
<td width="224">blueviolet</td>
<td width="76" align="center"><tt>#8a2be2</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#a52a2a" width="25"></td>
<td width="224">brown</td>
<td width="76" align="center"><tt>#a52a2a</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#deb887" width="25"></td>
<td width="224">burlywood</td>
<td width="76" align="center"><tt>#deb887</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#5f9ea0" width="25"></td>
<td width="224">cadetblue</td>
<td width="76" align="center"><tt>#5f9ea0</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#7fff00" width="25"></td>
<td width="224">chartreuse</td>
<td width="76" align="center"><tt>#7fff00</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#d2691e" width="25"></td>
<td width="224">chocolate</td>
<td width="76" align="center"><tt>#d2691e</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ff7f50" width="25"></td>
<td width="224">coral</td>
<td width="76" align="center"><tt>#ff7f50</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#6495ed" width="25"></td>
<td width="224">cornflowerblue</td>
<td width="76" align="center"><tt>#6495ed</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#fff8dc" width="25"></td>
<td width="224">cornsilk</td>
<td width="76" align="center"><tt>#fff8dc</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#00ffff" width="25"></td>
<td width="224">cyan</td>
<td width="76" align="center"><tt>#00ffff</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#00008b" width="25"></td>
<td width="224">darkblue</td>
<td width="76" align="center"><tt>#00008b</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#008b8b" width="25"></td>
<td width="224">darkcyan</td>
<td width="76" align="center"><tt>#008b8b</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#b8860b" width="25"></td>
<td width="224">darkgoldenrod</td>
<td width="76" align="center"><tt>#b8860b</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#a9a9a9" width="25"></td>
<td width="224">darkgray</td>
<td width="76" align="center"><tt>#a9a9a9</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#006400" width="25"></td>
<td width="224">darkgreen</td>
<td width="76" align="center"><tt>#006400</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#bdb76b" width="25"></td>
<td width="224">darkkhaki</td>
<td width="76" align="center"><tt>#bdb76b</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#8b008b" width="25"></td>
<td width="224">darkmagenta</td>
<td width="76" align="center"><tt>#8b008b</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#556b2f" width="25"></td>
<td width="224">darkolivegreen</td>
<td width="76" align="center"><tt>#556b2f</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ff8c00" width="25"></td>
<td width="224">darkorange</td>
<td width="76" align="center"><tt>#ff8c00</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#9932cc" width="25"></td>
<td width="224">darkorchid</td>
<td width="76" align="center"><tt>#9932cc</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#8b0000" width="25"></td>
<td width="224">darkred</td>
<td width="76" align="center"><tt>#8b0000</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#e9967a" width="25"></td>
<td width="224">darksalmon</td>
<td width="76" align="center"><tt>#e9967a</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#8fbc8f" width="25"></td>
<td width="224">darkseagreen</td>
<td width="76" align="center"><tt>#8fbc8f</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#483d8b" width="25"></td>
<td width="224">darkslateblue</td>
<td width="76" align="center"><tt>#483d8b</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#2f4f4f" width="25"></td>
<td width="224">darkslategray</td>
<td width="76" align="center"><tt>#2f4f4f</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#00ced1" width="25"></td>
<td width="224">darkturquoise</td>
<td width="76" align="center"><tt>#00ced1</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#9400d3" width="25"></td>
<td width="224">darkviolet</td>
<td width="76" align="center"><tt>#9400d3</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ff1493" width="25"></td>
<td width="224">deeppink</td>
<td width="76" align="center"><tt>#ff1493</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#00bfff" width="25"></td>
<td width="224">deepskyblue</td>
<td width="76" align="center"><tt>#00bfff</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#696969" width="25"></td>
<td width="224">dimgray</td>
<td width="76" align="center"><tt>#696969</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#1e90ff" width="25"></td>
<td width="224">dodgerblue</td>
<td width="76" align="center"><tt>#1e90ff</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#b22222" width="25"></td>
<td width="224">firebrick</td>
<td width="76" align="center"><tt>#b22222</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#fffaf0" width="25"></td>
<td width="224">floralwhite</td>
<td width="76" align="center"><tt>#fffaf0</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#228b22" width="25"></td>
<td width="224">forestgreen</td>
<td width="76" align="center"><tt>#228b22</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#dcdcdc" width="25"></td>
<td width="224">gainsboro</td>
<td width="76" align="center"><tt>#dcdcdc</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#f8f8ff" width="25"></td>
<td width="224">ghostwhite</td>
<td width="76" align="center"><tt>#f8f8ff</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ffd700" width="25"></td>
<td width="224">gold</td>
<td width="76" align="center"><tt>#ffd700</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#daa520" width="25"></td>
<td width="224">goldenrod</td>
<td width="76" align="center"><tt>#daa520</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#7f7f7f" width="25"></td>
<td width="224">gray</td>
<td width="76" align="center"><tt>#7f7f7f</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#008000" width="25"></td>
<td width="224">green</td>
<td width="76" align="center"><tt>#008000</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#adff2f" width="25"></td>
<td width="224">greenyellow</td>
<td width="76" align="center"><tt>#adff2f</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#f0fff0" width="25"></td>
<td width="224">honeydew</td>
<td width="76" align="center"><tt>#f0fff0</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ff69b4" width="25"></td>
<td width="224">hotpink</td>
<td width="76" align="center"><tt>#ff69b4</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#cd5c5c" width="25"></td>
<td width="224">indianred</td>
<td width="76" align="center"><tt>#cd5c5c</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#fffff0" width="25"></td>
<td width="224">ivory</td>
<td width="76" align="center"><tt>#fffff0</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#f0e68c" width="25"></td>
<td width="224">khaki</td>
<td width="76" align="center"><tt>#f0e68c</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#e6e6fa" width="25"></td>
<td width="224">lavender</td>
<td width="76" align="center"><tt>#e6e6fa</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#fff0f5" width="25"></td>
<td width="224">lavenderblush</td>
<td width="76" align="center"><tt>#fff0f5</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#7cfc00" width="25"></td>
<td width="224">lawngreen</td>
<td width="76" align="center"><tt>#7cfc00</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#fffacd" width="25"></td>
<td width="224">lemonchiffon</td>
<td width="76" align="center"><tt>#fffacd</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#add8e6" width="25"></td>
<td width="224">lightblue</td>
<td width="76" align="center"><tt>#add8e6</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#f08080" width="25"></td>
<td width="224">lightcoral</td>
<td width="76" align="center"><tt>#f08080</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#fafad2" width="25"></td>
<td width="224">lightgoldenrodyellow</td>
<td width="76" align="center"><tt>#fafad2</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#d3d3d3" width="25"></td>
<td width="224">lightgray</td>
<td width="76" align="center"><tt>#d3d3d3</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#90ee90" width="25"></td>
<td width="224">lightgreen</td>
<td width="76" align="center"><tt>#90ee90</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ffb6c1" width="25"></td>
<td width="224">lightpink</td>
<td width="76" align="center"><tt>#ffb6c1</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ffa07a" width="25"></td>
<td width="224">lightsalmon</td>
<td width="76" align="center"><tt>#ffa07a</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#20b2aa" width="25"></td>
<td width="224">lightseagreen</td>
<td width="76" align="center"><tt>#20b2aa</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#87cefa" width="25"></td>
<td width="224">lightskyblue</td>
<td width="76" align="center"><tt>#87cefa</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#778899" width="25"></td>
<td width="224">lightslateblue</td>
<td width="76" align="center"><tt>#778899</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#888888" width="25"></td>
<td width="224">lightslategray</td>
<td width="76" align="center"><tt>#888888</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#b0c4de" width="25"></td>
<td width="224">lightsteelblue</td>
<td width="76" align="center"><tt>#b0c4de</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ffffe0" width="25"></td>
<td width="224">lightyellow</td>
<td width="76" align="center"><tt>#ffffe0</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#00ff00" width="25"></td>
<td width="224">limegreen</td>
<td width="76" align="center"><tt>#00ff00</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#faf0e6" width="25"></td>
<td width="224">linen</td>
<td width="76" align="center"><tt>#faf0e6</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ff00ff" width="25"></td>
<td width="224">magenta</td>
<td width="76" align="center"><tt>#ff00ff</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#800000" width="25"></td>
<td width="224">maroon</td>
<td width="76" align="center"><tt>#800000</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#66cdaa" width="25"></td>
<td width="224">mediumaquamarine</td>
<td width="76" align="center"><tt>#66cdaa</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#0000cd" width="25"></td>
<td width="224">mediumblue</td>
<td width="76" align="center"><tt>#0000cd</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ba55d3" width="25"></td>
<td width="224">mediumorchid</td>
<td width="76" align="center"><tt>#ba55d3</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#9370db" width="25"></td>
<td width="224">mediumpurple</td>
<td width="76" align="center"><tt>#9370db</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#3cb371" width="25"></td>
<td width="224">mediumseagreen</td>
<td width="76" align="center"><tt>#3cb371</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#7b68ee" width="25"></td>
<td width="224">mediumslateblue</td>
<td width="76" align="center"><tt>#7b68ee</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#00fa9a" width="25"></td>
<td width="224">mediumspringgreen</td>
<td width="76" align="center"><tt>#00fa9a</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#48d1cc" width="25"></td>
<td width="224">mediumturquoise</td>
<td width="76" align="center"><tt>#48d1cc</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#c71585" width="25"></td>
<td width="224">mediumvioletred</td>
<td width="76" align="center"><tt>#c71585</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#191970" width="25"></td>
<td width="224">midnightblue</td>
<td width="76" align="center"><tt>#191970</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#f5fffa" width="25"></td>
<td width="224">mintcream</td>
<td width="76" align="center"><tt>#f5fffa</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ffe4e1" width="25"></td>
<td width="224">mistyrose</td>
<td width="76" align="center"><tt>#ffe4e1</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ffe4b5" width="25"></td>
<td width="224">moccasin</td>
<td width="76" align="center"><tt>#ffe4b5</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ffdead" width="25"></td>
<td width="224">navajowhite</td>
<td width="76" align="center"><tt>#ffdead</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#000080" width="25"></td>
<td width="224">navy</td>
<td width="76" align="center"><tt>#000080</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#fdf5e6" width="25"></td>
<td width="224">oldlace</td>
<td width="76" align="center"><tt>#fdf5e6</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#6b8e23" width="25"></td>
<td width="224">olivedrab</td>
<td width="76" align="center"><tt>#6b8e23</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ffa500" width="25"></td>
<td width="224">orange</td>
<td width="76" align="center"><tt>#ffa500</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ff4500" width="25"></td>
<td width="224">orangered</td>
<td width="76" align="center"><tt>#ff4500</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#da70d6" width="25"></td>
<td width="224">orchid</td>
<td width="76" align="center"><tt>#da70d6</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#eee8aa" width="25"></td>
<td width="224">palegoldenrod</td>
<td width="76" align="center"><tt>#eee8aa</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#98fb98" width="25"></td>
<td width="224">palegreen</td>
<td width="76" align="center"><tt>#98fb98</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#afeeee" width="25"></td>
<td width="224">paleturquoise</td>
<td width="76" align="center"><tt>#afeeee</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#db7093" width="25"></td>
<td width="224">palevioletred</td>
<td width="76" align="center"><tt>#db7093</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ffefd5" width="25"></td>
<td width="224">papayawhip</td>
<td width="76" align="center"><tt>#ffefd5</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ffdab9" width="25"></td>
<td width="224">peachpuff</td>
<td width="76" align="center"><tt>#ffdab9</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#cd853f" width="25"></td>
<td width="224">peru</td>
<td width="76" align="center"><tt>#cd853f</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ffc0cb" width="25"></td>
<td width="224">pink</td>
<td width="76" align="center"><tt>#ffc0cb</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#dda0dd" width="25"></td>
<td width="224">plum</td>
<td width="76" align="center"><tt>#dda0dd</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#b0e0e6" width="25"></td>
<td width="224">powderblue</td>
<td width="76" align="center"><tt>#b0e0e6</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#800080" width="25"></td>
<td width="224">purple</td>
<td width="76" align="center"><tt>#800080</tt> </td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ff0000" width="25"></td>
<td width="224">red</td>
<td width="76" align="center"><tt>#ff0000</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#bc8f8f" width="25"></td>
<td width="224">rosybrown</td>
<td width="76" align="center"><tt>#bc8f8f</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#4169e1" width="25"></td>
<td width="224">royalblue</td>
<td width="76" align="center"><tt>#4169e1</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#8b4513" width="25"></td>
<td width="224">saddlebrown</td>
<td width="76" align="center"><tt>#8b4513</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#fa8072" width="25"></td>
<td width="224">salmon</td>
<td width="76" align="center"><tt>#fa8072</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#f4a460" width="25"></td>
<td width="224">sandybrown</td>
<td width="76" align="center"><tt>#f4a460</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#2e8b57" width="25"></td>
<td width="224">seagreen</td>
<td width="76" align="center"><tt>#2e8b57</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#fff5ee" width="25"></td>
<td width="224">seashell</td>
<td width="76" align="center"><tt>#fff5ee</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#a0522d" width="25"></td>
<td width="224">sienna</td>
<td width="76" align="center"><tt>#a0522d</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#87ceeb" width="25"></td>
<td width="224">skyblue</td>
<td width="76" align="center"><tt>#87ceeb</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#6a5acd" width="25"></td>
<td width="224">slateblue</td>
<td width="76" align="center"><tt>#6a5acd</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#708090" width="25"></td>
<td width="224">slategray</td>
<td width="76" align="center"><tt>#708090</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#fffafa" width="25"></td>
<td width="224">snow</td>
<td width="76" align="center"><tt>#fffafa</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#00ff7f" width="25"></td>
<td width="224">springgreen</td>
<td width="76" align="center"><tt>#00ff7f</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#4682b4" width="25"></td>
<td width="224">steelblue</td>
<td width="76" align="center"><tt>#4682b4</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#d2b48c" width="25"></td>
<td width="224">tan</td>
<td width="76" align="center"><tt>#d2b48c</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#d8bfd8" width="25"></td>
<td width="224">thistle</td>
<td width="76" align="center"><tt>#d8bfd8</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ff6347" width="25"></td>
<td width="224">tomato</td>
<td width="76" align="center"><tt>#ff6347</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#40e0d0" width="25"></td>
<td width="224">turquoise</td>
<td width="76" align="center"><tt>#40e0d0</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ee82ee" width="25"></td>
<td width="224">violet</td>
<td width="76" align="center"><tt>#ee82ee</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#f5deb3" width="25"></td>
<td width="224">wheat</td>
<td width="76" align="center"><tt>#f5deb3</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ffffff" width="25"></td>
<td width="224">white</td>
<td width="76" align="center"><tt>#ffffff</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#f5f5f5" width="25"></td>
<td width="224">whitesmoke</td>
<td width="76" align="center"><tt>#f5f5f5</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#ffff00" width="25"></td>
<td width="224">yellow</td>
<td width="76" align="center"><tt>#ffff00</tt></td>
</tr>
<tr bgcolor="#f5f5f5">
<td bgcolor="#9acd32" width="25"></td>
<td width="224">yellowgreen</td>
<td width="76" align="center"><tt>#9acd32</tt></td>
</tr>
</tbody>
</table>
<p> </center><center>&#160;</center>
<p>Faça bom uso!</p>
<p><em>Imagem: </em><a href="http://www.melhorpapeldeparede.com/images/colorido-5231.htm" target="_blank"><em>Papel de parede e Backgrounds</em></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.novonarede.com.br/blog/index.php/2010/02/tabela-de-cores/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Voc&#234; Sabe o que &#233; um Banner?</title>
		<link>http://www.novonarede.com.br/blog/index.php/2010/01/voc-sabe-o-que-um-banner/</link>
		<comments>http://www.novonarede.com.br/blog/index.php/2010/01/voc-sabe-o-que-um-banner/#comments</comments>
		<pubDate>Fri, 29 Jan 2010 18:51:19 +0000</pubDate>
		<dc:creator>Tico Esteves</dc:creator>
				<category><![CDATA[Dicas e Tutoriais]]></category>
		<category><![CDATA[Banner]]></category>
		<category><![CDATA[Imagens]]></category>

		<guid isPermaLink="false">http://novonarede.com.br/blog/index.php/2010/01/voc-sabe-o-que-um-banner/</guid>
		<description><![CDATA[<p><center>
<a href="http://www.ticoesteves.com/" target="_blank"><img src="http://www.novonarede.com.br/bannersticoesteves/bannerticoesteves600x150.PNG" width="600" height="150" style="border:none;"/></a>
</center></p><p>E aí? Você sabe o que é um banner? Tudo bem que a pergunta parece ridícula para quem já está a algum tempo nesse &#34;mundinho&#34; conhecido como blogosfera, mas você já parou para pensar sobre o assunto? Esse post é para você que não faz ideia do que seja um banner, mas também para você que tem um banner, mas nunca parou para pensar sobre isso, apenas usa. Primeiro, a resposta: Um banner, basicamente, pode ser definido como uma forma de publicidade (hum!). Que por sua vez é construído a partir de uma imagem (que pode ser GIF, JPG, BMP e outros Gs, Js). &#160; Impressão: Sempre que uma página contendo um banner é carregada em um navegador, da-se o nome de &#34;impressão&#34;. Daí os anúncios e/ou anunciantes que pagam por impressão (geralmente 1000). &#160; Histórico: O primeiro anúncio clicável (que mais tarde veio a ser conhecido pelo termo &#34;banner&#34;) foi vendido pela Rede Global Navigator (GNN), em 1993, para uma firma de advocacia. HotWired (o primeiro site a vender banners em grandes quantidades) cunhou o termo &#34;banners&#34; e foi a primeira empresa a fornecer relatórios sobre a taxa de cliques de seus clientes. O primeiro banner vendido pela HotWired foi para a AT &#38; T (fornecedor de serviços telefônicos e de de acesso à Internet sem fio nos Estados Unidos), e foi colocado online em 25 de outubro de 1994. Nada como um pouco de conhecimento! Pergunta 2: &#160; Você sabe quais os tamanhos &#34;oficiais&#34; de banners? Pois bem, segundo a Interactive Advertising Bureau (IAB para os íntimos) - Uma organização empresarial americana que desenvolve padrões para a indústria (pelo que eu pude apurar) - recomenda nove tamanhos específicos de anúncios para sites (tamanhos em pixels): Além dos tamanhos oficiais mostrados acima, hoje em dia também é muito comum o uso de banners 728x90 e 180x600. No mais o &#34;oficiais&#34; (entre aspas) que aparece na pergunta não é sem motivo. Logicamente que se o site/blog é seu, você usa o tamanho que quiser, mas é sempre bom saber que na hora de negociar, você vai ter que seguir algumas regras. Faça bom uso! Conteúdo: Wikipédia - Web banner Mais alguns artigos de revistas e muita curiosidade mesmo. &#160; Imagem: Sheila VooDoo</p>]]></description>
			<content:encoded><![CDATA[<p><center>
<a href="http://www.ticoesteves.com/" target="_blank"><img src="http://www.novonarede.com.br/bannersticoesteves/bannerticoesteves600x150.PNG" width="600" height="150" style="border:none;"/></a>
</center></p><p align="justify"><img style="border-bottom: 0px; border-left: 0px; margin: 0px 10px 0px 0px; display: inline; border-top: 0px; border-right: 0px" title="Você Sabe o que é um Banner?" border="0" alt="Você Sabe o que é um Banner?" align="left" src="http://novonarede.com.br/blog/wp-content/uploads/Banner.jpg" width="215" height="215" /> E aí? <strong>Você sabe o que é um banner?</strong> Tudo bem que a pergunta parece ridícula para quem já está a algum tempo nesse &quot;mundinho&quot; conhecido como blogosfera, mas você já parou para pensar sobre o assunto? Esse post é para você que não faz ideia do que seja um banner, mas também para você que tem um banner, mas nunca parou para pensar sobre isso, apenas usa.</p>
<p align="justify">Primeiro, a resposta:</p>
<p align="justify">Um banner, basicamente, pode ser definido como uma forma de publicidade (hum!). Que por sua vez é construído a partir de uma imagem (que pode ser GIF, JPG, BMP e outros Gs, Js). </p>
<p align="justify">&#160;</p>
<h3 align="justify">Impressão:</h3>
<p align="justify">Sempre que uma página contendo um banner é carregada em um navegador, da-se o nome de &quot;impressão&quot;. Daí os anúncios e/ou anunciantes que pagam por impressão (geralmente 1000).</p>
<p align="justify">&#160;</p>
<h3 align="justify">Histórico:</h3>
<p align="justify">O primeiro anúncio clicável (que mais tarde veio a ser conhecido pelo termo &quot;banner&quot;) foi vendido pela Rede Global Navigator (GNN), em 1993, para uma firma de advocacia.</p>
<p align="justify">HotWired (o primeiro site a vender banners em grandes quantidades) cunhou o termo &quot;banners&quot; e foi a primeira empresa a fornecer relatórios sobre a taxa de cliques de seus clientes. O primeiro banner vendido pela HotWired foi para a AT &amp; T (fornecedor de serviços telefônicos e de de acesso à Internet sem fio nos Estados Unidos), e foi colocado online em 25 de outubro de 1994.</p>
<p align="justify">Nada como um pouco de conhecimento! <img src='http://www.novonarede.com.br/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  </p>
<p align="justify"><strong>Pergunta 2:</strong></p>
<p align="justify">&#160;</p>
<h3 align="justify">Você sabe quais os tamanhos &quot;oficiais&quot; de banners?</h3>
<p align="justify">Pois bem, segundo a <a href="http://www.iab.net/" target="_blank">Interactive Advertising Bureau</a> (IAB para os íntimos) - Uma organização empresarial americana que desenvolve padrões para a indústria (pelo que eu pude apurar) - recomenda nove tamanhos específicos de anúncios para sites (tamanhos em pixels):</p>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Tamanhos oficiais de banners" border="0" alt="Tamanhos oficiais de banners" src="http://novonarede.com.br/blog/wp-content/uploads/Tamanhosoficiaisdebanners.png" width="478" height="459" /> </p>
<p align="justify">Além dos tamanhos oficiais mostrados acima, hoje em dia também é muito comum o uso de banners 728x90 e 180x600. No mais o &quot;oficiais&quot; (entre aspas) que aparece na pergunta não é sem motivo. </p>
<p align="justify">Logicamente que se o site/blog é seu, você usa o tamanho que quiser, mas é sempre bom saber que na hora de negociar, você vai ter que seguir algumas regras.</p>
<p align="justify">Faça bom uso!</p>
<p align="justify"><em>Conteúdo: </em><a href="http://en.wikipedia.org/wiki/Web_banner" target="_blank"><em>Wikipédia - Web banner</em></a><em>      <br />Mais alguns artigos de revistas e muita curiosidade mesmo. </em> <img src='http://www.novonarede.com.br/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  <em>&#160; <br />Imagem: </em><a href="http://www.sxc.hu/profile/voodoo4u2n" target="_blank"><em>Sheila VooDoo</em></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.novonarede.com.br/blog/index.php/2010/01/voc-sabe-o-que-um-banner/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Como Criar Um Link: Imagens, Textos e Dicas</title>
		<link>http://www.novonarede.com.br/blog/index.php/2010/01/como-criar-um-link-imagens-textos-e-dicas/</link>
		<comments>http://www.novonarede.com.br/blog/index.php/2010/01/como-criar-um-link-imagens-textos-e-dicas/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 13:53:20 +0000</pubDate>
		<dc:creator>Tico Esteves</dc:creator>
				<category><![CDATA[Dicas e Tutoriais]]></category>
		<category><![CDATA[Imagens]]></category>
		<category><![CDATA[Links]]></category>
		<category><![CDATA[Texto]]></category>

		<guid isPermaLink="false">http://novonarede.com.br/blog/index.php/2010/01/como-criar-um-link-imagens-textos-e-dicas/</guid>
		<description><![CDATA[<p><center>
<a href="http://www.ticoesteves.com/" target="_blank"><img src="http://www.novonarede.com.br/bannersticoesteves/bannerticoesteves600x150.PNG" width="600" height="150" style="border:none;"/></a>
</center></p><p>Como criar um link em uma imagem ou um texto? Você sabe como se faz isso? Bom, provavelmente se você já tem um tempinho de estrada, sua resposta deve ser sim. Mas acredite, mesmo quem acha que já sabe tudo, ainda tem o que aprender (isso vale para qualquer coisa na vida). É fato que para quem está começando saber como linkar uma imagem ou um texto não é fácil. E mesmo para quem já tem alguma experiência, existem algumas dicas que podem ser preciosas. Então vamos lá! &#160; O Que é Um Link? Pesquisando na Wikipédia, temos a seguinte definição: &#34;Uma hiperligação, um liame, ou simplesmente uma ligação (também conhecida em português pelos correspondentes termos ingleses, hyperlink e link), é uma referência num documento em hipertexto a outras partes deste documento ou a outro documento. De certa maneira pode-se vê-la como análoga a uma citação na literatura. Ao contrário desta, no entanto, a hiperligação pode ser combinada com uma rede de dados e um protocolo de acesso adequado e assim ser usada para ter acesso direto ao recurso referenciado. Este pode então ser gravado, visualizado ou mostrado como parte do documento que faz a referência.&#34; Eu acho que mais complicou que ajudou né? Em uma definição bem simples: É o link que torna capaz a ligação entre uma página e outra na Web! (by eu mesmo) No básico do básico, isso é um link = Novo na Rede Se você olhar no código da página é isso o que vai ver: &#60;a href=&#34;http://www.novonarede.com.br/blog&#34;&#62;Novo na Rede&#60;/a&#62; Vamos entender isso: &#60;a href=&#34;http://www.novonarede.com.br/blog&#34;&#62;Novo na Rede&#60;/a&#62; &#60;a href=&#34;…&#34;&#62;: é a parte inicial do link sendo que o A é de Anchor (âncora) e o href é de Hypertext REFerence (referência de hipertexto) você nem precisaria saber disso para criar um link, mas como aprendi isso lá no século passado, achei legal passar aqui. http://www.novonarede.com.br/blog: é a URL (endereço) da página que quero linkar. Novo na Rede: é descrição do link (o que vai aparecer no resultado final). &#60;/a&#62; Fecha o link (se você não usá-lo, tudo o que estiver depois dele vai ser linkado ou o mais provável, vai causar um erro no código do blog). &#160; Complementos de Um Link target=&#34;_blank&#34;: usado para abrir o link em outra janela ao ser clicado. Exemplo: &#60;a href=&#34;http://www.novonarede.com.br/blog&#34; target=&#34;_blank&#34;&#62;Clique aqui&#60;/a&#62; Clique aqui title: usado para falar do que se trata o link. Exemplo: &#60;a href=&#34;http://www.novonarede.com.br/blog&#34; title=&#34;Descrição&#34;&#62;Clique aqui&#60;/a&#62; Quando você repousar o mouse sobre o link a palavra Descrição vai aparecer (ou qualquer outra palavra ou frase que você coloque no lugar). &#160; Linkando Imagens Lembra lá do primeiro código? Assim: &#60;a href=&#34;http://www.novonarede.com.br/blog&#34;&#62;Novo na Rede&#60;/a&#62; Pois então, para linkar uma imagem, basicamente tudo o que você precisa é trocar a descrição do link que é a parte que aparece na tela no resultado final (no nosso exemplo as palavras &#34;Novo na Rede&#34;) por um código que vai se encarregar de mostrar a imagem. Código da imagem: &#60;img src=&#34;ENDEREÇO DA IMAGEM&#34;/&#62; Linkando fica assim: &#60;a href=&#34;ENDEREÇO DA &#8230; <a href="http://www.novonarede.com.br/blog/index.php/2010/01/como-criar-um-link-imagens-textos-e-dicas/">Continuar lendo <span class="meta-nav">&#8594;</span></a></p>]]></description>
			<content:encoded><![CDATA[<p><center>
<a href="http://www.ticoesteves.com/" target="_blank"><img src="http://www.novonarede.com.br/bannersticoesteves/bannerticoesteves600x150.PNG" width="600" height="150" style="border:none;"/></a>
</center></p><p><strong>Como criar um link em uma imagem ou um texto</strong>? Você sabe como se faz isso? Bom, provavelmente se você já tem um tempinho de estrada, sua resposta deve ser sim. Mas acredite, mesmo quem acha que já sabe tudo, ainda tem o que aprender (isso vale para qualquer coisa na vida).</p>
<p align="justify">É fato que para quem está começando saber como linkar uma imagem ou um texto não é fácil. E mesmo para quem já tem alguma experiência, existem algumas dicas que podem ser preciosas. Então vamos lá!</p>
<p><strong><img style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="Como Criar Um Link" border="0" alt="Como Criar Um Link" src="http://novonarede.com.br/blog/wp-content/uploads/ComoCriarUmLink.jpg" width="560" height="422" /> </strong></p>
<p align="justify">&#160;</p>
<h3 align="justify">O Que é Um Link?</h3>
<p align="justify">Pesquisando na <a href="http://pt.wikipedia.org/wiki/Hiperliga&ccedil;&atilde;o" target="_blank">Wikipédia</a>, temos a seguinte definição:</p>
<p align="justify"><em>&quot;Uma hiperligação, um liame, ou simplesmente uma ligação (também conhecida em português pelos correspondentes termos ingleses, hyperlink<font color="#ff0000"> </font>e link), é uma referência num documento em hipertexto a outras partes deste documento ou a outro documento. De certa maneira pode-se vê-la como análoga a uma citação na literatura. Ao contrário desta, no entanto, a hiperligação pode ser combinada com uma rede de dados e um protocolo de acesso adequado e assim ser usada para ter acesso direto ao recurso referenciado. Este pode então ser gravado, visualizado ou mostrado como parte do documento que faz a referência.&quot;</em></p>
<p align="justify">Eu acho que mais complicou que ajudou né? <img src='http://www.novonarede.com.br/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  </p>
<p align="justify">Em uma definição bem simples: </p>
<p align="justify">É o link que torna capaz a ligação entre uma página e outra na Web! (by eu mesmo)</p>
<p align="justify">No básico do básico, isso é um link = <a href="http://www.novonarede.com.br/blog">Novo na Rede</a></p>
<p align="justify">Se você olhar no código da página é isso o que vai ver:</p>
<p>&lt;a href=&quot;http://www.novonarede.com.br/blog&quot;&gt;Novo na Rede&lt;/a&gt;</p>
<p>Vamos entender isso:</p>
<p>&lt;a href=&quot;<font color="#ff0000">http://www.novonarede.com.br/blog</font>&quot;&gt;<font color="#ff0000">Novo na Rede</font>&lt;/a&gt;</p>
<p align="justify"><font color="#ff0000">&lt;a href=&quot;…&quot;&gt;</font>: é a parte inicial do link sendo que o <font color="#ff0000">A</font> é de <font color="#ff0000">Anchor</font> (âncora) e o <font color="#ff0000">href</font> é de <font color="#ff0000">Hypertext REFerence</font> (referência de hipertexto) você nem precisaria saber disso para criar um link, mas como aprendi isso lá no século passado, achei legal passar aqui. <img src='http://www.novonarede.com.br/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  </p>
<p align="justify"><font color="#ff0000">http://www.novonarede.com.br/blog</font>: é a URL (endereço) da página que quero linkar.</p>
<p align="justify"><font color="#ff0000">Novo na Rede</font>: é descrição do link (o que vai aparecer no resultado final).</p>
<p align="justify"><font color="#ff0000">&lt;/a&gt;</font> Fecha o link (se você não usá-lo, tudo o que estiver depois dele vai ser linkado ou o mais provável, vai causar um erro no código do blog).</p>
<p align="justify">&#160;</p>
<h3 align="justify">Complementos de Um Link</h3>
<p align="justify"><font color="#ff0000">target=&quot;_blank&quot;</font>: usado para abrir o link em outra janela ao ser clicado.</p>
<p>Exemplo: </p>
<p>&lt;a href=&quot;http://www.novonarede.com.br/blog&quot; target=&quot;_blank&quot;&gt;Clique aqui&lt;/a&gt;</p>
<p><a href="http://www.novonarede.com.br/blog" target="_blank">Clique aqui</a></p>
<p><font color="#ff0000">title</font>: usado para falar do que se trata o link.</p>
<p>Exemplo:</p>
<p>&lt;a href=&quot;http://www.novonarede.com.br/blog&quot; title=&quot;Descrição&quot;&gt;Clique aqui&lt;/a&gt;</p>
<p align="justify">Quando você repousar o mouse sobre o link a palavra <font color="#ff0000">Descrição</font> vai aparecer (ou qualquer outra palavra ou frase que você coloque no lugar).</p>
<p align="justify">&#160;</p>
<h3>Linkando Imagens</h3>
<p>Lembra lá do primeiro código? Assim:</p>
<p><font color="#ff0000">&lt;a href=&quot;http://www.novonarede.com.br/blog&quot;&gt;Novo na Rede&lt;/a&gt;</font></p>
<p align="justify">Pois então, para linkar uma imagem, basicamente tudo o que você precisa é trocar a descrição do link que é a parte que aparece na tela no resultado final (no nosso exemplo as palavras &quot;Novo na Rede&quot;) por um código que vai se encarregar de mostrar a imagem. </p>
<p>Código da imagem:</p>
<p><font color="#ff0000">&lt;img src=&quot;ENDEREÇO DA IMAGEM&quot;/&gt;</font></p>
<p>Linkando fica assim:</p>
<p><font color="#ff0000">&lt;a href=&quot;ENDEREÇO DA PÁGINA&quot;&gt;&lt;img src=&quot;ENDEREÇO DA IMAGEM&quot;/&gt;&lt;/a&gt;</font></p>
<p>Vamos ver um exemplo prático:</p>
<p>&lt;a href=&quot;http://www.novonarede.com.br/blog&quot; target=&quot;_blank&quot;&gt;<font color="#ff0000">&lt;img src=&quot;http://2.bp.blogspot.com/_NiOrby0FW3k/S1ru8WVcMfI/AAAAAAAAC_8/palte--OmOU/S1600-R/Logotipo.png&quot;/&gt;</font>&lt;/a&gt;</p>
<p>Este seria o resultado do link acima:</p>
<p><a href="http://www.novonarede.com.br/blog" target="_blank"><img src="http://2.bp.blogspot.com/_NiOrby0FW3k/S1ru8WVcMfI/AAAAAAAAC_8/palte--OmOU/S1600-R/Logotipo.png" /></a></p>
<p align="justify">Ao clicar na imagem você será enviado para a primeira página do blog com o link abrindo em outra janela (target=&quot;_blank&quot; lembra?).</p>
<p align="justify">&#160;</p>
<h3 align="justify">Complementos de Uma Imagem</h3>
<p align="justify">Assim como o link a imagem também pode ser complementada com alguns atributos que geram maior &quot;valor&quot;. Vamos ver alguns:</p>
<p><font color="#ff0000">alt</font>: mostra um texto quando a imagem não pode ser carregada.</p>
<p>Exemplo:</p>
<p>&lt;a href=&quot;http://www.novonarede.com.br/blog&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;ENDEREÇO DA IMAGEM&quot; <font color="#ff0000">alt=&quot;Novo na Rede&quot;</font>&gt;&lt;/a&gt;</p>
<p><a href="http://www.novonarede.com.br/blog" target="_blank"><img alt="Novo na Rede" src="ENDERE&Ccedil;O DA IMAGEM" /></a></p>
<p align="justify">Como você pode ver eu usei o mesmo código da primeira imagem, só que não especifiquei o endereço (url de onde a imagem está) e acrescentei o atributo <font color="#ff0000">alt</font>. </p>
<p align="justify"><font color="#ff0000">style</font>: nos ajuda a adicionar um &quot;estilo&quot; a imagem. </p>
<p>Exemplo:</p>
<p>&lt;a href=&quot;ENDEREÇO DA PÁGINA&quot;&gt;&lt;img src=&quot;ENDEREÇO DA IMAGEM&quot; <font color="#ff0000">style=&quot;…&quot;</font>/&gt;&lt;/a&gt;</p>
<p align="justify">Dentro do <font color="#ff0000">style</font> as coisas mudam um pouco. Você não usa aspas e nem sinal de igual. No lugar do sinal de igual você usa os dois pontos (<font color="#ff0000">:</font>) e fecha com ponto e vírgula (<font color="#ff0000">;</font>). </p>
<p>Por exemplo para não mostrar bordas na imagem:</p>
<p><font color="#ff0000">border:0;</font></p>
<p>&lt;a href=&quot;ENDEREÇO DA PÁGINA&quot;&gt;&lt;img src=&quot;ENDEREÇO DA IMAGEM&quot; style=&quot;<font color="#ff0000">border:0;</font>&quot;/&gt;&lt;/a&gt;</p>
<p>Então:</p>
<p><font color="#ff0000">border</font>: para controlar se vai aparecer uma borda na imagem ou não.</p>
<p>Se você quiser que apareça um borda, basta adicionar:</p>
<p><font color="#ff0000">border: 1px solid #000000;</font></p>
<p>Entendo o trecho acima:</p>
<p align="justify"><font color="#ff0000">1px</font>: significa a largura da borda. Ou seja, quanto maior este número, mais larga a borda vai ser.</p>
<p><font color="#ff0000">solid</font>: significa mostrar uma borda de aparência sólida. </p>
<p><font color="#ff0000">#000000</font>: é o código da cor da borda.</p>
<p align="justify"><strong>Dica:</strong> Dependendo da página você especificar que não quer uma borda apenas adicionando ao código: border=&quot;0&quot;. Mas o ideal é poder usá-la dentro do style.</p>
<p align="justify">&#160;</p>
<h3>Links: Outras Possibilidades</h3>
<p align="justify">Como vimos é possível criar um link para textos e imagens, mas além disso, você também pode usar a mesma &quot;fórmula&quot; para criar outros tipos de link. Por exemplo:</p>
<h5>Link para Email:</h5>
<p>&lt;a href=&quot;mailto:SeuEmailAqui&quot;&gt;Texto ou imagem aqui&lt;/a&gt;</p>
<p>Onde está o <font color="#ff0000">mailto:seuEmailAqui</font> você deve adicionar seu email da seguinte forma:</p>
<p><font color="#ff0000">mailto:novonarede@novonarede.com.br</font> por exemplo (email fictício <img src='http://www.novonarede.com.br/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> ) </p>
<p align="justify">E aí você pode linká-lo a um texto ou imagem que quando clicados abrem o serviço de email do computador da pessoa já com o seu email no campo enviar.</p>
<h5 align="justify">Link para Download de Arquivos</h5>
<p align="justify">Assim que você começa a desenvolver páginas para web uma das coisas que mais vai te deixar nervoso é descobrir como colocar um arquivo para que as pessoas possam baixar? </p>
<p align="justify">Na verdade isso é muito mais simples do que parece!</p>
<p align="justify">Para colocar um arquivo para download você só precisa hospedá-lo em algum lugar e criar o link normal. Por exemplo:</p>
<p>&lt;a href=&quot;EndereçoDoSeuArquivoAqui&quot;&gt;Download&lt;/a&gt;</p>
<p align="justify">Como você pode ver o link é exatamente igual aos que já vimos até aqui. Porém, o download vai depender da extensão do arquivo para o qual você está apontando.</p>
<p align="justify">Por exemplo: Arquivo.exe</p>
<p align="justify">O navegador não reconhece e por isso faz o download do arquivo.</p>
<p align="justify">Agora, se você colocar um arquivo para download que a extensão seja .avi ou .mp3 por exemplo, o mais provável é que o navegador do usuário abra o arquivo ao invés de fazer o download do mesmo.</p>
<p align="justify">Por isso, a dica mais importante aqui é sempre compactar o arquivo que você quer deixar para download no formato .zip. Isso é a garantia que nenhum navegador vai tentar abrí-lo pois o zip é um arquivo para download. <img src='http://www.novonarede.com.br/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  </p>
<p align="justify">É isso! Agora você já sabe <strong>como criar um link em imagens, textos e tem muitas dicas</strong> com as quais pode fazer várias coisas, basta praticar e soltar a imaginação!</p>
<p>Faça bom uso!</p>
<p><em>Imagem: </em><a href="http://cdi.webnova.com.br/blog/?p=53" target="_blank"><em>CDI</em></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.novonarede.com.br/blog/index.php/2010/01/como-criar-um-link-imagens-textos-e-dicas/feed/</wfw:commentRss>
		<slash:comments>40</slash:comments>
		</item>
		<item>
		<title>Montagem: Como Colocar o Rosto de Um Amigo no Corpo de Uma Mulher</title>
		<link>http://www.novonarede.com.br/blog/index.php/2010/01/montagem-como-colocar-o-rosto-de-um-amigo-no-corpo-de-uma-mulher/</link>
		<comments>http://www.novonarede.com.br/blog/index.php/2010/01/montagem-como-colocar-o-rosto-de-um-amigo-no-corpo-de-uma-mulher/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 13:51:53 +0000</pubDate>
		<dc:creator>Tico Esteves</dc:creator>
				<category><![CDATA[Dicas e Tutoriais]]></category>
		<category><![CDATA[Humor]]></category>
		<category><![CDATA[Programas]]></category>
		<category><![CDATA[Fotos]]></category>
		<category><![CDATA[Imagens]]></category>
		<category><![CDATA[Manipulação]]></category>
		<category><![CDATA[Montagem]]></category>
		<category><![CDATA[PhotoFiltre]]></category>

		<guid isPermaLink="false">http://novonarede.com.br/blog/index.php/2010/01/montagem-como-colocar-o-rosto-de-um-amigo-no-corpo-de-uma-mulher/</guid>
		<description><![CDATA[<p><center>
<a href="http://www.ticoesteves.com/" target="_blank"><img src="http://www.novonarede.com.br/bannersticoesteves/bannerticoesteves600x150.PNG" width="600" height="150" style="border:none;"/></a>
</center></p><p>Fazer uma montagem colocando o rosto de um amigo no corpo de uma mulher é um dos tutoriais mais pedidos do antigo Novo na Rede de todos os tempos (e também um dos que mais rendeu boas risadas). Por isso resolvi trazê-lo de volta aqui com algumas &#34;melhorias&#34;. Espero que levem na brincadeira, afinal de contas ontem eu fiquei um pouquinho nervoso e como hoje é sexta-feira… Bom, a ideia é a partir de agora, todos os finais de semana serem um pouco mais leves por aqui. Primeiro porque durante a semana publico tutoriais e resenhas as vezes bem grandes e complicadas, outros nem tão complicados, mas assuntos específicos. Então pensei em deixar os finais de semana para todo mundo poder relaxar um pouco, que tal? Claro que vai depender do retorno. Então, comentários, contato por email, sinal de fumaça, qualquer coisa, se gostou é só dizer que eu faço mais! Agora, voltando ao post de hoje! Como eu dizia, fazer uma montagem colocando o rosto de um amigo no corpo de uma mulher é um dos tutoriais mais pedidos e mais falados do antigo Novo na Rede (tanto que rendeu até plágio). Por isso resolvi republicá-lo com algumas &#34;melhorias&#34;. Vamos lá! E nem reclama porque aposto que você já teve vontade de tirar um sarro com um amigo metido a machão ou uma amiga patricinha montando uma foto qualquer vai? &#160; O Que Você Vai Precisar Você vai precisar do PhotoFiltre instalado no seu computador . Se você ainda não conhece o PhotoFiltre, te aconselho a experimentar, pois pra mim é o melhor e mais simples editor de imagens gratuito da rede. Baixaki - PhotoFiltre 1,6 MB (leia o texto por lá) Além do PhotoFiltre, você vai precisar da foto de sua vítima e uma foto de uma mulher (pode ser encontrada na internet). Para servir de exemplo, escolhi duas imagens que não comprometem ou ofendem ninguém (só se você não tiver nenhum senso de humor). PhotoFiltre aberto e imagens na mão, hora de começar a sacanagem o trabalho de edição: &#160; 1. Abra a Imagem do Seu Amigo e Selecione o Rosto É mais simples que parece! Basta clicar na &#34;Ferramenta Seleção&#34; e depois em &#34;Polígono&#34;. Em seguida, vá dando cliques ao redor do rosto dele até fazer a volta completa que a ferramenta se encarrega de fazer a seleção (ferramenta seleção, sacou?). A seleção do rosto deve ficar mais ou menos igual a da imagem abaixo: Dica: As ferramentas usadas estão marcadas por círculos e setas vermelhas, mas qualquer dúvida é só repousar o mouse sobre a ferramenta que você verá o nome. &#160; 2. Copie a Imagem Selecionada É só clicar com o botão direito do mouse sobre a área selecionada e clicar em copiar ou clicar em &#34;Editar&#34; e depois &#34;Copiar&#34; (você que sabe). &#160; 3. Abra a Imagem da Mulher Com a imagem da mulher que você vai aproveitar o corpo (sem querer fazer nenhum tipo de trocadilho aqui) em destaque, clique com o &#8230; <a href="http://www.novonarede.com.br/blog/index.php/2010/01/montagem-como-colocar-o-rosto-de-um-amigo-no-corpo-de-uma-mulher/">Continuar lendo <span class="meta-nav">&#8594;</span></a></p>]]></description>
			<content:encoded><![CDATA[<p><center>
<a href="http://www.ticoesteves.com/" target="_blank"><img src="http://www.novonarede.com.br/bannersticoesteves/bannerticoesteves600x150.PNG" width="600" height="150" style="border:none;"/></a>
</center></p><p align="justify"><img style="border-right-width: 0px; margin: 0px 10px 0px 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Montagem: Como Colocar o Rosto de Um Amigo no Corpo de Uma Mulher" border="0" alt="Montagem: Como Colocar o Rosto de Um Amigo no Corpo de Uma Mulher" align="left" src="http://novonarede.com.br/blog/wp-content/uploads/OTrio.jpg" width="260" height="260" /> <!-- google_ad_section_start --><strong>Fazer uma montagem colocando o rosto de um amigo no corpo de uma mulher</strong> é um dos tutoriais mais pedidos do antigo Novo na Rede de todos os tempos (e também um dos que mais rendeu boas risadas).<!-- google_ad_section_end --> <!-- google_ad_section_start(weight=ignore) -->Por isso resolvi trazê-lo de volta aqui com algumas &quot;melhorias&quot;. Espero que levem na brincadeira, afinal de contas <a href="http://novonarede.com.br/blog/index.php/2010/01/a-difcil-arte-de-ser-original-na-terra-da-cpia/" target="_blank">ontem eu fiquei um pouquinho nervoso</a> e como hoje é sexta-feira…</p>
<p align="justify">Bom, a ideia é a partir de agora, todos os finais de semana serem um pouco mais leves por aqui. Primeiro porque durante a semana publico tutoriais e resenhas as vezes bem grandes e complicadas, outros nem tão complicados, mas assuntos específicos. Então pensei em deixar os finais de semana para todo mundo poder relaxar um pouco, que tal?</p>
<p align="justify">Claro que vai depender do retorno. Então, comentários, contato por email, sinal de fumaça, qualquer coisa, se gostou é só dizer que eu faço mais! <img src='http://www.novonarede.com.br/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  </p>
<p align="justify">Agora, voltando ao post de hoje!</p>
<p align="justify">Como eu dizia, <strong>fazer uma montagem colocando o rosto de um amigo no corpo de uma mulher</strong> é um dos tutoriais mais pedidos e mais falados do antigo <strong>Novo na Rede</strong> (tanto que rendeu até plágio). Por isso resolvi republicá-lo com algumas &quot;melhorias&quot;.</p>
<p align="justify">Vamos lá!</p>
<p align="justify">E nem reclama porque aposto que você já teve vontade de tirar um sarro com um amigo metido a machão ou uma amiga patricinha montando uma foto qualquer vai?</p>
<p align="justify">&#160;</p>
<h3>O Que Você Vai Precisar</h3>
<p align="justify">Você vai precisar do PhotoFiltre instalado no seu computador . Se você ainda não conhece o PhotoFiltre, te aconselho a experimentar, pois pra mim é o melhor e mais simples editor de imagens gratuito da rede.</p>
<p align="justify"><a href="http://www.baixaki.com.br/download/photofiltre.htm" target="_blank">Baixaki - PhotoFiltre 1,6 MB</a> (leia o texto por lá)</p>
<p align="justify">Além do PhotoFiltre, você vai precisar da foto de sua vítima e uma foto de uma mulher (pode ser encontrada na internet).</p>
<p align="justify">Para servir de exemplo, escolhi duas imagens que não comprometem ou ofendem ninguém (só se você não tiver nenhum senso de humor). <img src='http://www.novonarede.com.br/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  </p>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Montagem1" border="0" alt="Montagem1" src="http://novonarede.com.br/blog/wp-content/uploads/BritneyeMonk.jpg" width="464" height="225" /> </p>
<p align="justify">PhotoFiltre aberto e imagens na mão, hora de começar a <strike>sacanagem</strike> o trabalho de edição:</p>
<p align="justify">&#160;</p>
<h3 align="justify">1. Abra a Imagem do Seu Amigo e Selecione o Rosto</h3>
<p align="justify">É mais simples que parece! Basta clicar na &quot;Ferramenta Seleção&quot; e depois em &quot;Polígono&quot;. Em seguida, vá dando cliques ao redor do rosto dele até fazer a volta completa que a ferramenta se encarrega de fazer a seleção (ferramenta seleção, sacou?).</p>
<p align="justify">A seleção do rosto deve ficar mais ou menos igual a da imagem abaixo:</p>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Montagem2" border="0" alt="Montagem2" src="http://novonarede.com.br/blog/wp-content/uploads/MonkSelecionado.jpg" width="470" height="311" /> </p>
<p align="justify">Dica: As ferramentas usadas estão marcadas por círculos e setas vermelhas, mas qualquer dúvida é só repousar o mouse sobre a ferramenta que você verá o nome. </p>
<p align="justify">&#160;</p>
<h3 align="justify">2. Copie a Imagem Selecionada</h3>
<p align="justify">É só clicar com o botão direito do mouse sobre a área selecionada e clicar em copiar ou clicar em &quot;Editar&quot; e depois &quot;Copiar&quot; (você que sabe).</p>
<p align="justify">&#160;</p>
<h3 align="justify">3. Abra a Imagem da Mulher</h3>
<p align="justify">Com a imagem da mulher que você vai aproveitar o corpo (sem querer fazer nenhum tipo de trocadilho aqui) em destaque, clique com o botão direito do mouse sobre ela e clique em colar.</p>
<p align="justify">Tenho 99% de certeza de que a imagem do rosto que você colou vai ser maior ou menor que a imagem do rosto da mulher. Sendo assim, posicione a imagem colada sobre o rosto da mulher, clique com o botão direito sobre a seleção e clique em &quot;Transformar&quot; e &quot;Livre...&quot;.</p>
<p align="justify">Na janela que se abre, você vai encontrar posições como:</p>
<p align="justify">Ângulo - Girar a imagem no seu próprio eixo</p>
<p align="justify">Escala - Aumentar ou diminuir a imagem selecionada</p>
<p align="justify">Além dos eixos que posicionam a imagem selecionada a esquerda ou a direita, para cima ou para baixo e distorcem na horizontal e vertical.</p>
<p align="justify">Aqui não tem muito o que explicar não, você vai ter que ir testando até que o rosto colado fique do mesmo tamanho e posicionado exatamente sobre o rosto da mulher que está por baixo. Mais ou menos assim:</p>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Montagem3" border="0" alt="Montagem3" src="http://novonarede.com.br/blog/wp-content/uploads/BritneyRostoMonk.jpg" width="300" height="300" /> </p>
<p align="justify">Dica: Deixe a caixinha Pré-visualizar marcada enquanto ajusta a imagem! </p>
<p align="justify">&#160;</p>
<h3 align="justify">4. Aproxime o Tom de Pele</h3>
<p align="justify">Usando novamente a &quot;Ferramenta Seleção&quot; e &quot;Polígono&quot;, selecione somente o rosto que você colou.</p>
<p align="justify">Em seguida, clique em &quot;Ajustar&quot; e em &quot;Corrigir gama...&quot;</p>
<p align="justify">Aqui, mais uma vez vai depender da imagem que você está usando. Escolha a opção &quot;&lt;Todos&gt;&quot; e mude o nível para esquerda ou para a direita para escurecer ou clarear a imagem selecionada. Se sua imagem tiver uma cor predominantemente vermelha, escolha a opção &quot;Vermelho&quot; e escureça e depois a &quot;&lt;Todos&gt;&quot; e clareie. Vá experimentando até chegar a um resultado mais ou menos assim:</p>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Montagem4" border="0" alt="Montagem4" src="http://novonarede.com.br/blog/wp-content/uploads/BritneyRostoMonk2.jpg" width="470" height="184" /> </p>
<p align="justify">O problema de você escolher fotos de pessoas com tons de pele diferente é que se a imagem selecionada tiver que ser clareada demais para chegar ao tom certo, ela vai ficar meio esfumaçada. Se isso acontecer, basta fazer o seguinte:</p>
<p align="justify">Ainda com a imagem selecionada, clique em &quot;Filtro&quot; e na opção &quot;Avivar&quot; clique em &quot;Avivar Limites&quot;. Vá repetindo isso até que a imagem fique mais nítida (só não exagere).</p>
<p align="justify">&#160;</p>
<h3 align="justify">5. Limpe as <strike>Provas do Crime</strike> as Junções Entre as Imagens</h3>
<p align="justify">Uma vez que você encontrou o tom de pele certo, clique fora da seleção para desmarcá-la e depois clique na &quot;Ferramenta Manchar&quot; (uma mãozinha com o dedo indicador esticado).</p>
<p align="justify">Marque a opção &quot;Médio&quot; e comece a trabalhar!</p>
<p align="justify">Amplie a imagem através do Zoom (são duas lupas, uma com o sinal de mais para ampliar e outra com o de menos para diminuir <img src='http://www.novonarede.com.br/blog/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> ).</p>
<p align="justify">Aproxime a &quot;Ferramenta Manchar&quot; da junção das imagem e vá clicando, segurando, arrastando e soltando até uma se fundir com a outra. O trabalho aqui é chato e tem que ser feito com todo o cuidado para não estragar tudo. Faça movimentos pequenos e vá com calma.</p>
<p align="justify">Dica: Se você fizer besteira, basta ir em &quot;Editar&quot; e clicar em &quot;Anular&quot; para desfazer sua última ação (ela volta no máximo seis vezes).</p>
<p align="justify">Usando este método eu cheguei ao seguinte resultado:</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="Montagem5" border="0" alt="Montagem5" src="http://novonarede.com.br/blog/wp-content/uploads/MonkFerramentaManchar.jpg" width="470" height="364" /> </p>
<p align="justify">Se você prestar atenção, vai ver que onde eu trabalhei as junções a imagem ficou fosca, parecendo de borracha. Então, temos que melhorar isso!</p>
<p align="justify">&#160;</p>
<h3 align="justify">6. Olha Que Coisa Mais Linda, Mais Cheia de Graça</h3>
<p align="justify">Mais uma vez, utilize a &quot;Ferramenta Seleção&quot; e &quot;Polígono&quot; para selecionar a imagem, mas dessa vez selecione a imagem do rosto pegando toda a parte onde você usou a &quot;Ferramenta Manchar&quot;. Assim:</p>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Montagem6" border="0" alt="Montagem6" src="http://novonarede.com.br/blog/wp-content/uploads/BritneyMonkSelecionado.jpg" width="300" height="286" /> </p>
<p align="justify">Clique em &quot;Filtro&quot; e na opção &quot;Ruído&quot; clique em &quot;Adicionar Ruído&quot;. Na janela que se abre, arraste a marcação de &quot;Quantidade&quot; para 9 (nove) e deixe a caixinha &quot;Uniforme&quot; desmarcada. </p>
<p align="justify">Isso vai fazer umas pequenas &quot;manchinhas&quot; na imagem selecionada, fazendo com que ela fique com um aspecto mais real. </p>
<p align="justify">Com isso, <strong>sua montagem está pronta</strong>, mas você pode (e deve) buscar melhorar ainda mais a imagem. Basta desmarcar a seleção (clicando na imagem fora da seleção) e experimentar as opções que você tem, tipo corrigir gama, mais cor, menos cor, cor/saturação, brilho/contraste, etc, etc, etc… são centenas de possibilidades para você escolher (teste quantas puder).</p>
<p align="justify">Ah! Minha montagem? Olha que coisa mais linda, mais cheia de graça:</p>
<p> <img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Montagem6" border="0" alt="Montagem6" src="http://novonarede.com.br/blog/wp-content/uploads/BritneyMonk.jpg" width="490" height="598" />
<p>O básico está aí! Agora é só praticar, praticar e praticar! O céu é o limite amigos (o céu e sua consciência)!</p>
<p>E para as meninas que quiserem sacanear os meninos, cuidado! Toda moeda tem dois lados:</p>
<p> <img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Montagem7" border="0" alt="Montagem7" src="http://novonarede.com.br/blog/wp-content/uploads/MonkSpears.jpg" width="490" height="430" />
<p>E aí gostou?</p>
<p align="justify">&#160;</p>
<h3>Rapidinhas</h3>
<p align="justify">Bom, eu andei pesquisando e descobri que o &quot;Seu Madruga&quot; do Chaves (passava ou ainda passa, sei lá, no SBT) é uma das figuras mais &quot;montadas&quot; da Web. Além do Bush e do Mr. Bean's. Então…</p>
<p align="justify">Não! Não é isso que você está pensando! Huuum… Tá bom! <img src='http://www.novonarede.com.br/blog/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' />  </p>
<p align="justify">Como vocês já viram lá no início mesmo… aqui está a imagem completa:</p>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Mr. Bean&#39;s, Bush e Seu Madruga" border="0" alt="Mr. Bean&#39;s, Bush e Seu Madruga" src="http://novonarede.com.br/blog/wp-content/uploads/Trio.jpg" width="240" height="339" /> </p>
<p align="justify">Não gostou foi? Você realmente não pensou que eu fosse colocar uma foto do seu madruga vestido de mulher aqui pensou?</p>
<p align="justify">Olha gente, vou contar uma coisa importante para vocês, o Seu Madruga tá muito nervoso e não quer mais saber dessas brincadeiras. Aliás, o <a href="http://www.novonarede.com.br/blog" target="_blank">Novo na Rede</a> conseguiu uma foto exclusiva do Seu Madruga e o recado me parece bem claro:</p>
<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="MadrugaRambo" border="0" alt="MadrugaRambo" src="http://novonarede.com.br/blog/wp-content/uploads/MadrugaRambo.jpg" width="560" height="448" /> </p>
<p align="center"><font size="1">Programado para matar (de rir)</font></p>
<p>Espero que vocês tenham gostado! <img src='http://www.novonarede.com.br/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  </p>
<p>Faça bom uso!</p>
<p><!-- google_ad_section_end --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.novonarede.com.br/blog/index.php/2010/01/montagem-como-colocar-o-rosto-de-um-amigo-no-corpo-de-uma-mulher/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced (Requested URI is rejected)
Database Caching 1/31 queries in 0.016 seconds using disk: basic
Object Caching 1375/1437 objects using disk: basic

Served from: www.novonarede.com.br @ 2012-02-05 02:11:40 -->
