<?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>Alisson O Blog &#187; FIX</title>
	<atom:link href="http://alisson.indexainternet.com.br/tag/fix/feed/" rel="self" type="application/rss+xml" />
	<link>http://alisson.indexainternet.com.br</link>
	<description>Magento e os idiomas que o computador fala...</description>
	<lastBuildDate>Fri, 12 Feb 2010 12:31:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Magento e IE6 (suporte a PNG utilizando IEPNGFIX)</title>
		<link>http://alisson.indexainternet.com.br/magento-e-ie6-suporte-a-png-utilizando-iepngfix/</link>
		<comments>http://alisson.indexainternet.com.br/magento-e-ie6-suporte-a-png-utilizando-iepngfix/#comments</comments>
		<pubDate>Fri, 14 Aug 2009 13:05:08 +0000</pubDate>
		<dc:creator>Alisson Oldoni</dc:creator>
				<category><![CDATA[Magento]]></category>
		<category><![CDATA[FIX]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[IEPNGFIX]]></category>
		<category><![CDATA[PNG]]></category>

		<guid isPermaLink="false">http://alisson.indexainternet.com.br/?p=35</guid>
		<description><![CDATA[Como resolver os problemas de integração do Magento com IE6, em layouts que façam uso extensivo de PNGs com transparência, utilizando o IEPNGFIX.]]></description>
			<content:encoded><![CDATA[<p>O Magento lida com o IE6 de forma brilhante, com folhas de estilo separadas, exatamente como a W3C recomenda. Porém percebi essa semana, enquanto fazia um corte de layout bem moderno e cheio de sombras e transparências, que os PNGs acabam morrendo no caminho.</p>
<p>Possuindo uma solução integrada pra lidar com esse problema, o Magento <em>quase</em> faz isso tudo passar despercebido, mas ela não trata todas as possibilidades como, por exemplo, alguns tipos de PNGs como background. Para resolver isso, instalei nele uma famosa correção que circula na web, o IEPNGFIX (já muito bem rankeado no google, diga-se de passagem). <span id="more-35"></span>Seguem os passos de como fiz para instalá-lo no Magento:</p>
<ul>
<li>Ente em http://www.twinhelix.com/css/iepngfix/ e baixe a última versão da correção. No momento é a 2.0 alpha 3, que você pode obter clicando em “teste area”.</li>
<li>Faça upload dos arquivos blank.gif, iepngfix.htc e iepngfix_tilebg.js (contidos no zip da correção) para o diretorio skin do seu template, algo como http://meumagento.com.br/skin/frontend/default/meutema.</li>
<li>Abra o arquivo app/design/frontend/default/meutema/template/page/html/head.phtml – Transforme a tag script de seu original:</li>
</ul>
<p>Original:</p>
<pre class="brush: xml;">
&lt;script&gt;
//&lt;![CDATA[
var BLANK_URL = '&lt;?php echo $this-&gt;helper('core/js')-&gt;getJsUrl('blank.html') ?&gt;';
var BLANK_IMG = '&lt;?php echo $this-&gt;helper('core/js')-&gt;getJsUrl('spacer.gif') ?&gt;';
//]]&gt;
&lt;/script&gt;
</pre>
<p>Para:</p>
<pre class="brush: xml;">
&lt;script&gt;
//&lt;![CDATA[
var BLANK_URL = '&lt;?php echo $this-&gt;helper('core/js')-&gt;getJsUrl('blank.html') ?&gt;';
var BASE_SKIN = '&lt;?php echo $this-&gt;getSkinUrl('blank.gif') ?&gt;';
//]]&gt;
&lt;/script&gt;
</pre>
<ul>
<li>No final desse mesmo arquivo, adicione as seguintes linhas:</li>
</ul>
<pre class="brush: xml;">
&lt;style type=&quot;text/css&quot;&gt;
img, div, a, input { behavior: url(&lt;?php echo $this-&gt;getSkinUrl('iepngfix.htc') ?&gt;) }
&lt;/style&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;&lt;?php echo $this-&gt;getSkinUrl('iepngfix_tilebg.js') ?&gt;&quot;&gt;&lt;/script&gt;
</pre>
<ul>
<li>Abra o arquivo iepngfix.htc e altere o caminho da imagem em branco para:</li>
</ul>
<pre class="brush: jscript;">
// This must be a path to a blank image, relative to the HTML document(s).
// In production use I suggest '/images/blank.gif' or similar. That's all!
IEPNGFix.blankImg = BASE_SKIN;
</pre>
<ul>
<li>Limpe todos os caches possíveis e dê um reload.</li>
</ul>
<p><strong>Lembre-se:</strong></p>
<ul>
<li>Coloque width e height em todos os PNGs que existirem no seu site.</li>
<li>Caso a correção comece a dar alerts dizendo que existem &#8220;unclickable links&#8221;, simplesmente comente a única linha que contém a palavra &#8220;alert&#8221; também no arquivo iepngfix.htc. Aparentemente, apesar de parar de incomodar o usuário, tudo continua funcionando como deveria.</li>
<li>Quando puder, use GIF! É menos chance de dar algum problema&#8230; <img src='http://alisson.indexainternet.com.br/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
</ul>
<p>Obrigado e até a próxima!</p>
]]></content:encoded>
			<wfw:commentRss>http://alisson.indexainternet.com.br/magento-e-ie6-suporte-a-png-utilizando-iepngfix/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

