<?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>Códigos QR &#187; Programación</title>
	<atom:link href="http://www.codigos-qr.com/category/programacion/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.codigos-qr.com</link>
	<description>Información sobre Códigos QR, Lectores y Generadores QR Codes</description>
	<lastBuildDate>Thu, 02 May 2013 07:49:25 +0000</lastBuildDate>
	<language>es-ES</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.2</generator>
		<item>
		<title>QR Tooltips for jQuery. Añade tooltips con códigos QR a tus links</title>
		<link>http://www.codigos-qr.com/2011/12/03/qr-tooltips-for-jquery/</link>
		<comments>http://www.codigos-qr.com/2011/12/03/qr-tooltips-for-jquery/#comments</comments>
		<pubDate>Sat, 03 Dec 2011 12:21:39 +0000</pubDate>
		<dc:creator>CODIGO QR</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[añadir qr codes en tooltips]]></category>
		<category><![CDATA[codigos QR con jquery]]></category>

		<guid isPermaLink="false">http://www.codigos-qr.com/?p=347</guid>
		<description><![CDATA[QR Tooltips for jQuery es un sencillo script basado en jQuery desrrollado  permite añadir a los enlaces un pequeño popup que muestra el código QR correspondiente ]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="background-color:#F0F4F9;">
			<div style="float:left; width:120px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.codigos-qr.com%2F2011%2F12%2F03%2Fqr-tooltips-for-jquery%2F&amp;layout=button_count&amp;show_faces=false&amp;width=120&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:120px; height:21px;"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.codigos-qr.com/2011/12/03/qr-tooltips-for-jquery/"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.codigos-qr.com/2011/12/03/qr-tooltips-for-jquery/"  data-text="QR Tooltips for jQuery. Añade tooltips con códigos QR a tus links" data-count="horizontal"></a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://www.codigos-qr.com/2011/12/03/qr-tooltips-for-jquery/" data-counter="right"></script></div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><a href="http://pinterest.com/pin/create/button/?url=http://www.codigos-qr.com/2011/12/03/qr-tooltips-for-jquery/&media=http://www.codigos-qr.com/wp-content/uploads/2011/12/qr-jquery-tooltips.jpg" class="pin-it-button" count-layout="horizontal"></a></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p><strong>QR Tooltips for jQuery</strong> es un sencillo script basado en jQuery desrrollado por  <a href="http://kovshenin.com/">Konstantin Kovshenin</a> que te permite añadir a los enlaces un pequeño popup que muestra el código QR correspondiente al enlace señalado tal y como se muestra en la imagen siguiente.</p>
<p><a href="http://www.codigos-qr.com/wp-content/uploads/2011/12/qr-jquery-tooltips.jpg"><img class="alignnone size-full wp-image-350" title="qr-jquery-tooltips" src="http://www.codigos-qr.com/wp-content/uploads/2011/12/qr-jquery-tooltips.jpg" alt="Añadir Qr Code en links con jquery" width="600" height="285" /></a></p>
<p><a href="http://kovshenin.com/public/qrtip/example.html" target="_blank">Ver demo</a></p>
<h2>Instrucciones de Uso</h2>
<p>QR Tooltips sólo requiere incluir los ficheros javascript necesarios y el archivo css que permitirá visualizar la burbuja emergente. Puedes descargar el fichero zip que contiene los archivos desde este enlace: <a href="http://goo.gl/JHWe3" target="_blank"> Descargar Archivo Zip</a></p>
<p>Luego añadir estas líneas de código en la seccion head de la página:</p>
<pre class="wp-code-highlight prettyprint">&lt;script type=&quot;text/javascript&quot; src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;qrtip-1.0-jquery.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
 jQuery(document).ready(function() 
    {
        jQuery('a').qr({size: 80}); 		
    });
&lt;/script&gt;</pre>
<p>&nbsp;</p>
<p>Realmente sencillo y práctico de usar , thank you very much Konstantin <img src='http://www.codigos-qr.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.codigos-qr.com/2011/12/03/qr-tooltips-for-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
