Tooltip

Minimal Tooltip

Para mejorar el aburrido "title"

Muchas veces no le damos importancia al atributo title por el sencillo hecho que no es muy bonito o simplemente no posee efecto alguno. Para los más nuevos les recuerdo que el atributo title es el responsable de mostrar información relacionada al elemento al pasar el cursor sobre el mismo. Por ejemplo: (Pasar cursor aquí)


Lo que necesitarás hacer...

Por cada vez que quieras colocarle tooltip a un enlace deberás colocar la siguiente estructura:

<a href="#" class="Tooltip top">Tu Enlace<span class="tl"><i></i>Tooltip del enlace</span></a>

Y el truco está aqui

Deberás colocar el siguiente codigo en el extra: Contenido de tu < head >

<link rel="stylesheet" type="text/css" href="http://spetools.de/css/1740.css" />

En el caso de quererlo en un texto común y no en un link, en lugar de usar la etiqueta a usaremos span

<span class="Tooltip top">Tu texto<span class="tl"><i></i>Tooltip del texto</span></span>

Y esto es todo amigo. Si necesitas editar el código CSS, escríbenos . Nos vemos en otro post. Gracias por leernos!. Si te gustó, apóyanos con un like




comments powered by Disqus