<?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>Mon, 03 Oct 2011 14:08:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.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/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/2007/10/criando-um-efeito-rollover-com-css/' rel='bookmark' title='Criando um efeito rollover com CSS'>Criando um efeito rollover com CSS</a></li>
<li><a href='http://erikasarti.net/blog/2008/08/o-basico-do-css-para-impressao/' rel='bookmark' title='O básico do CSS para impressão'>O básico do CSS para impressão</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/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/2007/10/criando-um-efeito-rollover-com-css/' rel='bookmark' title='Criando um efeito rollover com CSS'>Criando um efeito rollover com CSS</a></li>
<li><a href='http://erikasarti.net/blog/2008/08/o-basico-do-css-para-impressao/' rel='bookmark' title='O básico do CSS para impressão'>O básico do CSS para impressão</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>

