Display text or an image to your users when they hover their mouse pointer over an item, without clicking it, by using Tooltips. When a user moves their pointer to text, or an image, for which you have defined a tooltip, a small "hover box" appears. This box can contain text or an image. Optionally the text can contain html formatting including URLs.

The syntax simply looks like:

{tip title="Wow!" content="Now I can give something a cool tooltip!"}This text has a tooltip.{/tip}

The result is: This text has a tooltip.

But you can also give tooltips styles, like this.

Or even use images in popups:
See the Tutorial and the Demo for more amazing features!

Use it anywhere
You can create these tooltips almost anywhere in your site. Not only in articles, but anywhere you can enter text, like in modules and components.

The tooltips are fully styleable through settings and CSS.

 

Note: Tabs relies on the Bootstrap 2 styles and scripts that come with Joomla. If your template overrides this with it's own version of Bootstrap, then chances are this will cause conflicts and is not compatible.