<?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>dothCom</title>
	<atom:link href="http://blog.dothcom.net/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.dothcom.net</link>
	<description>Só mais um blog do WordPress</description>
	<lastBuildDate>Wed, 28 Jul 2010 14:08:59 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Como enviar dados do FLASH para o PHP</title>
		<link>http://blog.dothcom.net/como-enviar-dados-do-flash-para-o-php</link>
		<comments>http://blog.dothcom.net/como-enviar-dados-do-flash-para-o-php#comments</comments>
		<pubDate>Wed, 28 Jul 2010 14:05:12 +0000</pubDate>
		<dc:creator>Junior</dc:creator>
				<category><![CDATA[Action Script]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Função]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=238</guid>
		<description><![CDATA[Aprenda a enviar dados do flash para o php utilizando as funções getURL(), send() ou sendAndLoad()]]></description>
			<content:encoded><![CDATA[<img alt="" src="http://blog.dothcom.net/wp-content/uploads/2010/02/flash.jpg" class="wppt_float_left" /><p>Estou escrevendo este post depois de um problema que tive com o flash para submeter alguns inputs para o php. NOTA: estava utilizando o Flash CS5. Eu geralmente utilizava da seguinte forma:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> carregaForm<span style="color: #339933;">:</span>MovieClip <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> MovieClip<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #006600; font-style: italic;">// ou </span>
<span style="color: #006600; font-style: italic;">//this.createEmptyMovieClip(&quot;carregaForm&quot;, this.getNextHighestDepth());</span>
carregaForm.<span style="color: #660066;">search</span> <span style="color: #339933;">=</span> search.<span style="color: #660066;">text</span><span style="color: #339933;">;</span>
carregaForm.<span style="color: #660066;">getURL</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;busca.php&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;_top&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;POST&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p><span id="more-238"></span></p>
<p>Daí, na hora do CTRL+ENTER: <strong>Destino não encontrado: Destino=&#8221;undefined&#8221; Base=&#8221;_level0&#8243;</strong></p>
<p>Não sei se a nova versão do Flash não permite utilizar o getURL com POST, tentei loadVariablesNum() para ver se funcionava e também não deu certo &#8211; também pudera, eu acho que loadVariablesNum é a forma mais antiga de se fazer isto. Então vamos perguntar para o Google.</p>
<p>Eu encontrei alguns foruns dizendo para utilizar da seguinte maneira:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> variaveis<span style="color: #339933;">:</span>LoadVars <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> LoadVars<span style="color: #339933;">;</span>
variaveis.<span style="color: #660066;">nome</span> <span style="color: #339933;">=</span> _root.<span style="color: #660066;">nome</span>.<span style="color: #660066;">text</span><span style="color: #339933;">;</span>
variaveis.<span style="color: #660066;">email</span> <span style="color: #339933;">=</span> _root.<span style="color: #660066;">email</span>.<span style="color: #660066;">text</span><span style="color: #339933;">;</span>
variaveis.<span style="color: #660066;">send</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;envia.php&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;_top&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;POST&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Você ainda pode especificar outra variável LoadVars para retorno e utilizar a função variaveis_envio.sendAndLoad(&#8221;arquivo.php&#8221;,variaveis_retorno,&#8221;POST&#8221;);</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/como-enviar-dados-do-flash-para-o-php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Eficas &#8211; Eficiência em Gasoduto</title>
		<link>http://blog.dothcom.net/eficas-eficiencia-em-gasoduto</link>
		<comments>http://blog.dothcom.net/eficas-eficiencia-em-gasoduto#comments</comments>
		<pubDate>Wed, 16 Jun 2010 14:01:36 +0000</pubDate>
		<dc:creator>dasayev</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Diversos]]></category>
		<category><![CDATA[Fireworks]]></category>
		<category><![CDATA[Tendências]]></category>
		<category><![CDATA[dothCom]]></category>
		<category><![CDATA[eficas]]></category>
		<category><![CDATA[gasoduto]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[site]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=233</guid>
		<description><![CDATA[ 
Mais um site de extrema qualidade foi entregue pela dothCom Consultoria Digital, trata-se do site institucional da Eficas Eficiência em Gasoduto.
A Eficas é uma empresa de Campo Grande-MS focada em prestação de serviços de qualidade para locação, reforma e assistência técnica de equipamentos para empreiteiras e empresas que trabalham em obras de infra-estrutura e construção de gasodutos no Brasil e no mundo.
<span class="readmore"><a href="http://blog.dothcom.net/eficas-eficiencia-em-gasoduto" title="Eficas &#8211; Eficiência em Gasoduto">Read the full story &#187;</a></span>]]></description>
			<content:encoded><![CDATA[<img alt="logo" src="http://blog.dothcom.net/wp-content/uploads/2010/06/logo_eficaz.jpg" class="wppt_float_left" /><p><a class="highslide" href="http://blog.dothcom.net/wp-content/uploads/2010/06/eficas.jpg"><img class="aligncenter size-full wp-image-234" src="http://blog.dothcom.net/wp-content/uploads/2010/06/eficas.jpg" alt="eficas" width="580" height="680" /></a></p>
<p> </p>
<p>Mais um site de extrema qualidade foi entregue pela <a title="dothCom" href="http://www.dothcom.net" target="_blank">dothCom Consultoria Digital</a>, trata-se do site institucional da Eficas Eficiência em Gasoduto.</p>
<p>A Eficas é uma empresa de Campo Grande-MS focada em prestação de serviços de qualidade para locação, reforma e assistência técnica de equipamentos para empreiteiras e empresas que trabalham em obras de infra-estrutura e construção de gasodutos no Brasil e no mundo.</p>
<p>E pensando no futuro, a empresa resolveu apostar na web para se destacar ainda mais no mercado. Além do mais, o site desenvolvido pela dothCom ficou realmente apresentável e digno de uma grande empresa, como é o caso da Eficas.</p>
<p>O site conta com três opções de idioma, sendo o Português, Espanhol e Inglês, uma vez que a pretenção do grupo Eficas é atenter todos os seus usuários, tanto do mercado local, como internacional.</p>
<p>Além disso, o site conta com uma gama de informações, como a história da empresa, serviços, catálogo de equipamentos, notícias relacionadas a área de atuação e responsabilidade com o meio ambiente.</p>
<p>Vale a pena acessar o site da <a title="Eficas" href="http://www.eficas.com.br/" target="_blank">Eficaz</a> e conhecer ainda mais sobre a empresa e o projeto desenvolvido pela dothCom.</p>
<p> </p>
<p>Postado por: <a title="Dasayev Teixeira" href="http://www.dasayev.com" target="_blank">Dasayev Teixeira</a></p>
<p><a class="highslide" href="http://blog.dothcom.net/wp-content/uploads/2010/06/eficas.jpg"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/eficas-eficiencia-em-gasoduto/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cartão de Visita &#8211; Patroni Duenha</title>
		<link>http://blog.dothcom.net/cartao-de-visita-patroni-duenha</link>
		<comments>http://blog.dothcom.net/cartao-de-visita-patroni-duenha#comments</comments>
		<pubDate>Sat, 24 Apr 2010 15:40:06 +0000</pubDate>
		<dc:creator>dasayev</dc:creator>
				<category><![CDATA[Diversos]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=223</guid>
		<description><![CDATA[Cartão de Visita - Patroni Duenha]]></description>
			<content:encoded><![CDATA[<img alt="" src="http://blog.dothcom.net/wp-content/uploads/2010/04/01.jpg" class="wppt_float_left" /><p><img class="aligncenter size-full wp-image-224" src="http://blog.dothcom.net/wp-content/uploads/2010/04/card.jpg" alt="Patroni Duenha" width="580" height="340" /></p>
<p>Este mês de abril a dothCom Consultoria Digital explorou muito a área gráfica para os seus clientes, ao contrário de meses anteriores em que a área de criação estava trabalhando somente em projetos de Web Site, pode se dizer que a dothCom hoje vem expandido bastante seus trabalhos e conquistando a cada dia importantes clientes em todas as área digitais. Fato esse foi a criação do Cartão de visitas para o Patroni Duenha Empreendimentos Imobiliários.</p>
<p>Inicialmente a proposta feita pela equipe da dothCom ao cliente era a de proporcionar algo diferente e ao mesmo tempo atraente, e tudo isso utilizando alguns efeitos e texturas contidos hoje no site da Patroni Duenha.</p>
<p>Para diferenciar de outros cartões, utilizamos uma medida de 7 x 6 cm, algo quase que retangular, mais como citei era para ser algo diferente. Na parte de design inseri um background no mesmo molde do site da Patroni Duenha, na cor azul com detalhes vetorizadas de texturas em cima. Além da Logomarca e o site abaixo. No verso do Cartão, utilizei o mesmo padrão de textura imposta na frente, porém com um Background mais clean, dando destaque principalmente para as informações do cliente.</p>
<p>O resultado da criação foi bem aceita e o resultado vocês podem conferir aqui no Blog.</p>
<p>Por: Dasayev Teixeira</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/cartao-de-visita-patroni-duenha/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>H2L Solução para Documentos</title>
		<link>http://blog.dothcom.net/h2l-solucao-para-documentos</link>
		<comments>http://blog.dothcom.net/h2l-solucao-para-documentos#comments</comments>
		<pubDate>Sat, 24 Apr 2010 15:36:23 +0000</pubDate>
		<dc:creator>dasayev</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Fireworks]]></category>
		<category><![CDATA[Novidades]]></category>
		<category><![CDATA[Tendências]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=221</guid>
		<description><![CDATA[Mais um excelente projeto WEB a dothCom lançou esta semana. Trata-se do website da H2L, uma empresa que tem um propósito de fazer a diferença no ambiente corporativo das organizações e atualmente é uma das instituições de maior destaque no estado, quando se trata de soluções em documentos.
O conceito utilizado para este site foi a de proporciar um site com um formato de papel reciclato, uma vez que a empresa trabalha com soluções para documentos. Enfim, tentamos passar um visual bacana, agradável aos olhos dos usuários, e ao mesmo tempo um site com a cara da H2L.
<span class="readmore"><a href="http://blog.dothcom.net/h2l-solucao-para-documentos" title="H2L Solução para Documentos">Read the full story &#187;</a></span>]]></description>
			<content:encoded><![CDATA[<img alt="" src="http://blog.dothcom.net/wp-content/uploads/2010/04/02.jpg" class="wppt_float_left" /><p><img class="aligncenter size-full wp-image-220" src="http://blog.dothcom.net/wp-content/uploads/2010/04/h2l1.jpg" alt="h2l" width="580" height="622" />Mais um excelente projeto WEB a dothCom lançou esta semana. Trata-se do website da H2L, uma empresa que tem um propósito de fazer a diferença no ambiente corporativo das organizações e atualmente é uma das instituições de maior destaque no estado, quando se trata de soluções em documentos.</p>
<p>O conceito utilizado para este site foi a de proporciar um site com um formato de papel reciclato, uma vez que a empresa trabalha com soluções para documentos. Enfim, tentamos passar um visual bacana, agradável aos olhos dos usuários, e ao mesmo tempo um site com a cara da H2L.</p>
<p>O projeto ao todo foi bem trabalhada, sendo necessários em torno de 10 dias para ser concluido o layout, isso sem contar com a área de intranet que o site possui.</p>
<p>Podemos dizer que a H2L inovou mais uma vez, pensou em seu funcionários e principalmente nos clientes.</p>
<p>O site possui as área de intranet, institucionais, soluções, parceiros, projetos sociais, perguntas frequentes e o relacionamento direto com o cliente.</p>
<p><a href="http://www.h2l.com.br">Acesse o site</a>.</p>
<p>Por: Dasayev Teixeira</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/h2l-solucao-para-documentos/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Certfica &#8211; Marca sem registro é marca sem dono</title>
		<link>http://blog.dothcom.net/certfica-marca-sem-registro-e-marca-sem-dono</link>
		<comments>http://blog.dothcom.net/certfica-marca-sem-registro-e-marca-sem-dono#comments</comments>
		<pubDate>Sat, 24 Apr 2010 15:32:22 +0000</pubDate>
		<dc:creator>dasayev</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Fireworks]]></category>
		<category><![CDATA[Novidades]]></category>
		<category><![CDATA[Tendências]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=215</guid>
		<description><![CDATA[A dothCom entregou mais um site de sucesso, desta vez o destaque ficou por conta do site da empresa Certfica, que é especializada em consultoria e prestação de serviços.
A principal proposta deste projeto foi transparecer aos usuários a cara da Certfica, ou seja, mostrar os segmentos da empresa e ao mesmo tempo abduzir o cliente a conhecer as vantagens de se patentiar uma marca. Logo de cara os internautas que acessam o site, identifica alguns dos principais clientes que registraram sua marca.
<span class="readmore"><a href="http://blog.dothcom.net/certfica-marca-sem-registro-e-marca-sem-dono" title="Certfica &#8211; Marca sem registro é marca sem dono">Read the full story &#187;</a></span>]]></description>
			<content:encoded><![CDATA[<img alt="" src="http://blog.dothcom.net/wp-content/uploads/2010/04/03.jpg" class="wppt_float_left" /><p><img class="aligncenter size-full wp-image-216" src="http://blog.dothcom.net/wp-content/uploads/2010/04/certifica.jpg" alt="certifica" width="580" height="655" />A dothCom entregou mais um site de sucesso, desta vez o destaque ficou por conta do site da empresa Certfica, que é especializada em consultoria e prestação de serviços.</p>
<p>A principal proposta deste projeto foi transparecer aos usuários a cara da Certfica, ou seja, mostrar os segmentos da empresa e ao mesmo tempo abduzir o cliente a conhecer as vantagens de se patentiar uma marca. Logo de cara os internautas que acessam o site, identifica alguns dos principais clientes que registraram sua marca.</p>
<p>Enfim, o site foi totalmente planejado para ser algo atraente e eficaz, e que suprice as necessidades do cliente no âmbito da WEB.</p>
<p>O resultado foi surpreendende e bem acolhido pela Certfica. Para conhecer um pouco mais sobre a empresa e ver esta case de sucesso feita pela dothCom, basta acessar o site.</p>
<p><a href="http://www.certifica.com.br">www.certfica.com.br</a></p>
<p>Por: Dasayev Teixeira</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/certfica-marca-sem-registro-e-marca-sem-dono/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Alternativa para a tag NOBR</title>
		<link>http://blog.dothcom.net/alternativa-para-a-tag-nobr</link>
		<comments>http://blog.dothcom.net/alternativa-para-a-tag-nobr#comments</comments>
		<pubDate>Mon, 19 Apr 2010 16:57:45 +0000</pubDate>
		<dc:creator>Junior</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[w3c]]></category>
		<category><![CDATA[webstandards]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=212</guid>
		<description><![CDATA[Estilo CSS para substituir o uso da tag NOBR obsoleta para os padrões webstandards]]></description>
			<content:encoded><![CDATA[<img alt="" src="http://blog.dothcom.net/wp-content/uploads/2010/04/css.jpg" class="wppt_float_left" /><p>A tag NOBR força para que o texto não quebre para a próxima linha. Esta tag é útil para palavras ou frases que devem ser mantidos juntos em uma linha. No entanto, note que se a linha de texto é longo, que pode se estender além da margem da janela do navegador, de modo que o usuário deve usar barras de rolagem para visualizar o texto.</p>
<p>Com o tempo e com a propagação do webstandards essa tag passou a ficar obsoleta. Aconselha-se utlizar a seguinte linha de CSS para textos sem quebras:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #6666ff;">.nobr</span> <span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">white-space</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">nowrap</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>Até a próxima.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/alternativa-para-a-tag-nobr/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Centralizar divs vertical e horizontalmente</title>
		<link>http://blog.dothcom.net/centralizar-divs-vertical-e-horizontalmente</link>
		<comments>http://blog.dothcom.net/centralizar-divs-vertical-e-horizontalmente#comments</comments>
		<pubDate>Tue, 02 Mar 2010 20:15:14 +0000</pubDate>
		<dc:creator>Junior</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[tableless]]></category>
		<category><![CDATA[w3c]]></category>
		<category><![CDATA[webstandards]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=209</guid>
		<description><![CDATA[Aprenda como centralizar vertical e horizontalmente divs ou qualquer outro elemento utilizando CSS.]]></description>
			<content:encoded><![CDATA[<img alt="" src="http://blog.dothcom.net/wp-content/uploads/2010/03/centralizar.gif" class="wppt_float_left" /><p>Muitas pessoas ainda encontram problemas para centralizar divs, principalmente na vertical. Também questionam se o vertical-align:middle funciona, do uso de valores negativos para a webstandards, padrões W3C. Não vou entrar no mérito para dizer o que está certo, qual é mais bonito ou semanticamente correto.</p>
<p>Neste post vou mostrar como centralizar uma div (ou qualquer outro elemento). Com dois casos, o primeiro e mais fácil com altura fixa e o segundo sem altura definida (altura depende do conteúdo).</p>
<p><span id="more-209"></span></p>
<p>Para elementos com altura fixa, basta usar posicionamento absoluto, definir o top e left com 50% e puxar negativamente a metade da largura/altura. Seu elemento de altura fixa estará centralizado.</p>
<p>Já para elementos sem altura definida você pode usar o display:table, vertical-align: middle, abaixo mostro como ficaria o CSS.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
</pre></td><td class="code"><pre class="css" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/*COM ALTURA FIXA*/</span>
.centralizado<span style="color: #00AA00;">&#123;</span>
   <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">500px</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">200px</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">50</span>%</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">50</span>%</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">margin-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">-100px</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">margin-left</span><span style="color: #00AA00;">:</span> <span style="color: #933;">-250px</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/*SEM ALTURA FIXA*/</span>
html<span style="color: #00AA00;">,</span> body <span style="color: #00AA00;">&#123;</span>
   <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;"><span style="color: #cc66cc;">100</span>%</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #933;"><span style="color: #cc66cc;">100</span>%</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #933;">0px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #cc00cc;">#table</span> <span style="color: #00AA00;">&#123;</span>
   <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">100</span>%</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">100</span>%</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">static</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> table<span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">*</span><span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">hidden</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* hack para o IE6 e IE7 */</span>
   <span style="color: #00AA00;">*</span><span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* hack para o IE6 e IE7 */</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #cc00cc;">#cell</span> <span style="color: #00AA00;">&#123;</span>
   <span style="color: #000000; font-weight: bold;">vertical-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">middle</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">table-cell</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">static</span><span style="color: #00AA00;">;</span>
   <span style="color: #00AA00;">*</span><span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #933;"><span style="color: #cc66cc;">50</span>%</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* hack para o IE6 e IE7 */</span>
   <span style="color: #00AA00;">*</span><span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">absolute</span><span style="color: #00AA00;">;</span> <span style="color: #808080; font-style: italic;">/* hack para o IE6 e IE7 */</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #cc00cc;">#conteudo</span> <span style="color: #00AA00;">&#123;</span>
   <span style="color: #000000; font-weight: bold;">top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">-<span style="color: #cc66cc;">50</span>%</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">500px</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">margin</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">position</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">relative</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#F00</span> <span style="color: #993333;">dotted</span> <span style="color: #933;">1px</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">font</span><span style="color: #00AA00;">:</span><span style="color: #933;">12px</span> <span style="color: #ff0000;">&quot;Trebuchet MS&quot;</span><span style="color: #00AA00;">,</span> Arial<span style="color: #00AA00;">,</span> Helvetica<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>Para altura fixa basta colocar o elemento dentro da tag body ou dentro de um elemento com position:relative, lembrando que neste caso será centralizado dentro deste elemento pai.</p>
<p>Já o HTML para altura indefinda, seria algo na estrutura div#table > div#cell > div#conteudo > conteúdo&#8230;</p>
<p>Caso encontrem algum bug, não funcione em algum navegador, queiram criticar ou elogiar sintam-se livres para comentarem, espero ter ajudado.</p>
<p>Solução para altura indefinida encontrada no site do <a href="http://rogeriolino.wordpress.com/" title="Crédito">Rogério Lino</a><br />
<a href="http://www.shiguenori.com/material/alinhamento_vertical.html" title="Teste aqui o exemplo">Exemplo</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/centralizar-divs-vertical-e-horizontalmente/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Transições de Imagens com jQuery</title>
		<link>http://blog.dothcom.net/transicoes-de-imagens-com-jquery</link>
		<comments>http://blog.dothcom.net/transicoes-de-imagens-com-jquery#comments</comments>
		<pubDate>Sat, 27 Feb 2010 14:52:27 +0000</pubDate>
		<dc:creator>Junior</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Função]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=207</guid>
		<description><![CDATA[jqFancyTransitions é um plugin jQuery  fácil de usar para mostrar suas fotos como slideshow com efeitos de transição fantásticos.]]></description>
			<content:encoded><![CDATA[<img alt="" src="http://blog.dothcom.net/wp-content/uploads/2010/01/jquery.jpg" class="wppt_float_left" /><p><strong>jqFancyTransitions</strong> é um plugin <a href="http://www.jquery.com" target="_blank">jQuery</a>  fácil de usar para mostrar suas fotos como slideshow com efeitos de transição fantásticos.</p>
<p><span id="more-207"></span></p>
<p><strong>jqFancyTransitions</strong> é compatível e totalmente testado com Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.</p>
<p>A estrutura do HTML é bem simples, um elemento com imagens dentro, para exibir legendas adicione os textos nos atributos &#8220;alt&#8221; das imagens.</p>
<p>Links:<br />
<a href="http://www.shiguenori.com/material/jqFancyTransitions/" target="_blank">Exemplos e Documentação</a><br />
<a href="http://www.shiguenori.com/material/jqFancyTransitions/jquery-1.4.2.min.js" target="_blank">jquery-1.4.js</a><br />
<a href="http://www.shiguenori.com/material/jqFancyTransitions/jqFancyTransitions.js" target="_blank">jqFancyTransitions.js</a><br />
<a href="http://www.shiguenori.com/material/jqFancyTransitions/jqFancyTransitions.zip" target="_blank">Exemplo comprimido</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/transicoes-de-imagens-com-jquery/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SkinFlower</title>
		<link>http://blog.dothcom.net/skinflower</link>
		<comments>http://blog.dothcom.net/skinflower#comments</comments>
		<pubDate>Wed, 17 Feb 2010 19:26:09 +0000</pubDate>
		<dc:creator>Túlio Ávalos</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[SkinFlower]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=200</guid>
		<description><![CDATA[Entregamos mais um site neste começo de Fevereiro, SkinFlower, uma clinica de beleza e estética do Rio de Janeiro.

Este site não foi muito difícil, mas um pouco trabalhoso, não fiz apenas o layout do site, mas a logo marca também, trabalhoso por que o clientes pediu bastante alterações, tinha feito duas propostas no início e acabo q o cliente pediu para juntar as duas propostas em uma só, sem problemas... isso é muito fácil.]]></description>
			<content:encoded><![CDATA[<img alt="ensaio" src="http://blog.dothcom.net/wp-content/uploads/2009/12/ensaio_logo.png" class="wppt_float_left" /><p><span style="color: #808080;">Entregamos mais um site neste começo de Fevereiro, </span><a href="http://skinflower.com.br/" target="_blank"><span style="color: #009bc1;">Skin</span><span style="color: #fd72db;">Flower</span></a><span style="color: #808080;">, uma clinica de beleza e estética do Rio de Janeiro.</span></p>
<p><span style="color: #808080;">Este site não foi muito difícil, mas um pouco trabalhoso, não fiz apenas o layout do site, mas a logo marca também, trabalhoso por que o clientes pediu bastante alterações, tinha feito duas propostas no início e acabo q o cliente pediu para juntar as duas propostas em uma só, sem problemas&#8230; isso é muito fácil.</span></p>
<p><span style="color: #808080;">Quando comecei a desenhara logo marca,  logo pensei nas cores azul e rosa como eu já disse no <a href="http://blog.dothcom.net/criacao_logo_skinflower" target="_blank">post que mostei o desenvolvimento da marca</a>. No desenvolvimento do layout quis passar uma boa sensação a pessoa que o navegasse. Tomara que tenha conseguido.</span></p>
<p><span style="color: #808080;"><a href="http://skinflower.com.br/" target="_blank"><img class="aligncenter size-full wp-image-202" title="layout04" src="http://blog.dothcom.net/wp-content/uploads/2010/02/layout04.png" alt="layout04" width="580" height="569" /></a></span></p>
<p><span style="color: #808080;">Criação: <em><a href="http://tulitotutys.deviantart.com/" target="_blank">TúlioÁvalos</a></em></span></p>
<p><span style="color: #808080;">Programação:<em> Charliston Maffei</em></span></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/skinflower/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Doces Momentos</title>
		<link>http://blog.dothcom.net/doces-momentos</link>
		<comments>http://blog.dothcom.net/doces-momentos#comments</comments>
		<pubDate>Wed, 17 Feb 2010 18:24:52 +0000</pubDate>
		<dc:creator>dasayev</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Diversos]]></category>
		<category><![CDATA[Novidades]]></category>
		<category><![CDATA[Tendências]]></category>

		<guid isPermaLink="false">http://blog.dothcom.net/?p=193</guid>
		<description><![CDATA[Foi entregue no começo de Fevereiro mais um website de autoria da dothCom Consultoria Digital. Desta vez, o destaque se deu por conta do Atelier Culinário Doces Momentos, da cidade do Rio de Janeiro.
Situada em Copacabana, um dos mais sofisticados pontos turísticos da cidade maravilhosa, o atelier Doces Momentos tem como especialidades; bolos, doces e salgados, tudo isso feitos artesanalmente, e suas especialidades se destacam pelo sabor especial, pela beleza e sofisticação.
<span class="readmore"><a href="http://blog.dothcom.net/doces-momentos" title="Doces Momentos">Read the full story &#187;</a></span>]]></description>
			<content:encoded><![CDATA[<img alt="" src="http://blog.dothcom.net/wp-content/uploads/2010/02/doces1.jpg" class="wppt_float_left" /><p><img class="aligncenter size-full wp-image-194" src="http://blog.dothcom.net/wp-content/uploads/2010/02/doces.jpg" alt="Doces Momentos" width="580" height="803" /></p>
<p>Foi entregue no começo de Fevereiro mais um website de autoria da dothCom Consultoria Digital. Desta vez, o destaque se deu por conta do Atelier Culinário Doces Momentos, da cidade do Rio de Janeiro.</p>
<p>Situada em Copacabana, um dos mais sofisticados pontos turísticos da cidade maravilhosa, o atelier Doces Momentos tem como especialidades; bolos, doces e salgados, tudo isso feitos artesanalmente, e suas especialidades se destacam pelo sabor especial, pela beleza e sofisticação.</p>
<p>Para chegar no resultado final do site Doces Momentos, a “Criação” da dothCom teve de desenvolver três propostas iniciais e demorou cerca de 20 dias para projetar todas as telas do layout aprovado. Por fim, o mais importante foi o reconhecimento do cliente para com o trabalho desenvolvido pela equipe dothCom.</p>
<p>Quem quiser conhecer um pouco mais sobre o trabalho do Doces Momentos acesse mais essa case de sucesso: <a href="http://www.docesmomentos.net/">www.docesmomentos.net</a></p>
<p>Por: Dasayev Teixeira</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dothcom.net/doces-momentos/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
