_:n854fcd8bae4744ff81effbc5b0fb825dxb0
<http://schema.org/articleBody>
"Al igual que <em><a title=\"jTip – Recurso para implementar tooltips con jQuery\" href=\"https://pixelcoblog.com/jtip-recurso-para-tooltips-con-jquery/\">jTip</a></em>, <strong><em>ColorTip </em>es otro plugin jQuery para mostrar tooltips coloridos</strong>. Este convierte el atributo <em>Title </em>de los enlaces en <em>tooltip</em>s.\r\n\r\n<img class=\"alignnone size-full wp-image-25411\" title=\"ColorTip - plugin jQuery\" src=\"https://pixelcoblog.com/wp-content/uploads/2010/12/ColorTip-plugin-jQuery-para-tooltips.jpg\" alt=\"ColorTip - plugin jQuery para tooltips\" width=\"600\" height=\"340\" />\r\n<h3><!--more-->Implementación de un tooltip con ColorTip</h3>\r\nPara implementar los tooltips, primero hay que enlazar algunos archivos:\r\n<pre id=\"line1\">&lt;link rel=\"stylesheet\" type=\"text/css\" href=\"<a>styles.css</a>\" /&gt;\r\n&lt;link rel=\"stylesheet\" type=\"text/css\"\r\nhref=\"<a>colortip-1.0/colortip-1.0-jquery.css</a>\"/&gt;\r\n&lt;script type=\"text/javascript\"\r\nsrc=\"http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js\"&gt;\r\n&lt;/script&gt;\r\n&lt;script type=\"text/javascript\" src=\"<a>colortip-1.0/colortip-1.0-jquery.js</a>\"&gt;\r\n&lt;/script&gt;\r\n&lt;script type=\"text/javascript\" src=\"<a>script.js</a>\"&gt;&lt;/script&gt;</pre>\r\nEl color al tooltip se le da agregando una clase con el color deseado:\r\n<pre id=\"line27\">class=\"white\"</pre>\r\nToda la implementación de este tooltip es muy sencilla, lo más complicado y extenso es la CSS.\r\n\r\n[caption id=\"attachment_25410\" align=\"alignnone\" width=\"600\" caption=\"Tooltip implementado con el plugin jQuery ColorTip\"]<img class=\"size-full wp-image-25410\" title=\"ColorTip plugin jQuery\" src=\"https://pixelcoblog.com/wp-content/uploads/2010/12/ColorTip-demo-plugin-jquery.jpg\" alt=\"ColorTip plugin jQuery - demo\" width=\"600\" height=\"450\" />[/caption]\r\n<h3>ColorTip</h3>\r\nSitio: <a title=\"Colortip – a jQuery Tooltip Plugin\" href=\"http://tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/\">tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin</a>"
<https://pixelcoblog.com/colortip-plugin-jquery-para-mostrar-tooltips-coloridos/>