Tooltip GC - Infobulle

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éeMaximenu CK est un megamenu pour Joomla!

Démo d'infobulle sur une image :

Maximenu 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}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

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 !

Notes de version :

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