<?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>Blog Verde &#187; Design</title>
	<atom:link href="http://blogverde.com/tag/design/feed" rel="self" type="application/rss+xml" />
	<link>http://blogverde.com</link>
	<description></description>
	<lastBuildDate>Sun, 20 Nov 2011 23:52:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Como adicionar 3 colunas no footer do seu tema wordpress.</title>
		<link>http://blogverde.com/como-adicionar-3-colunas-no-footer-do-seu-tema-wordpress.html</link>
		<comments>http://blogverde.com/como-adicionar-3-colunas-no-footer-do-seu-tema-wordpress.html#comments</comments>
		<pubDate>Fri, 04 Jul 2008 03:53:05 +0000</pubDate>
		<dc:creator>Daniel</dc:creator>
				<category><![CDATA[tutoriais]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Editores]]></category>
		<category><![CDATA[Navegabilidade]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blogverde.com/2008/07/04/como-adicionar-3-colunas-no-footer-do-seu-tema-wordpress/</guid>
		<description><![CDATA[Este post tem como objetivo explicar, dentre várias maneiras, uma bem simples de adicionar colunas igualmente espaçadas em seu footer. Você terá a liberdade de acrescentar o que quiser às colunas, leia este excelente post e descubra como é possível melhorar a navegabilidade do seu blog utilizando o footer. Repare que grandes blogs, ao quais [...]]]></description>
			<content:encoded><![CDATA[<p>Este post tem como objetivo explicar, dentre várias maneiras, uma bem simples de adicionar colunas igualmente espaçadas em seu footer.</p>
<p>Você terá a liberdade de acrescentar o que quiser às colunas, leia <a href="http://blosque.com/2007/10/12-solues-criativas-para-utilizar.html" target="_blank">este excelente post</a> e descubra como é possível melhorar a navegabilidade do seu blog utilizando o footer. Repare que grandes blogs, ao quais posso citar o <a href="http://www.johnchow.com/" target="_blank">John</a> e o <a href="http://www.problogger.net/" target="_blank">Darren</a>, utilizam esta parte com informações adicionais aos leitores.</p>
<p>No Brasil, até pouco tempo atrás poucos utilizavam o footer para algo útil, quase sempre apareciam só as considerações finais de tema e copyright. O <a href="http://novo-mundo.org/log/" target="_blank">nM</a> por exemplo passou a utilizar o footer para algo interessante somente com o novo layout, antes aquele espaço era pouco aproveitado&#8230;</p>
<p>Vamos lá, primeiro adicione as linhas seguintes ao seu stylesheet:</p>
<p><code><br />
!--adicionando colunas footer--!<br />
#footercolumns {padding:2em 0 0 10%; }<br />
#footercolumns .block {float:left; width:30%; margin:0 0 0 2.5%; text-align:left;}<br />
#footercolumns .first, * html #footercolumns .first{clear:both; margin:0; text-align:justify;}<br />
</code><br />
Agora copie e cole as linhas seguintes ao seu footer (antes da tag &lt;/body&gt;):<br />
<code><br />
&lt;div id="footercolumns"&gt;<br />
&lt;div class="inside"&gt;<br />
&lt;div class="block first"&gt;<br />
&lt;h3&gt;Primeira coluna&lt;/h3&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;texto 1&lt;/li&gt;<br />
&lt;li&gt;mais um texto&lt;/li&gt;<br />
&lt;li&gt;outro texto&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/div&gt;<br />
&lt;div class="block"&gt;<br />
&lt;h3&gt;Segunda coluna&lt;/h3&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;texto 1&lt;/li&gt;<br />
&lt;li&gt;mais um texto&lt;/li&gt;<br />
&lt;li&gt;outro texto&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/div&gt;<br />
&lt;div class="block"&gt;<br />
&lt;h3&gt;terceira coluna&lt;/h3&gt;<br />
&lt;ul&gt;<br />
&lt;li&gt;texto 1&lt;/li&gt;<br />
&lt;li&gt;mais um texto&lt;/li&gt;<br />
&lt;li&gt;outro texto&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;br clear="all" /&gt;<br />
</code><br />
O resultado será um footer como este:<br />
<img src="http://i188.photobucket.com/albums/z99/fisicomaluco/footer.jpg" alt="footer" border="0" height="210" width="460" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blogverde.com/como-adicionar-3-colunas-no-footer-do-seu-tema-wordpress.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

