Pour utiliser les fonctions des messages d’affichages, il suffit de cliquer sur une des fonctions désirées en bas de votre texte. Par la suite, il vous apparaîtra un message codé comme suit: {exemple} écrivez votre message ici {/exemple}. De plus, il suffit de choisir n’importe lequel des fonctions pour personnaliser votre texte et votre message d’avis. Cet exemple fonctionne pour tous les autres Messages d'alerte et le principe reste le même.
Exemple : {exemple} votre texte {/exemple}
PS 1: Pour pouvoir afficher les mots clés dans votre navigateur un espace a été ajouté après le premier { Sinon vous auriez vu le même affichage.
PS 2: Il est à noter que les boutons qui sont en dessous de l’éditeur sont des raccourcis. Ils permettent en cliquant dessus que les mots clé apparaissent dans l’éditeur. ***Donc vous n’avez pas besoin de mémoriser les mots clés. ***
Message d'alerte
Code à taper dans l'éditeur : { xtypo_alert} Message d'alerte {/xtypo_alert} Résultat :
Message d'alerte
Message d'information
Code à taper dans l'éditeur : { xtypo_info} Message d'information {/xtypo_info} Résultat :
Message d'information
Message d'avertissement
Code à taper dans l'éditeur : { xtypo_warning} Message d'avertissement {/xtypo_warning} Résultat :
Message d'avertissement
Message divers
Code à taper dans l'éditeur : { xtypo_sticky} Message divers {/xtypo_sticky} Résultat :
Message divers
Message de flux
Code à taper dans l'éditeur : { xtypo_feed} Message de flux {/xtypo_feed} Résultat :
Message de flux
Message de téléchargement
Code à taper dans l'éditeur : { xtypo_download} Message de téléchargement {/xtypo_download} Résultat :
Message de téléchargement
Affiche code
Code à taper dans l'éditeur :
{ xtypo_code}
< code> Ligne de code < / code>
< code> Ligne de code < / code>
{/xtypo_code}
Résultat :
< code> Ligne de code < / code>
< code> Ligne de code < / code>
Citation
Code à taper dans l'éditeur : { xtypo_quote} Citation sur toute la largeur quelque soit votre Template. Cela permet de faire comme dans de nombreux journaux. {/xtypo_quote}
Résultat :
Citation sur toute la largeur quelque soit votre Template. Cela permet de faire comme dans de nombreux journaux.
Citation à gauche
Code à taper dans l'éditeur : { xtypo_quote_left} Citation à gauche quelque soit votre Template. Cela permet de faire comme dans de nombreux journaux. {/xtypo_quote_left} Tout en écrivant ici le reste de votre texte.
Résultat :
Citation à gauche quelque soit votre Template. Cela permet de faire comme dans de nombreux journaux.
Tout en écrivant ici le reste de votre texte.
Citation à droite
Code à taper dans l'éditeur : { xtypo_quote_right} Citation à droite quelque soit votre Template. Cela permet de faire comme dans de nombreux journaux. {/xtypo_quote_right} Tout en écrivant ici le reste de votre texte.
Résultat :
Citation à droite quelque soit votre Template. Cela permet de faire comme dans de nombreux journaux.
Tout en écrivant ici le reste de votre texte.
Lettre majuscule
Code à taper dans l'éditeur : { xtypo_dropcap}P{/xtypo_dropcap}aragraphe commençant, comme dans de nombreux journaux, par une lettre bien plus grande que les autres. Ce procédé permettant de donner vie à votre texte, sans pour autant trop charger votre page Web. Cela donne aussi un peu de sérieux à votre page. Ce procédé n'est donc pas révolutionnaire, mais tout simplement bien utile.
Résultat :
P
aragraphe commençant, comme dans de nombreux journaux, par une lettre bien plus grande que les autres. Ce procédé permettant de donner vie à votre texte, sans pour autant trop charger votre page Web. Cela donne aussi un peu de sérieux à votre page. Ce procédé n'est donc pas révolutionnaire, mais tout simplement bien utile.
Message Love
Code à taper dans l'éditeur : { heart} Message Love {/heart} Résultat : Message Love
Message Download
Code à taper dans l'éditeur : { download} Message Download {/download} Résultat : Message Download
Message Quest
Code à taper dans l'éditeur : { question} Message Quest {/question} Résultat : Message Quest
Message Alert
Code à taper dans l'éditeur : { alert} Message Alert {/alert} Résultat : Message Alert
Message Cal
Code à taper dans l'éditeur : { cal} Message Cal {/cal} Résultat : Message Cal
Message RSS
Code à taper dans l'éditeur : { rssfeed} Message RSS {/rssfeed} Résultat : Message RSS
Message Doc
Code à taper dans l'éditeur : { doc} Message Doc {/doc} Résultat : Message Doc
Message Search
Code à taper dans l'éditeur : { search} Message Search {/search} Résultat : Message Search
Message Info
Code à taper dans l'éditeur : { info} Message Info {/info} Résultat : Message iInfo
Message Star
Code à taper dans l'éditeur : { star} Message Star {/star} Résultat : Message Star
Message Home
Code à taper dans l'éditeur : { home} Message Home {/home} Résultat : Message Home
Message Ref
Code à taper dans l'éditeur : { ref} Message Ref {/ref} Résultat : Message Ref
Message Next
Code à taper dans l'éditeur : { next} Message Next {/next} Résultat : Message Next
Message Note
Code à taper dans l'éditeur : { note} Message Note {/note} Résultat : Message Note
Message Tips
Code à taper dans l'éditeur : { tips} Message Tips {/tips} Résultat : Message Tips
Outils : Candy thumb-function
Fonction : Affiche la miniature d'une image
Code à taper dans l'éditeur : { jgxtimg src:=[images/stories/img/15x15precedant.jpg] width:=[320]}
où "dossier/image.jpg" est l'adresse de l'image à afficher à partir de la racine de l'installation de joomla et où "320" est la largeur de l'image miniature. Résultat :
{jgxtimg src:=[images/stories/img/15x15precedant.jpg] width:=[320]}
Outils : Candy gallery
Fonction : Affiche une galerie d'images à partir d'un dossier
Code à taper dans l'éditeur : { jgxgal folder:=[images/stories/img] cols:=[4]}
où "dossier/sousdossier" est l'adresse du dossier contenant les images à afficher à partir de la racine de l'installation de joomla et où "4" est le nombre de colonnes d'images de la galerie. Résultat :
{jgxgal folder:=[images/stories/img] cols:=[4]}
Outils : Lecteur de vidéos au format *.flv
Fonction : Lit les fichiers flash (Adobe)
Code à taper dans l'éditeur : { jgflv file:=[dossier/video.flv] width:=[386] height:=[288] autostart:=[false]} Résultat :
{jgflv file:=[dossier/video.flv] width:=[386] height:=[288] autostart:=[false]}
où "dossier/video.flv" est l'adresse de la vidéo à afficher à partir de la racine de l'installation de joomla, où "386" est la largeur de la vidéo, où "288" est la hauteur de la vidéo. "false" signifie que la vidéo ne démarrera pas automatiquement : vous pouvez activer le démarrage automatique de la vidéo en remplaçant "false" par "true".
NB : Vous pouvez aussi utiliser le lecteur multiformats "jgmedia".
Outils : Lecteur MP3
Fonction : Lit les fichiers au format *.mp3
Code à taper dans l'éditeur :
Pour un fichier simple : { jgmp3 file:=[dossier/fichier.mp3]} Résultat :
{jgmp3 file:=[dossier/fichier.mp3]}
Pour une playlist : { jgmp3 file:=[dossier/fichier_de_playlist.xml]} Résultat :
{jgmp3 file:=[dossier/fichier_de_playlist.xml]}
(vous trouverez un exemple de playlist dans le dossier mambot/content/effects/files/exemple_playlist.xml)
NB : Vous pouvez aussi utiliser le lecteur multiformats "jgmedia".
Outils : Lecteur multiformats (jgmedia)
Fonction : Lit les fichiers au format : *.wmv; *.wmy; *.avi; *.mpg; *.mpeg; *.mov; *.swf; *.flv; *.mp3
Code à taper dans l'éditeur : { jgmedia file:=[dossier/fichier.*] width:=[386] height:=[288] autostart:=[false]} Résultat :
{jgmedia file:=[dossier/fichier.*] width:=[386] height:=[288] autostart:=[false]}
Outils : Infobox
Fonction : Affiche une boite bleue contenant du texte, qui s'affiche lorsque l'on clique dessus
Code à taper dans l'éditeur : {jgibox title:=[Test (cliquez ici)] style:=[width:320px;]}Votre texte{/jgibox}
Outils : Tabber (ne fonctionne pas sur Internet Explorer 7)
Fonction : Créer une sorte de tableau avec titre et votre texte
Code à taper dans l'éditeur :
Outils : Tooltips (ne fonctionne pas sur Internet Explorer 7)
Fonction : Affiche une boite de dialogue sur votre texte
Code à taper dans l'éditeur : { jgtip text:=[description de "votre texte"]}...votre texte...{/jgtip} Résultat :
{jgtip text:=[description de "votre texte"]}...votre texte...{/jgtip}
Outils : Textimage
Fonction : Créer une image à partir de votre texte en fonction de la police définie
NB : La police doit se trouver sur le serveur
Code à taper dans l'éditeur : { jgitext text:=[Votre texte] size:=[30] color:=[000000] bgcolor:=[ffffff] font:=[Aerosol.ttf]} Résultat :
{jgitext text:=[Votre texte] size:=[30] color:=[000000] bgcolor:=[ffffff] font:=[Aerosol.ttf]}
Outils : Content-box
Fonction : Créer un fenêtre avec votre texte lorsque vous cliquez sur le lien créé
Code à taper dans l'éditeur : { jgbox linktext:=[votre texte]}...Votre texte...{/jgbox} Résultat :
{jgbox linktext:=[votre texte]}...Votre texte...{/jgbox}
Outils : Accordion
Fonction : Créer un menu coulissant pour afficher votre texte
Code à taper dans l'éditeur :
Outils : Citation
Fonction : Créer un cadre de citation autour de votre texte
Code à taper dans l'éditeur : { jgquote}...Votre texte...{/jgquote} Résultat :
{jgquote}...Votre texte...{/jgquote}
Message Love 
Message Download 
Message Quest 
Message Alert 
Message Cal 
Message RSS 
Message Doc 
Message Search 
Message iInfo 
Message Star 
Message Home 
Message Ref 
Message Next 
Message Note 
Message Tips 