<?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>Diseño web &#187; estilos</title>
	<atom:link href="http://www.e-sort.net/blog/index.php/tag/estilos/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.e-sort.net/blog</link>
	<description>Blog de Diseño Web de la empresa e-SORT</description>
	<lastBuildDate>Fri, 03 Feb 2012 11:46:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Cómo cambiar el diseño del cursor de tu web con estilos</title>
		<link>http://www.e-sort.net/blog/index.php/2010/05/30/como-cambiar-el-diseno-del-cursor-de-tu-web-con-estilos/</link>
		<comments>http://www.e-sort.net/blog/index.php/2010/05/30/como-cambiar-el-diseno-del-cursor-de-tu-web-con-estilos/#comments</comments>
		<pubDate>Sun, 30 May 2010 12:44:23 +0000</pubDate>
		<dc:creator>Ignacio Parres</dc:creator>
				<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[HTML / CSS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[cursor]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[estilos]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.e-sort.net/blog/?p=440</guid>
		<description><![CDATA[PON TU CURSOR SOBRE ESTE TEXTO PARA VER COMO CAMBIA EL DISEÑO Si aplicáis este estilo del ejemplo, podréis modificar el cursor de vuestra web. Aquí va el código: style=&#8221;cursor:url(http://www.content-sort.com/imagenes/cursor-fuego.cur);&#8221; Esto sólo funciona con Internet Explorer y otros pocos navegadores web. Estamos abiertos a vuestras sugerencias al respecto.]]></description>
			<content:encoded><![CDATA[<div style="cursor: url(http://www.content-sort.com/imagenes/cursor-fuego.cur);">
<p><strong><span style="color: #0000ff;">PON TU CURSOR SOBRE ESTE TEXTO PARA VER COMO CAMBIA EL DISEÑO</span></strong></p>
<p>Si aplicáis este estilo del ejemplo, podréis modificar el cursor de vuestra web. Aquí va el código:<br />
<strong><span style="color: #339966;">style=&#8221;cursor:url(http://www.content-sort.com/imagenes/cursor-fuego.cur);&#8221;</span></strong></p>
<p><strong><span style="color: #0000ff;">Esto sólo funciona con <span style="text-decoration: underline;">Internet Explorer</span></span></strong> y otros pocos navegadores web.<br />
Estamos abiertos a vuestras sugerencias al respecto.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.e-sort.net/blog/index.php/2010/05/30/como-cambiar-el-diseno-del-cursor-de-tu-web-con-estilos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cómo usar estilos CSS en correos electrónicos (email) con HTML</title>
		<link>http://www.e-sort.net/blog/index.php/2010/05/26/como-maquetar-un-correo-electronico-email-con-htmlcss/</link>
		<comments>http://www.e-sort.net/blog/index.php/2010/05/26/como-maquetar-un-correo-electronico-email-con-htmlcss/#comments</comments>
		<pubDate>Wed, 26 May 2010 10:54:49 +0000</pubDate>
		<dc:creator>Ignacio Parres</dc:creator>
				<category><![CDATA[Correo electrónico]]></category>
		<category><![CDATA[Desarrollo web]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[HTML / CSS]]></category>
		<category><![CDATA[Marketing Internet]]></category>
		<category><![CDATA[correos electrónicos]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[estilos]]></category>
		<category><![CDATA[formato]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[maquetar]]></category>

		<guid isPermaLink="false">http://www.e-sort.net/blog/?p=419</guid>
		<description><![CDATA[¿Habéis intentado alguna vez maquetar y dar formato a un correo electrónico con HTML+hoja de estilos CSS? Entonces habréis sufrido las inclemencias de los clientes de correo, ya que no soportan las hojas de estilos externas; la solución es utilizar estilos CSS dentro de las etiquetas (inline). Incluso algunos clientes de correo (por ejemplo, Lotus [...]]]></description>
			<content:encoded><![CDATA[<p>¿Habéis intentado alguna vez maquetar y dar formato a un correo electrónico con HTML+hoja de estilos CSS?<a href="http://www.e-sort.net/blog/wp-content/uploads/2010/05/arroba.jpg"><img class="alignright size-full wp-image-422" title="arroba" src="http://www.e-sort.net/blog/wp-content/uploads/2010/05/arroba.jpg" alt="Email / correo electrónico" width="114" height="103" /></a><br />
Entonces habréis sufrido las inclemencias de los clientes de correo, ya que no soportan las hojas de estilos externas; la solución es utilizar estilos CSS dentro de las etiquetas (inline).<br />
Incluso algunos clientes de correo (por ejemplo, Lotus Notes) no son compatibles con XHTML.<br />
Alguna otra perla: Outlook 2007 no admite imágenes de fondo.<br />
A continuación vamos a ennumerar una serie de <strong>Recomendaciones para maquetar emails con HTML+CSS</strong>:</p>
<div style="float: left; width: 100%; padding-left: 110px; background-repeat: no-repeat; background-image: url(http://www.e-sort.net/blog/wp-content/uploads/2010/05/CSS.jpg);" title="Estilos CSS">
<ul>
<li> Usar HTML 3.2</li>
<li> Body compuesto por un único DIV</li>
<li> Ancho máximo 600 píxeles. Para los smartphones, 320px.</li>
<li> Utilizar tablas para maquetar</li>
<li> Anchos (width) en las celdas; no aplicar ancho a la tabla.</li>
<li> No utilizar porcentajes</li>
<li> No utilizar imágenes de fondo</li>
<li> Estilos dentro de las etiquetas</li>
</ul>
</div>
<p>Por supuesto, es importante que completemos este artículo entre todos con vuestras experiencias y los clientes de correo más importantes del mercado. Todas vuestras sugerencias y recomendaciones a través de los comentarios las probaremos y si son buenas las añadiremos al artículo.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.e-sort.net/blog/index.php/2010/05/26/como-maquetar-un-correo-electronico-email-con-htmlcss/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

