<?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>Erika Sarti &#124; portfolio web designer &#187; css sprite</title>
	<atom:link href="http://erikasarti.net/blog/tag/css-sprite/feed/" rel="self" type="application/rss+xml" />
	<link>http://erikasarti.net</link>
	<description>criação de sites</description>
	<lastBuildDate>Tue, 06 Mar 2012 13:39:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Otimizando um menu com a técnica de CSS sprite</title>
		<link>http://erikasarti.net/blog/2009/04/otimizando-um-menu-com-a-tecnica-de-css-sprite/</link>
		<comments>http://erikasarti.net/blog/2009/04/otimizando-um-menu-com-a-tecnica-de-css-sprite/#comments</comments>
		<pubDate>Thu, 16 Apr 2009 00:28:18 +0000</pubDate>
		<dc:creator>Erika Sarti</dc:creator>
				<category><![CDATA[Artigos]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[artigo]]></category>
		<category><![CDATA[css sprite]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://erikasarti.net/?p=293</guid>
		<description><![CDATA[Otimize sua página juntando todas as imagens num único arquivo, e coloque isso em prática num menu em abas.
Related posts:<ol>
<li><a href='http://erikasarti.net/blog/2008/10/criando-um-menu-lateral-com-css/' rel='bookmark' title='Criando um menu lateral com CSS'>Criando um menu lateral com CSS</a></li>
<li><a href='http://erikasarti.net/blog/2008/04/adicionando-sombra-a-multiplas-imagens-com-css/' rel='bookmark' title='Adicionando sombra a múltiplas imagens com CSS'>Adicionando sombra a múltiplas imagens com CSS</a></li>
<li><a href='http://erikasarti.net/blog/2006/10/tutorial-menu-abas-css-layout-tableless/' rel='bookmark' title='Tutorial: menu em abas usando CSS num layout tableless'>Tutorial: menu em abas usando CSS num layout tableless</a></li>
</ul>]]></description>
			<content:encoded><![CDATA[<p>Imagine que você tem um site com menu totalmente baseado em imagens, e que quando o usuário passa o mouse sobre um dos itens, essa imagem muda. Desenvolver esse menu utilizando CSS ao invés de Flash é uma boa ideia, mas é necessário criar duas imagens para cada item, cada uma representando um estado, correto? Na verdade, não. Aplicando a técnica de <strong>CSS sprite</strong>, é possível utilizar apenas uma única imagem para todo o menu. Você entenderá como fazer isso neste tutorial.</p>
<p><a href="http://www.infowester.com/menu_css_sprit.php" target="_blank">Continue lendo &#8220;Otimizando um menu com a técnica de CSS sprite&#8221; no InfoWester&#8230;</a></p>
<p>Related posts:<ol>
<li><a href='http://erikasarti.net/blog/2008/10/criando-um-menu-lateral-com-css/' rel='bookmark' title='Criando um menu lateral com CSS'>Criando um menu lateral com CSS</a></li>
<li><a href='http://erikasarti.net/blog/2008/04/adicionando-sombra-a-multiplas-imagens-com-css/' rel='bookmark' title='Adicionando sombra a múltiplas imagens com CSS'>Adicionando sombra a múltiplas imagens com CSS</a></li>
<li><a href='http://erikasarti.net/blog/2006/10/tutorial-menu-abas-css-layout-tableless/' rel='bookmark' title='Tutorial: menu em abas usando CSS num layout tableless'>Tutorial: menu em abas usando CSS num layout tableless</a></li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://erikasarti.net/blog/2009/04/otimizando-um-menu-com-a-tecnica-de-css-sprite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

