tooltip infobulle joomla

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 tooltiplogo maximenuck 64Maximenu CK is megamenu for Joomla!

Demo 3 : a tooltip on an image :

logo maximenuck 64logo maximenuck 64Maximenu CK is megamenu for Joomla!

Download Tooltip GC

Nice effects
Show your tooltips with a nice opening effect. Control the duration of the opening effect and how long it shall stay after mouseleave.
Styling customization
Use the plugin options to set the styles of your tooltips : background, gradient, margin, color, opacity ...
Can contain everything
You can put what you want in the tooltip like images, links, or just text. You can also add a tooltip on an image or link. Do as you want.
Editor button
Use the editor button to create your tooltips in a easy way. It's fast and it will save you a lot of time
Made for mobile
Showing your tooltips on mobile device will not be a problem because Tooltip GC automatically recognize the touch devices (phones and tablets). On mobile device it will open on a popup at the middle of the screen so that your user will never miss it. One click to open it, on click to close it, easy !

 

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 !

 

css design 250

 

tooltipgc params edition button

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.

 

tooltip mobile phone

 

Light version

Nice effect

Styling customization

Can contain everything

Compatible mobile

Custom parameters on each tooltip

Custom styling for mobile

Editor button

Forum support

Use on multiple domains

1 Year updates

FREE

Pro version

Nice effect

Styling customization

Can contain everything

Compatible mobile

Custom parameters on each tooltip

Custom styling for mobile

Editor button

Forum support

Use on multiple domains

1 Year updates

12 €

 

Vote for Tooltip GC in the JED

Read the documentation

 

Release notes (click to show) :


VERSION 4.2.2 - 12/09/19
  • [Pro] New options to style the tooltip on mobile
VERSION 4.2.1 - 10/09/19
  • Fix issue with editor button plugin
VERSION 4.2.0 - 06/09/19
  • New mobile behavior, opens the tooltip in the middle with an overlay
  • New Light/Pro versions to replace the additional Params plugin
VERSION 4.1.2 - 19/02/18
  • Add behavior to click the tooltip on mobile when tap outside
VERSION 4.1.1 - 07/12/17
  • Fix issue with PHP notice
VERSION 4.1.0 - 24/07/17
  • New JS to improve the behavior
VERSION 4.0.10 - 25/04/17
  • Fix issue with frontend edition
VERSION 4.0.9 - 24/03/17
  • Add compatibility with PHP7
VERSION 4.0.8 - 30/11/15
  • Fix an issue with html validation, replace rel attribute with data-params

 

Newsletter

Fast and powerful creation, customizable and responsive.

Read More

Favorites extensions

logo maximenuck 110 logo pagebuilderck 110 logo slideshowck 110template creator ck large 449