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...).

Features of the plugin Tooltip GC

• Nice effect to show the tooltip
• Customisation with CSS3 styles (shadow, gradient, border radius, opacity, ...)
• Can contain everything (text, images, links, etc...)
• Custom parameters to be applied on each tooltip (width, duration, ...)
• Editor button to create your tooltip quickly without coding (using Tooltip GC Params)

Demo of Tooltip GC

Declencheurun petit garcon bien sympathique

Custom tooltipMaximenu CK est un megamenu pour Joomla!

Demo of a tooltip on an image :

Maximenu CK est un megamenu pour Joomla!

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 :)

Usage of Tooltip GC

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

{tooltip}Declencheur{end-texte}un petit garcon bien sympathique{end-tooltip}

Code with custom parameters (demo N°2) :

{tooltip}Custom tooltip{end-texte|width=300|time=800|delayOut=1000|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> est un megamenu pour Joomla!{end-tooltip}

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

List of custom parameters

width= : Width of the tooltip, example : width=300

offsetx= : horizontal offset in px, example : offsetx=50

offsety= : vertical offset in px, example : offsety=50

time= : Duration to show the tooltip, example : time=800

delayOut= : Duration before the tooltip disappears, example : delayOut=1500

Parameters of Tooltip GC

Extract of the styles options. You can set the main styles like the width, offset but also the colors for the background, the text and add some rounded corners.

You can choose the default settings for your tooltips. Note that you can override these values for each toolip using the params (download Tooltip GC Params to help you to create the tooltips)

Tooltip GC Params

 Click on the button in the editor to open the edition popup. Here you can set your text to hover and reveal the tooltip, and also the content to put in it.

In the popup you can set the texts but also the additional options like the width, offset and duration to apply specifically to this tooltip. If you leave these fields empy, it will use the plugin settings as default values.

Download the plugin Tooltip GC for Joomla 3.x

Download the plugin Tooltip GC Params for Joomla 3.x

Download the plugin Tooltip GC for Joomla 2.5

Download the plugin Tooltip GC for Joomla 1.5

Vote on the  JED if you like it !

Download the plugin Tooltip CK for Wordpress