logo maximenuck 64Maximenu CK

Maximenu CK permet de créer un megamenu déroulant mootools.

logo slideshowck joomlaSlideshow CK

Slideshow CK, de superbes effets avec ce slideshow responsive design.

logo accordeonmenuck joomlaAccordeon Menu CK

Accordeon menu CK est un menu accordeon avec des effets mootools.

logo template creator joomlaTemplate Creator CK

Template Creator CK vous permet de créer vos propres templates Joomla!.

Tooltip GC - Infobulle

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! Cool

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 64Maximenu 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 !

Notes de version :

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

Mentions légales

Site réalisé par Cédric KEIFLIN - Copyright © 2010 - 2013

Mentions légales - Licence GNU/GPL - Conditions générales de vente

http://www.joomlack.fr n'est ni affilié à Open Source Matters ou au projet Joomla ni approuvé par eux.
Le nom Joomla!® est utilisé sous license limitée de Open Source Matters, le propriétaire mondial de la marque de commerce.