News:

SMF 2.0.19 has been released! Please update. Read more.

Main Menu

Agregando tooltip de Facebook

Started by #jsDotx3, July 12, 2016, 09:18:14 PM

Previous topic - Next topic

#jsDotx3

Agregando tooltip de Facebook

Tooltip es una buena herramiente donde podemos visualizar el titulo de una imagen, de un texto o de un link que tengamos en nuestro sitio web. Actualmente, hemos conocido el famoso "Tooltip estilo facebook", donde esa vez nos hacía descargar imagen, archivos js y css. Muchas veces nos complicamos, está vez haremos algo demasiado sencillo, agregando archivos ya existente en el CDN de Cloudflare.

El archivo que vamos a trabajar es index.template.php de tu themes.

Buscar por:
// The ?fin20 part of this link is just here to make sure browsers don't cache it wrongly.
echo '
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />';


Abajo agregar:
//Agregando tooltip JS
echo' <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.tipsy/1.0.3/jquery.tipsy.min.css" />';


Buscar por:
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/script.js?fin20"></script>

Antes agregar:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tipsy/1.0.3/jquery.tipsy.min.js"></script>
<script type="text/javascript">
  $(function() {
    $("[title]").tipsy({fade: true, gravity: $.fn.tipsy.autoNS});
  });
</script>


Resultado:


Saludos, #!jsDotx3.

Solved
(Life would be easy with a simple solution.)

Príncipe_Azul

Hola, gracias por el aporte!! :)

Saludos!! :)
Foro ArgentinaIRC - Ayuda de Programación General, Informática, IRC y mIRC Scripting.

Foro de Artesanías, Recetas de cocina, Ropa para perros, Tejidos, Bijouterie, Porcelana, Chocolatería, Fondos de pantalla, Noticias, Belleza, Medicina natural, Videos y Programas: http://www.misartesanias.net/

-Rock Lee-

Parece interesante ya voy a probarlo en un smf demo tengo para ver que tal :D gracias por compartir!


Saludos!
¡Regresando como cual Fenix! ~ Bomber Code
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

d3vcho

Tiene muy buena pinta. Lo probaré a ver qué tal. ¡Muchas gracias!
"Greeting Death as an old friend, they departed this life as equals"

Advertisement: