<?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>Linux, Java y programación &#187; previsualizar</title>
	<atom:link href="http://casidiablo.net/tag/previsualizar/feed/" rel="self" type="application/rss+xml" />
	<link>http://casidiablo.net</link>
	<description>Blog de Java, Programación y Linux</description>
	<lastBuildDate>Fri, 11 Nov 2011 05:41:21 +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>Previsualiza tus entradas mientras las escribes [truco wordpress]</title>
		<link>http://casidiablo.net/wordpress-previsualizar-post-mientras-se-escribe/</link>
		<comments>http://casidiablo.net/wordpress-previsualizar-post-mientras-se-escribe/#comments</comments>
		<pubDate>Thu, 11 Sep 2008 18:38:00 +0000</pubDate>
		<dc:creator>Cristian</dc:creator>
				<category><![CDATA[tips]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[entradas]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[previsualizar]]></category>
		<category><![CDATA[truco]]></category>

		<guid isPermaLink="false">http://casidiablo.net/?p=1556</guid>
		<description><![CDATA[Esto es un hack bastante simple que he hecho para poder previsualizar las entradas mientras escribo, y lo pongo aquí porque tal vez a alguien le sirva. La idea se me vino a la mente puesto que soy un fanático del CSS, y de resaltar las partes importantes de mis entradas con recuadros, colores e [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_blue" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fcasidiablo.net%252Fwordpress-previsualizar-post-mientras-se-escribe%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Previsualiza%20tus%20entradas%20mientras%20las%20escribes%20%5Btruco%20wordpress%5D%22%20%7D);"></div>
<p>Esto es un hack bastante simple que he hecho para poder previsualizar las entradas mientras escribo, y lo pongo aquí porque tal vez a alguien le sirva. La idea se me vino a la mente puesto que soy un fanático del CSS, y de resaltar las partes importantes de mis entradas con recuadros, colores e imagenes. Por ejemplo, para las notas uso una clase llamada &#8220;nota&#8221;, con lo cual se ve así:</p>
<p class="nota">Hola esto es una nota de prueba. Y se ve de lujo. Hola esto es una nota de prueba. Y se ve de lujo. Hola esto es una nota de prueba. Y se ve de lujo. Hola esto es una nota de prueba. Y se ve de lujo.</p>
<p class="consola">Y esto es un comando<br />
para la consola<br />
y se ve muy chulo</p>
<p>Entonces pensé que sería bueno poder ver cuál sería el resultado visual de la entrada mientras la escribía, <strong>sin tener que estar abriendo una nueva pestaña para previsualizarla</strong>. Y lo único que tuve que hace fue añadir el contenido de mi CSS al archivo <em>wordpress.css</em>, que se encuentra en <strong>wp-includes/js/tinymce</strong>. Y listo, verás algo como:</p>
<p style="text-align: center;"><img title="visualizar-css-en-tiempo-de-ejecucion" src="http://casidiablo.net/wordpress/wp-content/uploads/2008/09/visualizar-css-en-tiempo-de-ejecucion.png" alt="css visualizar wordpress" /></p>
<p>Ten en cuenta que si tu CSS hace referencias a imágenes en ésta manera, por ejemplo: <em>background:url(images/rss_icono.jpg) no-repeat left;</em> debes poner la URL completa de la imagen: <em>background:url(<strong>http://tupagina.com/wp-content/themes/tema</strong>/images/rss_icono.jpg) no-repeat left;</em>.</p>

]]></content:encoded>
			<wfw:commentRss>http://casidiablo.net/wordpress-previsualizar-post-mientras-se-escribe/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

