[Tutorial] TipTip - Tooltip: Adorna tus atributos alt y title

Bueno, aca les muestro como implementar los Tiptip, es un tipo tooltip, pero con un mejor formato.

En el HeaderInclude pongan esto:

Código PHP:
<link rel="stylesheet" type="text/css" href="css/tipTip.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jscripts/jquery.tipTip.js"></script>
<script type="text/javascript" src="jscripts/jquery.tipTip.minified.js"></script> 

abajo de eso pongan esto:

Código PHP:
<script type='text/javascript'> 
jQuery.noConflict();
jQuery(function() {
jQuery("a").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
jQuery("img").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
  });
</script> 

Eso es para que le ande en todo el foro, si quieren en algun luhar en especial lo pueden poner asi por ejemplo:

Código PHP:
<script type='text/javascript'> 
jQuery.noConflict();
jQuery(function() {
jQuery(".ejemplo").tipTip({maxWidth: "auto", edgeOffset: 10,gravity: 'n'});
  });
</script> 

.ejemplo se tomaria como una class, pero le pueden poner cualquier nombre.

si lo hacen con class por ejemplo seria:

Código PHP:
<a href="URL" class="ejemplo" title="lo que queres que diga al pasar el mouse">Pasa el mouse, para ver el Tiptip</a> 

Web de que utilizan tiptip: www.modgsm.net ; www.comuvir.com ; http://www.MyPhotoshop.com.ar ; www.xpresionzone.net ; http://www.blixcore.com.ar/ ; http://www.shitup.com.ar/ ; http://OTServ.es ; http://www.overload.es/ ; http://www.tecnovagos.com y www.ocio-mania.net

Eso es todo, aca les dejo los archivos adjuntos. Saludos

[attachment=1599]

Última modificación: 1 Nov, 2010, 8:39 pm por camufla.

OPDDD
Gracias por esto, lo utilizaré en mis foros Big Grin

de nada, ojala te sirva xDD

Si quieresagrega, usado también en www.MyPhotoshop.com.ar

y en dónde se encuentra el HeaderInclude?

EDIT: Bah. ya la encontré no se preocupen U_U

Última modificación: 26 Oct, 2010, 5:23 pm por josraso.

(26 Oct, 2010, 4:18 pm)S-Fenix escribió: Si quieresagrega, usado también en www.MyPhotoshop.com.ar

Sii, lo vi. Ahi agregue la URL a la lista. Gracias!

Si se puede añadir mi foro a la lista también :$
www.tecnovagos.com

Wow, genial , aunque en un foro negro practicamente, ya hay que entrar a cambiar algunos aspectos.

wooo bastante interesante, se agredece lo probare

gracias, a probarlo.
Ariel en cualquier parte del headerinclude pongo eso?