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

 

 

Fonctionnalités du plugin Tooltip GC

  • Différents effets pour l'affichage de la bulle
  • Personnalisation des styles en CSS3 (ombre, dégradé, coins arrondis, opacité, ...)
  • Peut contenir n'importe quoi (texte, images, liens, etc...)
  • Paramètres personnalisés pour chaque infobulle (largeur, durée, ...)
  • Bouton d'éditeur pour créer facilement vos infobulles (grâce à Tooltip GC Params)

 

Démo de Tooltip GC

Declencheurun petit garcon bien sympathique

 

Infobulle personnaliséelogo maximenuck 64Maximenu CK est un megamenu pour Joomla!



Démo d'infobulle sur une image :

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

 

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.

 

Utilisation de Tooltip GC

Code standard à insérer dans l'article (démo N°1) :

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

 

Code avec paramètres personnalisés à insérer dans l'article (démo N°2) :

{tooltip}Infobulle personnalisée{end-texte|width=350|time=800|delayOut=1000|offsety=50}

logo maximenuck 64

Maximenu CK est un megamenu pour Joomla!{end-tooltip}

Comment insérer une image ? Utilisez votre éditeur pour placer une image à la place du texte dans les balises

 

Liste des paramètres personnalisés

width= : Largeur de l'infobulle, exemple : width=300

offsetx= : décalage horizontal en px, exemple : offsetx=50

offsety= : décalage vertical en px, exemple : offsety=50

time= : Durée de l'effef mootools en ms pour l'apparition de la bulle, exemple : time=800

delayOut= : Durée de la bulle en ms avant disparition, exemple : delayOut=1500

 

Paramètres de Tooltip GC

Voici un extrait des options de styles. Vous pouvez définir les éléments principaux comme la couleur de fond, la couleur du texte, des coins arrondis ...

tooltip options style

Vous pouvez définir les paramètres par défaut qui seront utilisés pour vos infobulles. Notez que vous pouvez aussi définir des paramètres personnalisés pour chaque infobulle (utilisez Tooltip GC Params pour vous aider à créer les infobulles)

tooltip options effect

 

Tooltip GC Params

Cliquez sur le bouton dans l'éditeur puor afficher le popup d'édition. Vous pouvez alors renseigner le texte à survoler ainsi que le contenu de votre bulle.

tooltipgc params edition button

Utilisez les options du popup pour définir les paramètres addifionnels tels que la largeur, le décalage et les durée à appliquer spécifiquement à cette bullt. Si vous laissez ces champs vides, les paramètres du plugin seront utilisés.

tooltipgc params edition

 

Télécharger le plugin Tooltip GC pour Joomla 3.x

Télécharger le plugin Tooltip GC Params pour Joomla 3.x

Télécharger le plugin Tooltip GC pour Joomla 2.5

Télécharger le plugin Tooltip GC pour Joomla 1.5

Votez sur la JED si vous aimez cette extension !

Télécharger le plugin Tooltip CK pour Wordpress

Notes de version (cliquer pour afficher) :


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