<?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>Teofilo Israel &#187; Diseño Web</title>
	<atom:link href="http://teofiloisrael.com/categoria/diseno-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://teofiloisrael.com</link>
	<description>Internet, software, programacion y mas</description>
	<lastBuildDate>Mon, 14 May 2012 02:35:03 +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>Remover el texto Copyright de Google Maps</title>
		<link>http://teofiloisrael.com/2010/08/09/remover-texto-copyright-google-maps/</link>
		<comments>http://teofiloisrael.com/2010/08/09/remover-texto-copyright-google-maps/#comments</comments>
		<pubDate>Mon, 09 Aug 2010 17:02:03 +0000</pubDate>
		<dc:creator>teo</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Google Maps]]></category>

		<guid isPermaLink="false">http://teofiloisrael.com/?p=856</guid>
		<description><![CDATA[Al insertar un mapa de Google pequeño en un sitio web el texto copyright es tan grande para el mapa que hace que se vea feo. Estaba buscando la forma de cambiar el tamaño de las letras del texto del &#8230; <a href="http://teofiloisrael.com/2010/08/09/remover-texto-copyright-google-maps/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://teofiloisrael.com/wp-content/uploads/2010/08/google-map.png"><img class="alignright size-full wp-image-857" title="google-map" src="http://teofiloisrael.com/wp-content/uploads/2010/08/google-map.png" alt="google-map" width="180" height="180" /></a>Al insertar un mapa de Google pequeño en un sitio web el texto copyright es tan grande para el mapa que hace que se vea feo. Estaba buscando la forma de cambiar el tamaño de las letras del texto del cpoyright y me encontré con esto:</p>
<p><code>map.getContainer().lastChild.style.fontSize = "8px";</code></p>
<p>Desafortunadamente parece que Google se dio cuenta que muchos estaban modificando el texto Copyright a través de este método y actualmente no tenemos acceso a esta variable, por lo que ya no podemos modificar ni el tamaño ni el color. Pero con la ayuda de un colega he dado con la siguiente solución, que remueve el texto Copyright:</p>
<p><code>map.getContainer().lastChild.style.zIndex = "-1";</code></p>
<p>Pero recuerden que según los términos de Google el texto Copyright debe permanecer intacto, así que no les recomiendo utilizar esta práctica, sólo la estoy publicando como información general.</p>
]]></content:encoded>
			<wfw:commentRss>http://teofiloisrael.com/2010/08/09/remover-texto-copyright-google-maps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Esquinas redondeadas en CSS sin imágenes ni javascript</title>
		<link>http://teofiloisrael.com/2010/07/09/esquinas-redondeadas-css/</link>
		<comments>http://teofiloisrael.com/2010/07/09/esquinas-redondeadas-css/#comments</comments>
		<pubDate>Fri, 09 Jul 2010 14:45:31 +0000</pubDate>
		<dc:creator>teo</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://teofiloisrael.com/?p=697</guid>
		<description><![CDATA[Sin entrar en detalles sólo les voy a pegar el código con algunos comentarios, y les voy a dejar las demostraciones, ya que el código está muy claro. Hay una forma muy &#8220;bruta&#8221; de hacerlo, que valida CSS y funciona &#8230; <a href="http://teofiloisrael.com/2010/07/09/esquinas-redondeadas-css/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p align="center"><a href="http://teofiloisrael.com/wp-content/uploads/2010/07/square-round-corners.gif"><img src="http://teofiloisrael.com/wp-content/uploads/2010/07/square-round-corners.gif" alt="square round corners" title="square round corners" width="289" height="289" class="alignnone size-full wp-image-720" /></a></p>
<p>Sin entrar en detalles sólo les voy a pegar el código con algunos comentarios, y les voy a dejar las demostraciones, ya que el código está muy claro.</p>
<p>Hay una forma muy &#8220;bruta&#8221; de hacerlo, que valida CSS y funciona en muchos navegadores:</p>
<pre class="brush: css;">	&lt;style type="text/css"&gt;
	div#rounded-box1 {background:transparent;margin:2em auto;padding:0;width:400px;}
	.rb4 {background:#d40000;margin:0 auto;padding:0;width:398px;height:3px;}
	.rb3 {background:#d40000;margin:0 auto;padding:0;width:396px;height:2px;}
	.rb2 {background:#d40000;margin:0 auto;padding:0;width:392px;height:1px;}
	.rb1 {background:#d40000;margin:0 auto;padding:0;width:388px;height:1px;}
	.rb-content {background:#d40000;margin:0 auto;padding:0;width:400px;}
	.rb-content p {color:#fff;margin:0 14px;padding:0;}
	&lt;/style&gt;
	&lt;div id="rounded-box1"&gt;
	&lt;div class="rb1"&gt;&lt;/div&gt;
	&lt;div class="rb2"&gt;&lt;/div&gt;
	&lt;div class="rb3"&gt;&lt;/div&gt;
	&lt;div class="rb4"&gt;&lt;/div&gt;
	&lt;div class="rb-content"&gt;
	&lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam pede. Nulla eu
	arcu sit amet neque ornare scelerisque. Nulla facilisi. Nam nunc lorem, bibendum ut,
	volutpat quis, suscipit in, risus. Donec eget elit hendrerit erat commodo aliquam. Nulla
	lacus tellus, accumsan vitae, condimentum non, fermentum eu, ligula.&lt;/p&gt;
	&lt;/div&gt;
	&lt;div class="rb4"&gt;&lt;/div&gt;
	&lt;div class="rb3"&gt;&lt;/div&gt;
	&lt;div class="rb2"&gt;&lt;/div&gt;
	&lt;div class="rb1"&gt;&lt;/div&gt;
	&lt;/div&gt;
</pre>
<p>Demo:</p>
<style type="text/css">
div#rounded-box1 {background:transparent;margin:2em auto;padding:0;width:400px;}
.rb4 {background:#d40000;margin:0 auto;padding:0;width:398px;height:3px;}
.rb3 {background:#d40000;margin:0 auto;padding:0;width:396px;height:2px;}
.rb2 {background:#d40000;margin:0 auto;padding:0;width:392px;height:1px;}
.rb1 {background:#d40000;margin:0 auto;padding:0;width:388px;height:1px;}
.rb-content {background:#d40000;margin-top:-5px; margin-bottom:-11px; padding:0;width:400px;}
.rb-content p {color:#fff;margin:0 14px;padding:0;}
</style>
<div id="rounded-box1">
<div class="rb1"></div>
<div class="rb2"></div>
<div class="rb3"></div>
<div class="rb4"></div>
<div class="rb-content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam pede. Nulla eu arcu sit amet neque ornare scelerisque. Nulla facilisi. Nam nunc lorem, bibendum ut, volutpat quis, suscipit in, risus. Donec eget elit hendrerit erat commodo aliquam. Nulla lacus tellus, accumsan vitae, condimentum non, fermentum eu, ligula.</p>
</div>
<div class="rb4"></div>
<div class="rb3"></div>
<div class="rb2"></div>
<div class="rb1"></div>
</div>
<p>Otra forma es como sigue:</p>
<pre class="brush: css;">
&lt;style type=&quot;text/css&quot;&gt;
div#rounded-box2 {background:#d40000;margin:0 auto;padding:0;width:400px;border-radius:7px;-moz-border-radius: 7px; -webkit-border-radius : 7px;}
div#rounded-box2 p {margin:0;padding:10px;color:#fff;}
&lt;/style&gt;
&lt;div id=&quot;rounded-box2&quot;&gt;
&lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam pede. Nulla eu arcu
 sit amet neque ornare scelerisque. Nulla facilisi. Nam nunc lorem, bibendum ut, volutpat
quis, suscipit in, risus. Donec eget elit hendrerit erat commodo aliquam. Nulla lacus tellus,
accumsan vitae, condimentum non, fermentum eu, ligula.&lt;/p&gt;
&lt;/div&gt;
</pre>
<p>Demo:</p>
<style type="text/css">
div#rounded-box2 {background:#d40000;margin:0 auto;padding:0;width:400px;border-radius:7px;-moz-border-radius: 7px; -webkit-border-radius : 7px;}
div#rounded-box2 p {margin:0;padding:10px;color:#fff;}
</style>
<div id="rounded-box2">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam pede. Nulla eu arcu sit amet neque ornare scelerisque. Nulla facilisi. Nam nunc lorem, bibendum ut, volutpat quis, suscipit in, risus. Donec eget elit hendrerit erat commodo aliquam. Nulla lacus tellus, accumsan vitae, condimentum non, fermentum eu, ligula.</p>
</div>
<p>Finalmente les dejo un código css para crear esquinas redondeadas en varios navegadores:</p>
<pre class="brush: css;">
/* Esquinas redondeadas */
border-radius:5px;

/*Descompuesta*/
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius = 10px;
border-bottom-right-radius = 10px; 

/* Esquinas redondeadas en Firefox */
-moz-border-radius: 5px;  

/*Descompuesta*/
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft = 5px;
-moz-border-radius-bottomright = 5px;  

/*Internet Explorer 8 */
-ms-border-radius: 5px;

/*Descompuesta*/
-ms-border-radius-topleft: 5px;
-ms-border-radius-topright: 5px;
-ms-border-radius-bottomleft: 5px;
-ms-border-radius-bottomright: 5px; 

/*Webkit y Safari */
-webkit-border-radius: 5px;

/*Descompuesta*/
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;  

/* Konqueror */
-khtml-border-radius: 5px; 

/*Descompuesta*/
-khtml-border-radius-topleft: 5px;
-khtml-border-radius-topright: 5px;
-khtml-border-radius-bottomleft:5px;
-khtml-border-radius-bottomright:5px;  
</pre>
<p><strong>Fuentes:</strong> <a href="http://www.berriart.com/2009/03/31/esquinas-redondeadas-css-sin-imagenes/">Berriart.com</a> | <a href="http://www.clubdesarrolladores.com/articulos/mostrar/43-esquinas-redondeadas-round-corners-en-todos-los-navegadores">Clubdesarrolladores.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://teofiloisrael.com/2010/07/09/esquinas-redondeadas-css/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Bloomberg reconoce que la Web no es una terminal</title>
		<link>http://teofiloisrael.com/2010/04/20/bloomberg-reconoce-que-la-web-no-es-una-terminal/</link>
		<comments>http://teofiloisrael.com/2010/04/20/bloomberg-reconoce-que-la-web-no-es-una-terminal/#comments</comments>
		<pubDate>Tue, 20 Apr 2010 06:49:30 +0000</pubDate>
		<dc:creator>teo</dc:creator>
				<category><![CDATA[Actualidad]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Bloomberg]]></category>

		<guid isPermaLink="false">http://teofiloisrael.com/?p=331</guid>
		<description><![CDATA[Ya vieron en la captura de pantalla anterior el diseño horrible de Bloomberg (fondo negro y títulos dorados). Al mismo tiempo de ser feo, es incómodo para la vista. Parece ser que alguien les comentó a ellos que la web &#8230; <a href="http://teofiloisrael.com/2010/04/20/bloomberg-reconoce-que-la-web-no-es-una-terminal/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-332 aligncenter" title="bloombergold" src="http://teofiloisrael.com/wp-content/uploads/2010/04/bloombergold.png" alt="Bloomber Gold" width="567" height="691" /></p>
<p>Ya vieron en la captura de pantalla anterior el diseño horrible de Bloomberg (fondo negro y títulos dorados). Al mismo tiempo de ser feo, es incómodo para la vista. Parece ser que alguien les comentó a ellos que la web no debe parecerse a una terminal y están probando un nuevo diseño (vista previa en <a href="http://preview.bloomberg.com/">este enlace</a>).</p>
<p>El nuevo diseño tiene un estilo de blog noticioso. Por fin tiene un fondo blanco y sus colores no molestan tanto como el diseño viejo. También puedes ver una <a href="http://preview.bloomberg.com/tv/">vista previa de la sección de video</a>.</p>
<p><img class="alignnone size-full wp-image-333" title="bloombergnew" src="http://teofiloisrael.com/wp-content/uploads/2010/04/bloombergnew.jpg" alt="Boomberg new" width="565" height="698" /></p>
<p><a href="http://techcrunch.com/2010/04/19/bloomberg-web-not-terminal/">Vía</a></p>
]]></content:encoded>
			<wfw:commentRss>http://teofiloisrael.com/2010/04/20/bloomberg-reconoce-que-la-web-no-es-una-terminal/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Findicons.com – Buscador de más de 300.000 iconos gratuitos</title>
		<link>http://teofiloisrael.com/2010/03/18/findicons-com-%e2%80%93-buscador-de-mas-de-300-000-iconos-gratuitos/</link>
		<comments>http://teofiloisrael.com/2010/03/18/findicons-com-%e2%80%93-buscador-de-mas-de-300-000-iconos-gratuitos/#comments</comments>
		<pubDate>Fri, 19 Mar 2010 03:34:08 +0000</pubDate>
		<dc:creator>teo</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Programación]]></category>
		<category><![CDATA[Iconos]]></category>

		<guid isPermaLink="false">http://teofiloisrael.com/?p=239</guid>
		<description><![CDATA[Qué tan dificil puede ser buscar iconos gratuitos de calidad para utilizarlos en tus softwares y/o diseños web. Findicons.com es un buscador de iconos gratuitos con más de 300.000 iconos en su base de datos. Posee filtros para ayudar a &#8230; <a href="http://teofiloisrael.com/2010/03/18/findicons-com-%e2%80%93-buscador-de-mas-de-300-000-iconos-gratuitos/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-240  aligncenter" title="find-icons" src="http://teofiloisrael.com/wp-content/uploads/2010/03/find-icons.jpg" alt="Find Icons" width="440" height="235" /></p>
<p>Qué tan dificil puede ser buscar iconos gratuitos de calidad para utilizarlos en tus softwares y/o diseños web. <a href="http://findicons.com/">Findicons.com</a> es un  buscador de iconos gratuitos con más de 300.000 iconos en su base de  datos. Posee filtros para ayudar a encontrar exactamente lo que necesitas.</p>
<p><img class="alignnone size-medium wp-image-241" title="find-icons-2" src="http://teofiloisrael.com/wp-content/uploads/2010/03/find-icons-2-450x331.jpg" alt="Find Icons" width="450" height="331" /></p>
<p>Puedes contribuir con su crecimiento enviando tus creaciones o  simplemente utilizalo para navegar y buscar entre los más de 2000 packs.</p>
<p><strong>Enlace:</strong> <a href="http://findicons.com/">Find icons</a></p>
]]></content:encoded>
			<wfw:commentRss>http://teofiloisrael.com/2010/03/18/findicons-com-%e2%80%93-buscador-de-mas-de-300-000-iconos-gratuitos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>60 sitios para descargar tipografías (fuentes) gratis</title>
		<link>http://teofiloisrael.com/2010/03/16/60-sitios-para-descargar-tipografias-fuentes-gratis/</link>
		<comments>http://teofiloisrael.com/2010/03/16/60-sitios-para-descargar-tipografias-fuentes-gratis/#comments</comments>
		<pubDate>Tue, 16 Mar 2010 04:09:56 +0000</pubDate>
		<dc:creator>teo</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Fuentes]]></category>

		<guid isPermaLink="false">http://teofiloisrael.com/?p=244</guid>
		<description><![CDATA[Un gran problema que enfrentan los diseñadores web y gráficos es invertir horas buscano fuentes gratis en internet. Este proceso puede llegar a ser frustrante. Existen cientos de sitios que ofrecen descargar fuentes gratis. En savedelete.com han recopilado una lista &#8230; <a href="http://teofiloisrael.com/2010/03/16/60-sitios-para-descargar-tipografias-fuentes-gratis/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Un gran problema que enfrentan los diseñadores web y gráficos es invertir horas buscano fuentes gratis en internet. Este proceso puede llegar a ser frustrante.</p>
<p>Existen cientos de sitios que ofrecen descargar fuentes gratis. En <a href="http://resources.savedelete.com/60-best-websites-to-download-free-fonts.html">savedelete.com</a> han recopilado una lista de los 60 mejores  websites que ellos consideran que ofrecen las mejores fuentes paera descargar. Todos ellos tienen una veriedad de diferentes tipos de fuente: Retro,  Decorativas, Caligrafía, etc.</p>
<p>Así que, ya no hay que gastar tiempo buscando, sólo comienza a pinchar enlaces y a descargar las que te gusten.</p>
<h3>1) <a href="http://www.dafont.com/" target="_blank">dafont.com</a></h3>
<p><a href="http://www.dafont.com/" target="_blank"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/1-e1268657390956.jpg" alt="Datafont" width="540" height="112" /></a></p>
<h3>2) <a href="http://1001freefonts.com/" target="_blank">1001freefonts.com</a></h3>
<p><a href="http://1001freefonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/2-e1268657507813.jpg" alt="1001 Free Fonts" width="540" height="112" /></a></p>
<h3>3) <a href="http://www.urbanfonts.com/" target="_blank">urbanfonts.com</a></h3>
<p><strong><a href="http://www.urbanfonts.com/" target="_blank"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/31-e1268657744147.jpg" alt="Urban Fonts" width="540" height="117" /></a></strong></p>
<h3>4) <a href="http://www.fontstock.net/" target="_blank">fontstock.net</a></h3>
<p><a href="http://www.fontstock.net/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/4-e1268657047932.jpg" alt="Font Stock" width="540" height="112" /></a></p>
<h3>5) <a href="http://fonts500.com/" target="_blank">fonts500.com</a></h3>
<p><a href="http://www.fonts500.com/" target="_blank"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/51-e1268658506723.jpg" alt="Fonts 500" width="540" height="112" /></a></p>
<h3>6) <a href="http://gmkfreefonts.com/index.php" target="_blank">gmkfreefonts.com</a></h3>
<p><a href="http://gmkfreefonts.com/index.php"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/6-e1268658978608.jpg" alt="gmkfreefonts" width="540" height="112" /></a></p>
<h3>7) <a href="http://www.getfreefonts.info/" target="_blank">getfreefonts.info</a></h3>
<p><a href="http://www.getfreefonts.info/" target="_blank"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/7-e1268659627568.jpg" alt="getfreefonts" width="540" height="113" /></a></p>
<h3>8 ) <a href="http://highfonts.com/" target="_blank">highfonts.com</a></h3>
<p><a href="http://highfonts.com/default.aspx"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/8-e1268659985559.jpg" alt="highfonts" width="540" height="112" /></a></p>
<h3>9) <a href="http://www.fontex.org/" target="_blank">fontex.org</a></h3>
<h3><a href="http://www.fontex.org/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/9-e1268660609826.jpg" alt="fontex.org" width="540" height="112" /></a></h3>
<h3>10) <a href="http://www.freepremiumfonts.com/" target="_blank">freepremiumfonts.com</a></h3>
<h3><a href="http://www.freepremiumfonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/10-e1268661098489.jpg" alt="free premium fonts" width="540" height="108" /></a></h3>
<h3>11) <a href="http://www.fridayfonts.com/" target="_blank">fridaysfonts.com</a></h3>
<p><a href="http://fridayfonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/11-e1268661316758.jpg" alt="fridays fonts" width="540" height="112" /></a></p>
<h3>12) <a href="http://www.searchfreefonts.com/" target="_blank">searchfreefonts.com</a></h3>
<p><a href="http://www.searchfreefonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/121-e1268662041768.jpg" alt="search free fonts" width="540" height="112" /></a></p>
<h3>13) <a href="http://pimpmyfonts.com/index.html" target="_blank">pimpmyfonts.com</a></h3>
<p><a href="http://pimpmyfonts.com/index.html"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/13-e1268662584997.jpg" alt="pimpmyfonts" width="540" height="108" /></a></p>
<h3>14) <a href="http://simplythebest.net/fonts/" target="_blank">simplythebest.net</a></h3>
<p><a href="http://simplythebest.net/fonts/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/14-e1268663075633.jpg" alt="Simply the best" width="540" height="112" /></a></p>
<h3>15) <a href="http://fawnt.com/" target="_blank">fawnt.com</a></h3>
<p><a href="http://fawnt.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/15-e1268665485927.jpg" alt="Fawnt" width="540" height="112" /></a></p>
<h3>16) <a href="http://www.fontcubes.com/" target="_blank">fontcubes.com</a></h3>
<p><a href="http://www.fontcubes.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/16-e1268666080415.jpg" alt="Font Cube" width="540" height="112" /></a></p>
<h3>17) <a href="http://typenow.net/" target="_blank">typenow.net</a></h3>
<p><a href="http://typenow.net/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/17-e1268666639481.jpg" alt="Type Now" width="540" height="112" /></a></p>
<h3>18) <a href="http://www.thfonts.com/" target="_blank">Tree House Fonts</a></h3>
<p><a href="http://www.thfonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/18-e1268667074423.jpg" alt="THFonts" width="540" height="113" /></a></p>
<h3>19) <a href="http://www.abstractfonts.com/" target="_blank">abstractfonts.com</a></h3>
<p><a href="http://www.abstractfonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/19-e1268667617191.jpg" alt="Abstract Fonts" width="540" height="112" /></a></p>
<h3>20) <a href="http://freemacfonts.com/" target="_blank">freemacfonts.com</a></h3>
<p><a href="http://freemacfonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/20-e1268667856974.jpg" alt="Free Mac Fonts" width="540" height="113" /></a></p>
<h3>21) <a href="http://www.dailyfreefonts.com/" target="_blank">dailyfreefonts.com</a></h3>
<h3><a href="http://www.dailyfreefonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/21-e1268668491245.jpg" alt="Daily free fonts" width="540" height="113" /></a></h3>
<h3>22) <a href="http://fonts101.com/default.aspx" target="_blank">fonts101.com</a></h3>
<p><a href="http://fonts101.com/default.aspx"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/22-e1268668755984.jpg" alt="Fonts 101" width="540" height="112" /></a></p>
<h3>23) <a href="http://pickfonts.com/" target="_blank">pickfonts.com</a></h3>
<p><a href="http://pickfonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/23-e1268670461452.jpg" alt="Pick Fonts" width="540" height="112" /></a></p>
<h3>24) <a href="http://graffitifonts.net/" target="_blank">graffitifonts.com</a></h3>
<p><a href="http://graffitifonts.net/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/24-e1268670755470.jpg" alt="Graffiti fonts" width="540" height="113" /></a></p>
<h3>25) <a href="http://www.fontsquirrel.com/" target="_blank">fontsquirrel.com</a></h3>
<p><a href="http://www.fontsquirrel.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/25-e1268671197445.jpg" alt="Font squirrel" width="540" height="112" /></a></p>
<h3>26) <a href="http://www.fontpost.com/" target="_blank">fontpost.com</a></h3>
<p><a href="http://www.fontpost.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/26-e1268671465506.jpg" alt="Font Spot" width="540" height="112" /></a></p>
<h3>27) <a href="http://www.acidfonts.com/" target="_blank">acidfonts.com</a></h3>
<p><a href="http://www.acidfonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/27-e1268671860717.jpg" alt="Acid Fonts" width="538" height="113" /></a></p>
<h3>28) <a href="http://whofonted.orchestrareal.com/index.html" target="_blank">whofonted.com</a></h3>
<p><a href="http://whofonted.orchestrareal.com/index.html"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/28-e1268672103877.jpg" alt="Who fonted" width="540" height="112" /></a></p>
<h3>29) <a href="http://www.fontgarden.com/" target="_blank">fontgarden.com</a></h3>
<p><a href="http://www.fontgarden.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/29-e1268673095629.jpg" alt="Fontgarden" width="540" height="106" /></a></p>
<h3>30) <a href="http://eknp.com/" target="_blank">eknp.com</a></h3>
<p><a href="http://eknp.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/30-e1268673290191.jpg" alt="eknp" width="540" height="112" /></a></p>
<h3>31) <a href="http://www.fontspace.com/" target="_blank">fontspace.com</a></h3>
<p><a href="http://www.fontspace.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/311-e1268673562808.jpg" alt="Fontspace" width="540" height="121" /></a></p>
<h3>32) <a href="http://fontstruct.fontshop.com/" target="_blank">fontstruct.com</a></h3>
<p><a href="http://fontstruct.fontshop.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/32-e1268674897516.jpg" alt="Fontstruct" width="540" height="112" /></a></p>
<h3>33) <a href="http://wonderfonts.com/" target="_blank">wonderfonts.com</a></h3>
<p><a href="http://wonderfonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/33-e1268675446928.jpg" alt="Wonderfonts" width="540" height="112" /></a></p>
<h3>34) <a href="http://a-zfonts.com/" target="_blank">a-zfonts.com</a></h3>
<p><a href="http://a-zfonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/34-e1268676208764.jpg" alt="A-Z fonts" width="540" height="112" /></a></p>
<h3>35) <a href="http://www.fontation.com/" target="_blank">fontation.com</a></h3>
<p><a href="http://www.fontation.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/35-e1268676489913.jpg" alt="Fontation" width="540" height="112" /></a></p>
<h3>36) <a href="http://www.fontcenter.com/" target="_blank">fontcenter.com</a></h3>
<p><a href="http://www.fontcenter.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/36-e1268676908796.jpg" alt="Font Center" width="538" height="112" /></a></p>
<h3>37) <a href="http://www.fontarchive.com/" target="_blank">fontarchive.com</a></h3>
<p><a href="http://www.fontarchive.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/37-e1268677640842.jpg" alt="Font archive" width="540" height="114" /></a></p>
<h3>38) <a href="http://onlyfreefonts.com/" target="_blank">onlyfreefonts.com</a></h3>
<h3><a href="http://onlyfreefonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/39-e1268679103283.jpg" alt="Only free fonts" width="540" height="112" /></a></h3>
<h3>40) <a href="http://fontutopia.com/" target="_blank">fontutopia.com</a></h3>
<p><a href="http://fontutopia.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/40-e1268679771679.jpg" alt="Fontutopia" width="540" height="106" /></a></p>
<h3>41) <a href="http://www.fonts2u.com/index.html" target="_blank">fonts2u.com</a></h3>
<p><a href="http://www.fonts2u.com/index.html"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/411-e1268680096730.jpg" alt="Fonts2u" width="540" height="112" /></a></p>
<h3>42) <a href="http://betterfonts.com/" target="_blank">betterfonts.com</a></h3>
<p><a href="http://betterfonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/42-e1268680362367.jpg" alt="Butterfonts" width="540" height="113" /></a></p>
<h3>43) <a href="http://www.creamundo.com/" target="_blank">creamundo.com</a></h3>
<p><a href="http://www.creamundo.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/43-e1268680959938.jpg" alt="Creamundo" width="540" height="113" /></a></p>
<h3>44) <a href="http://www.moorstation.org/typoasis/designers/gemnew/home.htm?intro.htm%7EmainFrame" target="_blank">Gem Fonts</a></h3>
<p><a href="http://www.moorstation.org/typoasis/designers/gemnew/home.htm?intro.htm%7EmainFrame"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/44-e1268681303622.jpg" alt="Gem Fonts" width="540" height="112" /></a></p>
<h3>45) <a href="http://www.showfont.net/" target="_blank">showfont.net</a></h3>
<p><a href="http://showfont.net/" target="_blank"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/45-e1268681553441.jpg" alt="Show Font" width="540" height="109" /></a></p>
<h3>46) <a href="http://moorstation.org/fontennium/fontennium.htm" target="_blank">Fontennium</a></h3>
<p><a href="http://moorstation.org/fontennium/fontennium.htm"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/46-e1268681716432.jpg" alt="Fontennium" width="538" height="141" /></a></p>
<h3>47) <a href="http://www.007fonts.com/" target="_blank">007fonts.com</a></h3>
<h3><a href="http://www.007fonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/47-e1268682539734.jpg" alt="007fonts" width="540" height="118" /></a></h3>
<h3>48) <a href="http://www.ele-fonts.com/" target="_blank">ele-fonts.com</a></h3>
<p><a href="http://www.ele-fonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/48-e1268682745995.jpg" alt="Elefonts" width="540" height="113" /></a></p>
<h3>49) <a href="http://www.fontmaniac.com/" target="_blank">fontmaniac.com</a></h3>
<p><a href="http://www.fontmaniac.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/49-e1268683370142.jpg" alt="Font Maniac" width="540" height="120" /></a></p>
<h3>50) <a href="http://webfxmall.com/fonts/" target="_blank">webfxmall.com</a></h3>
<p><a href="http://webfxmall.com/fonts/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/503-e1268684422734.jpg" alt="Webfxsmall" width="540" height="157" /></a></p>
<h3>51) <a href="http://www.actionfonts.com/" target="_blank">actionfonts.com</a></h3>
<p><a href="http://www.actionfonts.com/" target="_blank"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/511-e1268685374235.jpg" alt="Action Fonts" width="540" height="113" /></a></p>
<h3>52) <a href="http://www.discoverfonts.com/" target="_blank">discoverfonts.com</a></h3>
<p><a href="http://www.discoverfonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/52-e1268685759628.jpg" alt="Discover Fonts" width="540" height="112" /></a></p>
<h3>53)<a href="http://neatfonts.com/" target="_blank"> neatfonts.com</a></h3>
<p><a href="http://neatfonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/53-e1268687831724.jpg" alt="Neat Fonts" width="540" height="112" /></a></p>
<h3>54) <a href="http://www.ddfont.com/" target="_blank">ddfont.com</a></h3>
<p><a href="http://www.ddfont.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/54-e1268688263407.jpg" alt="DDFont" width="540" height="124" /></a></p>
<h3>55) <a href="http://www.fontreactor.com/" target="_blank">fontreactor.com</a></h3>
<h3><a href="http://www.fontreactor.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/55-e1268688991968.jpg" alt="Font Reactor" width="538" height="118" /></a></h3>
<h3>56) <a href="http://www.webtoolhub.com/tn561379-fonts-collection.aspx" target="_blank">webtoolhub.com</a></h3>
<p><a href="http://www.webtoolhub.com/tn561379-fonts-collechttp://www.webtoolhub.com/tn561379-fonts-collection.aspx?prefix=$tion.aspx?prefix=K"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/56-e1268689205353.jpg" alt="Webtoolhub" width="540" height="117" /></a></p>
<h3>57) <a href="http://www.unlimitedfreefonts.com/" target="_blank">unlimitedfreefonts.com</a></h3>
<p><a href="http://www.unlimitedfreefonts.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/57-e1268689479677.jpg" alt="Unlimited Free Fonts" width="538" height="116" /></a></p>
<h3>58) <a href="http://www.iconian.com/" target="_blank">iconianfonts.com</a></h3>
<p><a href="http://www.iconian.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/58-e1268689986195.jpg" alt="Iconian" width="538" height="112" /></a></p>
<h3>59) <a href="http://www.fontsy.com/" target="_blank">fontsy.com</a></h3>
<p><a href="http://www.fontsy.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/59-e1268690294388.jpg" alt="Fontsy" width="540" height="128" /></a></p>
<h3>60) <a href="http://www.fontarea.com/" target="_blank">fontarea.com</a></h3>
<p><a href="http://www.fontarea.com/"><img src="http://resources.savedelete.com/wp-content/uploads/2010/03/601-e1268690827874.jpg" alt="Font Area" width="540" height="113" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://teofiloisrael.com/2010/03/16/60-sitios-para-descargar-tipografias-fuentes-gratis/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Una mejor solución al problema de las transparencias de imágenes PNG en IE6</title>
		<link>http://teofiloisrael.com/2009/08/30/una-mejor-solucion-al-problema-de-las-transparencias-de-imagenes-png-en-ie6/</link>
		<comments>http://teofiloisrael.com/2009/08/30/una-mejor-solucion-al-problema-de-las-transparencias-de-imagenes-png-en-ie6/#comments</comments>
		<pubDate>Sun, 30 Aug 2009 18:02:21 +0000</pubDate>
		<dc:creator>teo</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Java Script]]></category>

		<guid isPermaLink="false">http://teofiloisrael.com/?p=85</guid>
		<description><![CDATA[Ya les había presentado una solución pare el problema de las transparencias en Internet Explorer 6, pero esta solución tenía de por sí otros problemas, como por ejemplo, las imágenes pequeñas se estiraban. Pues investigando en la red di con este sitio, donde &#8230; <a href="http://teofiloisrael.com/2009/08/30/una-mejor-solucion-al-problema-de-las-transparencias-de-imagenes-png-en-ie6/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://teofiloisrael.com/wp-content/uploads/2009/08/png-fix-test-image-.PNG"><img title="png-fix-test-image-" src="http://teofiloisrael.com/wp-content/uploads/2009/08/png-fix-test-image-.PNG" alt="png-fix-test-image-" width="279" height="233" align="right" /></a>Ya les había presentado una solución pare el <a href="http://teofiloisrael.com/2009/08/20/solucionar-problemas-con-imagenes-png-en-internet-explorer-6/">problema de las transparencias en Internet Explorer 6</a>, pero esta solución tenía de por sí otros problemas, como por ejemplo, las imágenes pequeñas se estiraban. Pues investigando en la red di con este <a href="http://www.dillerdesign.com/experiment/DD_belatedPNG/">sitio</a>, donde descargué y probé la solución que tienen ahí y los resultados fueron mucho mejores que la solución anterior.</p>
<p>Para implementar esta solución, descarga la versión más reciente del javascript DD_belatedPNG.js y súbelo a tu tema. Luego, incluye el siguiente código en el header de tu tema:</p>
<pre class="brush: javascript;">&lt;!--[if IE 6]&gt;
&lt;script src="DD_belatedPNG.js"&gt;&lt;/script&gt;
&lt;script&gt;
  /* EXAMPLE */
  DD_belatedPNG.fix('.png_bg');
  
  /* string argument can be any CSS selector */
  /* .png_bg example is unnecessary */
  /* change it to what suits you! */
&lt;/script&gt;
&lt;![endif]--&gt;</pre>
<p>Reemplaza .png_bg por el selector CSS que deseas corregir. Este podría ser <code>img</code>. Disfruta!.</p>
]]></content:encoded>
			<wfw:commentRss>http://teofiloisrael.com/2009/08/30/una-mejor-solucion-al-problema-de-las-transparencias-de-imagenes-png-en-ie6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Solucionar problemas con imágenes PNG en Internet Explorer 6</title>
		<link>http://teofiloisrael.com/2009/08/20/solucionar-problemas-con-imagenes-png-en-internet-explorer-6/</link>
		<comments>http://teofiloisrael.com/2009/08/20/solucionar-problemas-con-imagenes-png-en-internet-explorer-6/#comments</comments>
		<pubDate>Thu, 20 Aug 2009 16:29:33 +0000</pubDate>
		<dc:creator>teo</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Java Script]]></category>

		<guid isPermaLink="false">http://teofiloisrael.com/?p=22</guid>
		<description><![CDATA[Los diseñadores Web tienen un reto llamado Internet Explorer 6. La mayoría de los diseños funcionan bien en Firefox, Chrome, Safari y versiones superiores a IE6, pero no en IE6 y todavía hoy en día muchos usuarios utilizan Internet Explorer &#8230; <a href="http://teofiloisrael.com/2009/08/20/solucionar-problemas-con-imagenes-png-en-internet-explorer-6/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://teofiloisrael.com/wp-content/uploads/2009/08/problema-png.png"><img title="problema-png" src="http://teofiloisrael.com/wp-content/uploads/2009/08/problema-png.png" alt="problema-png" width="159" height="159" align="right" /></a>Los diseñadores Web tienen un reto llamado Internet Explorer 6. La mayoría de los diseños funcionan bien en Firefox, Chrome, Safari y versiones superiores a IE6, pero no en IE6 y todavía hoy en día muchos usuarios utilizan Internet Explorer 6. Esto quiere decir que para que tu diseño se vea bien en la mayor parte de los navegadores posible, tienes que resolver problemas que pueden aparecer en Internet Explorer 6.</p>
<p>Uno de estos errores (me pasó a mi) es que el navegador carga en pantalla las imágenes pero al mismo tiempo muestra la descripción alterna de la imagen y el molesto cuadro con la &#8220;x&#8221; como símbolo de que la imagen no cargó. El otro problema más común que les pasa a todos es que las transparencias de imágenes en formato PNG se muestran con color. Para resolver estos problemas existen varios java scripts en la red. Yo encontré uno en <a href="http://xyberneticos.com/index.php/2007/06/08/solucionar-las-transparencias-de-imagenes-png-en-internet-explorer/">xiberneticos.com</a> y me funcionó. Sólo tienes que descargar <a href="http://teofiloisrael.com/wp-content/uploads/2009/08/pngfix.zip">descargar este java script</a>, suirlo a tu servidor y copiar el siguiente código entre las etiquetas &lt;head&gt;&lt;/head&gt;:</p>
<pre class="brush: html;">&lt;!--[if lt IE 6.]&gt;
&lt;script defer type="text/javascript" src="pngfix.js"&gt;&lt;/script&gt;
&lt;![endif]--&gt;</pre>
<p><a href="http://xyberneticos.com/index.php/2007/06/08/solucionar-las-transparencias-de-imagenes-png-en-internet-explorer/">Vía</a></p>
]]></content:encoded>
			<wfw:commentRss>http://teofiloisrael.com/2009/08/20/solucionar-problemas-con-imagenes-png-en-internet-explorer-6/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

