With the plugin Tooltip GC you can easily add some tooltips in your Joomla website that will display with an animated effect. It can display everything (text, image, links...).

Demo of Tooltip GC

Demo 1 :

Text to hovera friendly little boy

Demo 2 : custom parameters :

Custom tooltipMaximenu CK is megamenu for Joomla!

Demo 3 : a tooltip on an image :

Maximenu CK is megamenu for Joomla!

Download Tooltip GC

Developer words

This is the first extension that I have developped few years ago. I'm happy to still maintain it and continue to give you the best possible experience with it.

This tooltip extension was a collaborative work between Ghazal and me and the french community on Joomla.fr at the beginning... in april 2009. I thank every people that have been taken part of it. I hope that I will continue to develop it and that you will continue to use it for years :)

How to create your tooltip

Code to insert in an article (demo N°1) :

{tooltip}Text to hover{end-texte}a friendly little boy{end-tooltip}

Code with custom parameters (demo N°2) :

{tooltip}Custom tooltip{end-texte|width=300|time=800|delayOut=1000|offsetx=20|offsety=-50}
<img style="margin: 3px;" src="/images/dms/categories/logo_maximenuck_64.png" alt="logo" width="64" height="64" />
<a href="/en/extensions-joomla/maximenu-ck">Maximenu CK</a> is a megamenu for Joomla!{end-tooltip}

How to insert an image ? Use your editor to place the image where you want between the tags

Read the full online documentation

 

Easy styling

 

You don't need to know about CSS coding, Tooltip GC has many styling options in the plugin interface that allows you to manage the padding, background, gradient, border, shadow ... All this without effort, just setup the fields with your values and save, that's it !

 

Editor button

 

Creating a tooltip has never been so easy ! Just click on the editor button to open a popup where you can

• Text to hover
• Text that will take place inside the tooltip
• Custom tooltip width
• Custom vertical and horizontal offets to place your tooltip
• Custom duration for the effects

 

 

Made for mobile

 

Your visitors will never miss a tooltip information on mobile device. The tooltip will automatically open in a popup specific using a device detection technique. Touch the text to open the tooltip, touch anywhere to close it.

With the Pro version you can also give a specific style to your tooltip on mobile and select the padding, colors, and also the overlay color and opacity.

 

Vote for Tooltip GC in the JED

Read the documentation