Joomla compatibility : Joomla 5 Joomla 4 Joomla 3

tooltip infobulle joomla

Grâce au plugin Tooltip GC vous pouvez facilement ajouter des infobulles dans vos articles. Au survol d'un mot la bulle apparait avec un effet animé et affiche ce que vous voulez (texte, image, liens...).

 

 

 

Démo de Tooltip GC

Démo 1 :

Texte à survolera friendly little boy

Démo 2 : custom parameters :

Tooltip personnalisélogo maximenuck 64Maximenu CK est un megamenu pour Joomla!

Démo 3 : un tooltip avec une image :

logo maximenuck 64logo maximenuck 64Maximenu CK est un megamenu pour Joomla!

Télécharger Tooltip GC

Effets d'animation
Affichez vos infobulles avec un bel effet d'ouverture. Contrôlez la durée de l'effet d'ouverture et sa durée après la sortie de souris.
Personnalisation des styles
Utilisez les options du plugin pour définir les styles de vos info-bulles: fond, dégradé, marge, couleur, opacité ...
Affichez ce que vous voulez
Vous pouvez mettre ce que vous voulez dans l'info-bulle comme des images, des liens, du HTML, ou simplement du texte. Vous pouvez également ajouter une info-bulle sur une image ou un lien. Faites ce que vous voulez.
Bouton éditeur
Utilisez le bouton de l'éditeur pour créer facilement vos info-bulles. C'est rapide et cela vous fera gagner beaucoup de temps.
Adapté aux mobiles
Afficher vos info-bulles sur un appareil mobile ne sera pas un problème car Tooltip GC reconnaît automatiquement les appareils tactiles (téléphones et tablettes). Sur un appareil mobile, il s'ouvrira dans une fenêtre au milieu de l'écran pour que votre utilisateur ne passe pas à côté. Un clic pour l'ouvrir, un clic pour la fermer, c'est facile !

 

Le mot du développeur

Ce plugin est la première extension que j'ai développée en collaboration avec mon amie Ghazal il y a quelques années. J'espère continuer à le faire évoluer et que vous continuerez à l'utiliser encore longtemps.

Cette extension est le fruit d'un travail collaboratif entre Ghazal et moi avec l'aide de la communauté Joomla! francophone, créée en .... avril 2009. Je remercie tous ceux qui ont participé à son évolution et sa mise en place.

 

Comment créer une infobulle

Code à insérer (démo N°1) :

tooltip code

 

Code à insérer avec paramètres spécifiques (démo N°2) :

tooltip code custom image

Comment insérer une image ? Utilisez votre éditeur pour ajouter une image entre les tags

 

Voir la documentation en ligne

 

 

Personnalisation facile

 

Vous n’avez pas besoin de connaître le codage CSS, Tooltip GC propose de nombreuses options de style dans l’interface du plugin qui vous permettent de gérer les marges, l’arrière-plan, le dégradé, les bordures, les ombres ... Tout cela sans effort, il suffit de configurer les champs avec vos valeurs et enregistrer, c'est tout!

 

css design 250

 

tooltipgc params edition button

Bouton éditeur

 

Créer une info-bulle n'a jamais été aussi simple! Il suffit de cliquer sur le bouton de l'éditeur pour ouvrir une fenêtre contextuelle dans laquelle vous pouvez définir :

  • Texte à survoler
  • Texte à afficher à l'intérieur de l'infobulle
  • Largeur spécifique
  • Décalages horizontaux et verticaux spécifiques pour position la bulle
  • Durées spécifiques pour les effets

 

 

 

Adapté aux mobiles

 

Vos visiteurs ne manqueront jamais une info-bulle sur leur appareil mobile. L'info-bulle s'ouvrira automatiquement dans une fenêtre contextuelle spécifique à l'aide d'une technique de détection de périphérique. Touchez le texte pour ouvrir l'info-bulle, touchez n'importe où pour le fermer.

Avec la version Pro, vous pouvez également attribuer un style spécifique à votre info-bulle sur mobile et sélectionner les marges, les couleurs, ainsi que la couleur et l'opacité du calque de fondu.

 

tooltip mobile phone

 

Version Light

Effet d'animation

Personnalisation des styles

Peut contenir texte, lien, image, html

Compatible mobile

Paramètres spécifiques à chaque infobulle

Personnalisation des styles pour mobile

Bouton éditeur

Forcer comportement mobile partout

Forum de support

Valide pour plusieurs domaines

1 An de mises à jour

FREE

Version Pro

Effet d'animation

Personnalisation des styles

Peut contenir texte, lien, image, html

Compatible mobile

Paramètres spécifiques à chaque infobulle

Personnalisation des styles pour mobile

Bouton éditeur

Forcer comportement mobile partout

Forum de support

Valide pour plusieurs domaines

1 An de mises à jour

12 €

 

Voter pour Tooltip GC sur la JED

Lire la documentation

 

Notes de version (cliquer pour afficher) :


VERSION 5.0.1 - 08/07/24
  • Fix issue with position calculation for overflow detection
VERSION 5.0.0 - 23/10/23
  • Add compatibilty with Joomla 5 native (without compatibility plugin)
VERSION 4.2.8 - 28/09/23
  • [Pro] Fix issue with params in the popup
  • Add css to hide the tooltips on print
  • Fix z-index issue
VERSION 4.2.7 - 20/04/23
  • Update the interface for a better look on Joomla 4
  • Fix issue with effects if different than linear (add option to load the js file)
VERSION 4.2.6 - 20/06/22
  • Add overflow detection to keep the tip inside
VERSION 4.2.5 - 08/01/21
  • Fix warning with PHP 8
VERSION 4.2.4 - 16/10/20
  • Add compatibility with Joomla 4
  • Add compatibility with Watchful update
VERSION 4.2.3 - 12/09/19
  • [Pro] New options to force the mobile behavior on desktop
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

 

Outil de création rapide, puissant et responsive.

En savoir plus

Extensions favorites

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

Sauvegarder
Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
Analytics
Outils utilisés pour analyser les données de navigation et mesurer l'efficacité du site internet afin de comprendre son fonctionnement.
Google Analytics
Accepter
Décliner