Bueno, aca les muestro como implementar los Tiptip, es un tipo tooltip, pero con un mejor formato.
En el HeaderInclude pongan esto:
En el HeaderInclude pongan esto:
Código PHP:
<?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:
<?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:
<?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:
<?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.
