<?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>Summarg &#187; animacion</title>
	<atom:link href="http://www.summarg.com/tag/animacion/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.summarg.com</link>
	<description>Comunidad Online de Informática, Tecnología y Negocios.</description>
	<lastBuildDate>Sat, 04 Sep 2010 21:08:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Page Peel, Page Curl o esquinas que se despegan para WordPress</title>
		<link>http://www.summarg.com/2009/page-peel-page-curl-o-esquinas-que-se-despegan-para-wordpress/</link>
		<comments>http://www.summarg.com/2009/page-peel-page-curl-o-esquinas-que-se-despegan-para-wordpress/#comments</comments>
		<pubDate>Thu, 05 Nov 2009 22:41:51 +0000</pubDate>
		<dc:creator>Nekko</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[ads]]></category>
		<category><![CDATA[animacion]]></category>
		<category><![CDATA[corner]]></category>
		<category><![CDATA[page curl]]></category>
		<category><![CDATA[page peel]]></category>
		<category><![CDATA[publicidad]]></category>

		<guid isPermaLink="false">http://www.summarg.com/?p=1430</guid>
		<description><![CDATA[Estaba buscando algo que llame la atención sutilmente en un sitio WP y recordé este recurso que está presente en varios sitios desde hace algún tiempo. Las esquinas que se &#8220;despegan&#8221; cuando pasamos el puntero del mouse por encima para revelarnos una imagen de mayor tamaño y un link. Tenemos tres plugins para usar con [...]]]></description>
			<content:encoded><![CDATA[<p>Estaba buscando algo que llame la atención sutilmente en un sitio WP y recordé este recurso que está presente en varios sitios desde hace algún tiempo. Las esquinas que se &#8220;despegan&#8221; cuando pasamos el puntero del mouse por encima para revelarnos una imagen de mayor tamaño y un <em>link</em>. Tenemos tres <em>plugins</em> para usar con cualquier<em> theme</em> de <em>WordPress</em>.</p>
<h2>Page Cornr</h2>
<p><a class="thickbox" title="page-corner" rel="same-post-1430" href="http://www.summarg.com/wp-content/uploads/2009/11/page-corner1.png"><img class="alignleft size-medium wp-image-1432" title="page-corner" src="http://www.summarg.com/wp-content/uploads/2009/11/page-corner1-300x300.png" alt="" width="175" height="175" /></a>Al pasar el puntero del mouse sobre nuestra esquina, se despliega una imagen de 300x300px, con un efecto realizado en<em> jQuery</em>.</p>
<p>Para su instalación descargamos el <em>plugin</em> desde <a href="http://wordpress.org/extend/plugins/page-cornr/" target="_blank">Page Cornr WordPress.org</a>, subimos el contenido del <em>zip</em> a nuestra carpeta <code>wp-content/plugins</code> y lo activamos desde el panel de administrador &gt; plugins. Automáticamente aparecerá en &#8220;Opciones&#8221; la sección <strong>Page Cornr Options, </strong>desde donde modificaremos la URL a la que nos dirige al clickear dentro de nuestra imagen de la esquina.</p>
<p>En la carpeta del <em>plugin</em> veremos las imagenes que debemos reemplazar para que muestre lo que necesitamos.</p>
<h2>Page Peel</h2>
<p><a class="thickbox" title="page-peel" rel="same-post-1430" href="http://www.summarg.com/wp-content/uploads/2009/11/page-peel.png"><img class="alignleft size-medium wp-image-1433" title="page-peel" src="http://www.summarg.com/wp-content/uploads/2009/11/page-peel-237x300.png" alt="" width="125" height="145" /></a>Este<em> Page Peel</em> funciona con <em>Flash</em>, y realmente logra una animación muy bonita.</p>
<p>Podemos descargar el <em>plugin</em> desde <a href="http://wordpress.org/extend/plugins/page-peel/" target="_blank">Page Peel WordPress.org</a> y subir el contenido del<em> zip</em> a <code>wp-content/plugins</code>, lo activamos desde el Tablero de <em>WordPress</em> y veremos cómo se añade a &#8220;Opciones&#8221; nuestra sección de <em>Page Peel </em>para configurar la URL a mostrar.</p>
<p>Las imágenes a reemplazar están dentro de la carpeta del <em>plugin</em>. Funciona con todos los navegadores. Sí, con IE8 también ¡Aleluya!</p>
<h2>Page Peel BujanQWorkS</h2>
<p><a class="thickbox" title="page-peel-rusoo" rel="same-post-1430" href="http://www.summarg.com/wp-content/uploads/2009/11/page-peel-rusoo.jpg"><img class="alignleft size-full wp-image-1435" title="page-peel-rusoo" src="http://www.summarg.com/wp-content/uploads/2009/11/page-peel-rusoo.jpg" alt="" width="300" height="164" /></a>Finalmente este <em>Page Peel</em> lo podemos descargar desde <a href="http://wordpress.org/extend/plugins/page-peel-bujanqworks/" target="_blank">este link</a>, y su instalación es igual a los dos anteriores nombrados.</p>
<p>La animación está bien lograda y lo único que lamento de estos tres <em>plugins</em> es que ningún autor dejó un <em>link </em>a un demo para que ustedes puedan ver exactamente el efecto que quieren.</p>
<p>La esquina animada, reacciona al pasar con el puntero sobre la misma (<em>hover</em>) momento en que despliega la imagen más grande y permite que al hacer un click nos dirija a la URL deseada.</p>


<p>Articulos relacionados:<ol><li><a href='http://www.summarg.com/2009/theme-y-plugin-para-el-sitio-de-arcades-con-wordpress/' rel='bookmark' title='Permanent Link: Theme y Plugin para el Sitio de Arcades con WordPress'>Theme y Plugin para el Sitio de Arcades con WordPress</a></li>
<li><a href='http://www.summarg.com/2008/copos-de-nieve-para-un-wordpress-navideno-2/' rel='bookmark' title='Permanent Link: Copos de Nieve para un WordPress Navideño'>Copos de Nieve para un WordPress Navideño</a></li>
<li><a href='http://www.summarg.com/2009/menu-deplegable-niveles/' rel='bookmark' title='Permanent Link: Menu desplegable para WordPress'>Menu desplegable para WordPress</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.summarg.com/2009/page-peel-page-curl-o-esquinas-que-se-despegan-para-wordpress/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
