Novedad [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:
abajo de eso pongan esto:
Eso es para que le ande en todo el foro, si quieren en algun luhar en especial lo pueden poner asi por ejemplo:
.ejemplo se tomaria como una class, pero le pueden poner cualquier nombre.
si lo hacen con class por ejemplo seria:
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]
En el HeaderInclude pongan esto:
<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:
<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:
<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:
<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]
OPDDD
Gracias por esto, lo utilizaré en mis foros
Gracias por esto, lo utilizaré en mis foros
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
EDIT: Bah. ya la encontré no se preocupen U_U
26 Oct, 2010, 4:18 pm S-Fenix wrote:
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
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?
Ariel en cualquier parte del headerinclude pongo eso?