<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comentários sobre: Tooltips com CSS</title>
	<atom:link href="http://www.cssnolanche.com.br/tooltips-com-css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.cssnolanche.com.br/tooltips-com-css/</link>
	<description></description>
	<lastBuildDate>Fri, 12 Mar 2010 12:59:54 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>Por: Pedro</title>
		<link>http://www.cssnolanche.com.br/tooltips-com-css/comment-page-1/#comment-761</link>
		<dc:creator>Pedro</dc:creator>
		<pubDate>Mon, 17 Aug 2009 04:38:21 +0000</pubDate>
		<guid isPermaLink="false">http://www.cssnolanche.com.br/?p=253#comment-761</guid>
		<description>Muito Obrigado cara tentei fazer com js ficava pesado e uma merda tirando que tive que mudar muito coisa e ainda não tinha ficado legal desse jeito ficou otimo simples e facil parabens</description>
		<content:encoded><![CDATA[<p>Muito Obrigado cara tentei fazer com js ficava pesado e uma merda tirando que tive que mudar muito coisa e ainda não tinha ficado legal desse jeito ficou otimo simples e facil parabens</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: lepardo</title>
		<link>http://www.cssnolanche.com.br/tooltips-com-css/comment-page-1/#comment-233</link>
		<dc:creator>lepardo</dc:creator>
		<pubDate>Sun, 07 Dec 2008 20:13:48 +0000</pubDate>
		<guid isPermaLink="false">http://www.cssnolanche.com.br/?p=253#comment-233</guid>
		<description>No funciona correctamente si se encuentra dentro de una etiqueta  con la propiedad nowrap=&quot;nowrap&quot;</description>
		<content:encoded><![CDATA[<p>No funciona correctamente si se encuentra dentro de una etiqueta  con la propiedad nowrap=&#8221;nowrap&#8221;</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Pedro Rogério</title>
		<link>http://www.cssnolanche.com.br/tooltips-com-css/comment-page-1/#comment-203</link>
		<dc:creator>Pedro Rogério</dc:creator>
		<pubDate>Thu, 20 Nov 2008 19:50:32 +0000</pubDate>
		<guid isPermaLink="false">http://www.cssnolanche.com.br/?p=253#comment-203</guid>
		<description>@Mari,

Esse tutorial aqui pode lhe ser útil:

http://www.emanuelblagonic.com/2007/09/08/css-map-in-practice/</description>
		<content:encoded><![CDATA[<p>@Mari,</p>
<p>Esse tutorial aqui pode lhe ser útil:</p>
<p><a href="http://www.emanuelblagonic.com/2007/09/08/css-map-in-practice/" rel="nofollow">http://www.emanuelblagonic.com/2007/09/08/css-map-in-practice/</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Mari</title>
		<link>http://www.cssnolanche.com.br/tooltips-com-css/comment-page-1/#comment-202</link>
		<dc:creator>Mari</dc:creator>
		<pubDate>Thu, 20 Nov 2008 17:55:46 +0000</pubDate>
		<guid isPermaLink="false">http://www.cssnolanche.com.br/?p=253#comment-202</guid>
		<description>Olá! Adoro esse site! As dicas e tutoriais estão me ajudando bastante!!

Agora, uma dúvida... será q é possível fazer algo parecido com o tooltip em uma imagem? Deixa eu explicar melhor: eu tenho um mapa do estado de são paulo e quero que ao passar com o mouse sobre ele, apareçam em alguns pontos os nomes das cidades. Isso é possível fazer com CSS?

Abraços!
Mari</description>
		<content:encoded><![CDATA[<p>Olá! Adoro esse site! As dicas e tutoriais estão me ajudando bastante!!</p>
<p>Agora, uma dúvida&#8230; será q é possível fazer algo parecido com o tooltip em uma imagem? Deixa eu explicar melhor: eu tenho um mapa do estado de são paulo e quero que ao passar com o mouse sobre ele, apareçam em alguns pontos os nomes das cidades. Isso é possível fazer com CSS?</p>
<p>Abraços!<br />
Mari</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Romero</title>
		<link>http://www.cssnolanche.com.br/tooltips-com-css/comment-page-1/#comment-201</link>
		<dc:creator>Romero</dc:creator>
		<pubDate>Thu, 20 Nov 2008 16:58:09 +0000</pubDate>
		<guid isPermaLink="false">http://www.cssnolanche.com.br/?p=253#comment-201</guid>
		<description>Eu não consegui fazer funcionar o código do tooltip no FrontPage.
Poderia me auxiliar, enviando o código inteiro?
Esperando não estar extrapolando,
desde já agradecido,
Romero</description>
		<content:encoded><![CDATA[<p>Eu não consegui fazer funcionar o código do tooltip no FrontPage.<br />
Poderia me auxiliar, enviando o código inteiro?<br />
Esperando não estar extrapolando,<br />
desde já agradecido,<br />
Romero</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: [c3]</title>
		<link>http://www.cssnolanche.com.br/tooltips-com-css/comment-page-1/#comment-194</link>
		<dc:creator>[c3]</dc:creator>
		<pubDate>Tue, 18 Nov 2008 11:55:05 +0000</pubDate>
		<guid isPermaLink="false">http://www.cssnolanche.com.br/?p=253#comment-194</guid>
		<description>berto87
você pode fazer isso utilizando um span dentro de outro, em um você coloca a imagem da direita e no outro você coloca a da esquerda, ou vice-versa o resto é similar a como está no tutorial
bjs!</description>
		<content:encoded><![CDATA[<p>berto87<br />
você pode fazer isso utilizando um span dentro de outro, em um você coloca a imagem da direita e no outro você coloca a da esquerda, ou vice-versa o resto é similar a como está no tutorial<br />
bjs!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Felip</title>
		<link>http://www.cssnolanche.com.br/tooltips-com-css/comment-page-1/#comment-166</link>
		<dc:creator>Felip</dc:creator>
		<pubDate>Wed, 05 Nov 2008 18:43:31 +0000</pubDate>
		<guid isPermaLink="false">http://www.cssnolanche.com.br/?p=253#comment-166</guid>
		<description>Fala Pedro Rogério!

Vou utilizar esse tooltip no projeto que estou desenvolvendo agora aqui na empresa. Para o pessoal da BAND. Vamos ver como ficará o resultado final. Abs e valew pelo tuto.</description>
		<content:encoded><![CDATA[<p>Fala Pedro Rogério!</p>
<p>Vou utilizar esse tooltip no projeto que estou desenvolvendo agora aqui na empresa. Para o pessoal da BAND. Vamos ver como ficará o resultado final. Abs e valew pelo tuto.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Rubens</title>
		<link>http://www.cssnolanche.com.br/tooltips-com-css/comment-page-1/#comment-160</link>
		<dc:creator>Rubens</dc:creator>
		<pubDate>Mon, 03 Nov 2008 18:08:09 +0000</pubDate>
		<guid isPermaLink="false">http://www.cssnolanche.com.br/?p=253#comment-160</guid>
		<description>Muito bom, fiz umas adaptações e consegui usar da maneira que eu queria</description>
		<content:encoded><![CDATA[<p>Muito bom, fiz umas adaptações e consegui usar da maneira que eu queria</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: berto87</title>
		<link>http://www.cssnolanche.com.br/tooltips-com-css/comment-page-1/#comment-143</link>
		<dc:creator>berto87</dc:creator>
		<pubDate>Sun, 26 Oct 2008 17:54:28 +0000</pubDate>
		<guid isPermaLink="false">http://www.cssnolanche.com.br/?p=253#comment-143</guid>
		<description>O que eu quero fazer é colocar esta imagem

http://zkrpja.bay.livefilestore.com/y1pZDjmXO75RbmG77bx_lNy0wsM47qW-mhMQ87L8K08ZW2ziQP-BAtSUPrjROrd5kJpnfUoaEaIgZk/fundo.png

mas que ela redimensione consoante o texto que aparece por cima da imagem, ou seja, se tiver apenas 2 palavras a imagem é mais pequena, se tiver 4 palavras a imagem é maior.

Cumps!
OBRIGADO!!

Não sei se me fiz entender!
Cumps
OBRIGADO!</description>
		<content:encoded><![CDATA[<p>O que eu quero fazer é colocar esta imagem</p>
<p><a href="http://zkrpja.bay.livefilestore.com/y1pZDjmXO75RbmG77bx_lNy0wsM47qW-mhMQ87L8K08ZW2ziQP-BAtSUPrjROrd5kJpnfUoaEaIgZk/fundo.png" rel="nofollow">http://zkrpja.bay.livefilestore.com/y1pZDjmXO75RbmG77bx_lNy0wsM47qW-mhMQ87L8K08ZW2ziQP-BAtSUPrjROrd5kJpnfUoaEaIgZk/fundo.png</a></p>
<p>mas que ela redimensione consoante o texto que aparece por cima da imagem, ou seja, se tiver apenas 2 palavras a imagem é mais pequena, se tiver 4 palavras a imagem é maior.</p>
<p>Cumps!<br />
OBRIGADO!!</p>
<p>Não sei se me fiz entender!<br />
Cumps<br />
OBRIGADO!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Pedro Rogério</title>
		<link>http://www.cssnolanche.com.br/tooltips-com-css/comment-page-1/#comment-141</link>
		<dc:creator>Pedro Rogério</dc:creator>
		<pubDate>Sun, 26 Oct 2008 15:56:37 +0000</pubDate>
		<guid isPermaLink="false">http://www.cssnolanche.com.br/?p=253#comment-141</guid>
		<description>@Berto,

Você pode utilizar imagens normalmente, só coloque a imagem no a.tooltip:hover span, e altere aqui de a:hover {background:#ffffff;} para a:hover {background:transparent;}. Para funcionar em todos os links, é só seguir o esquema do tutorial!!!</description>
		<content:encoded><![CDATA[<p>@Berto,</p>
<p>Você pode utilizar imagens normalmente, só coloque a imagem no a.tooltip:hover span, e altere aqui de a:hover {background:#ffffff;} para a:hover {background:transparent;}. Para funcionar em todos os links, é só seguir o esquema do tutorial!!!</p>
]]></content:encoded>
	</item>
</channel>
</rss>
