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

 

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

Qui a déjà cherché à mettre une infobulle sur des textes avec un effet mootools et qui a fini par désespérer ? Moi!

J'ai fini par trouver un article sur Alsacréations qui explique comment faire un tooltip (ou infobulle en français) en css. Et là c'est le début du codage de mon script pour appliquer un effet mootools. Voici donc le résultat qui vous permet de créer une infobulle dans une balise SPAN dans laquelle vous pouvez mettre ce que vous voulez, même des images et des liens.

Cette extension est le fruit d'un travail collaboratif. Elle a été créée par Ghazal et Ced1870 ( c'est moi ça!) du forum Joomla.fr. 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|w=350|mood=800|tipd=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

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

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

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

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

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

 

Paramètres de Tooltip GC

options-styles-fr

options-effets-fr

 

Télécharger le plugin Tooltip GC 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 :

Version 4.0.4 - 29/07/14 :
- prise en charge des écrans tactiles

Version 4.0.3 - 06/08/13 :
- permet d'utiliser le plugin lors de l'édition d'articles en frontend

Version 4.0.2 - 25/06/13 :
- corrige souci sur les color picker dans l'administration

Version 4.0.1 - 27/12/12 :
- corrige souci sur boucle javascript

Outil de création rapide, puissant et responsive.

En savoir plus