TipTip
#1
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"edgeOffset10,gravity'n'});
jQuery("img").tipTip({maxWidth"auto"edgeOffset10,gravity'n'});
  });
</
script

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

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

.ejemplo se tomatia 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 mousepara ver el Tiptip</a

Web de que utilizan tiptip: www.modgsm.net ; www.comuvir.com : www.xpresionzone.net ; http://www.blixcore.com.ar/ ; http://www.shitup.com.ar/ ; http://OTServ.es ; http://www.overload.es/ y la mia que tengo, pero que no doy url. [Empezo por estta el tiptip xD]

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

[attachment=611]


Archivos adjuntos
.zip   Archivos de TipTip.zip (Tamaño: 4.76 KB / Descargas: 178)
Responder
#2
Hola.

Muchas gracias, esta muy bien este tutorial, ya mismo lo pruebo
te mereces +REP ^^

Saludos.

EDICIÓN: Ya lo probé y me funciona perfectamente, pero quiero hacer un pedido, ¿Se puede agregar al editor? osea para que salga el TipTip en las descripciones del editor, Gracias.
Responder
#3
Supongo que si se podrá. Pero no se si solo se pueda editando el .js del editor, are pruebas en localhost

Ahora también lo pueden ver en otserv.es
[Imagen: l7Qimoa.png]
Responder
#4
(20-09-2010, 06:28 AM)Solstice escribió: a mi me encanto porque no es la misma lata del tipsy que hay q poner 1 a 1

No tiene por que ,las Tipsy son iguales!

y añadirlo en el editor es muy fácil xD
Responder
#5
las tipsy hay q agregar link por link

PD: no aye donde se agrega el title para lo del editor xD
Smile
Responder
#6
Que hace? xD
Responder
#7
es un tooltip. al igual que tipsy.
Responder
#8
(21-09-2010, 08:03 AM)Gypaete escribió:
(20-09-2010, 06:28 AM)Solstice escribió: a mi me encanto porque no es la misma lata del tipsy que hay q poner 1 a 1

No tiene por que ,las Tipsy son iguales!

y añadirlo en el editor es muy fácil xD

Muchas gracias por decir como se agrega ¬_¬

Bueno aún sigo esperando a alguien que sea tan bondadoso
y que quiera compartir un poco de sus conociemientos y me enseñe
como agregarlo al editor.

Saludos.
Responder
#9
no es igual, porque cuando tenes muchos url juntos, solamente te detecta algunos y eso solamente te los muestras, despues te lo muestra normal, y si es lo mismo porque envez de decir NORTH, lo ponmes como "a" ypones el mismo pero con "img" y te lo muestra todo
Responder
#10
que es tiptip no entiendo que hace alguien me explica ???
Responder




Usuarios navegando en este tema: 1 invitado(s)