Cette liste d'actions est la documentation générée automatiquement par le plugin à partir des informations récupérés dans le code source de l'action.

➠ addclass : ajoute une classe à la balise body par défaut. DEMO
avec possibilité d'ajouter du code CSS dans le head
syntaxe {up addclass=nom}
Utilisation : changer l'image de fond à partir d'un article
author LOMART version 1.0 license GNU/GPLv3
  • addclass: nom de la classe ajoutée à la balise
  • selector=body: balise cible. Ne pas oublié le point pour une classe ou le # pour un ID
  • parent: 1 si on cible le parent de selector
  • css-head: code CSS pour head. Attention utiliser [] au lieu de {}
    ➠ addcodehead : ajoute du code libre dans le head. DEMO
    possibilité d'ajouter du code libre dans le head sans risque de nettoyage par un éditeur WYSIWYG
    syntaxe {up addCodeHead=}
    author LOMART version 1.0 license GNU/GPLv3
    • addcodehead: code à ajouter dans le head
      ➠ addcsshead : ajoute du code CSS dans le head. DEMO
      possibilité d'ajouter du code CSS dans le head
      sans risque de nettoyage par un éditeur WYSIWYG
      syntaxe {up addCssHead=.foo[color:red]} Attention: mettre des [ ] au lieu de {}
      author LOMART version 1.0 license GNU/GPLv3
      • addcsshead: code CSS. ATTENTION [ ] à la place des {}
        ➠ addscript : ajoute du JS ou JQuery DEMO
        - un fichier JS dans le head
        - du code JS ou JQuery dans le head ou à la position shortcode (body)
        syntaxe {up addScript=body | jquery }code ou fichier{/up addScript}
        author LOMART version 1.0 license GNU/GPLv3
        • addscript=head: ou body = au niveau du shortcode
        • jquery=0: 1: entoure avec appel jquery (sauf fichier)
          ➠ article_category : liste des articles d'une catégorie DEMO
          syntaxe {up article-category=catid}
          Une action très pratique pour lister les articles de la catégorie en cours, il suffit de taper {up article-category}
          TODO: gestion contenu affiché. ex: #TITRE# (#DATE#). Prévoir modèle par défaut dans actionprefs
          TODO: filtre sur vue pour afficher uniquement en vue blog, article, ...
          author LOMART version 1.0 license GNU/GPLv3
          • article_category: ID de la catégorie ou vide pour celle de l'article actuel
          • maxi: Nombre maxi d'article dans la liste
          • no_published=1: Liste aussi les articles non publiés
          • sort_by=title: tri: title, ordering, created_time, modified_time, publish_up, id, hits
          • sort_order=asc: ordre de tri
          • class: classe(s) pour bloc
          • style: style inline pour bloc
            ➠ box : affiche un titre et du texte dans une boite DEMO
            Cette action n'est pas finalisée et devrait etre rémaniée en profondeur !
            syntaxe: {up box=titre}contenu HTML{/up box}
            author LOMART update 2017-07-15 version v1.0 license GNU/GPLv3
            • box: titre de la box
            • model: [danger, info] classe prédéfinie
            • box-class: class user
            • box-style: style inline
            • title-class: class user pour titre
            • title-style: style inline pour titre
            • content-class: class user pour contenu
            • content-style: style inline pour contenu
            • css-head: style CSS inséré dans le HEAD
              ➠ cell : affiche de 1 à 6 blocs enfants sur une même ligne DEMO
              syntaxe 1 : {up cell=x1-x2}contenu avec 2 blocs enfants{/up cell}
              syntaxe 2 : {up cell=x1-x2}contenu cell-1 {====} contenu cell-2{/up cell}
              x1-x2 sont les largeurs sur la base d'une grille de 12 colonnes
              exemple cell=6-6 pour 2 colonnes égales.
              On utilise les largeurs de la classe UP-Width
              demo up.lomart.fr author Lomart version 1.0 - 08/2017 license GNU/GPLv3
              • cell=12: nombre de colonnes
              • mobile: nombre de colonnes sur petit écran
              • tablet: nombre de colonnes sur moyen écran
              • class: class bloc principal
              • style: style inline bloc parent
              • class-*: class pour tous les blocs colonnes. sinon voir class-1 à class-6
              • style-*: style inline pour tous les blocs colonnes. sinon voir style-1 à style-6
                ➠ countdown : affiche un compte à rebours DEMO
                syntaxe:
                {up countdown=201801010000} // délai jusqu'à une date
                {up countdown=120} // compte à rebours en secondes
                {up countdown} // affiche une horloge
                TODO : Position chiffres avec grandes polices
                Voir alternative: http://flipclockjs.com/
                author Lomart version v1.0 - 20/07/2017 license GNU/GPLv3 credit Lexxus - jq-timeTo
                • countdown: date, nombre de secondes ou vide pour horloge
                • align: left, center ou right
                • class: classe
                • style: style inline
                • callback: Fonction appellée à la fin du compte à rebours
                • captionSize=0: fontsize legendes
                • countdown=true: false = horloge, true = countdown INUTILE
                • countdownAlertLimit=10: alerte en seconde avant fin countdown
                • displayCaptions=false: true = légendes affichées
                • displayDays=0: nb chiffres affichés pour jours
                • fontFamily=Verdana, sans-serif: Police pour chiffres
                • fontSize=28: Taille police en pixels pour chiffres
                • lang=en: Défini automatiquement par UP
                • seconds=0: Temps initial en secondes pour le compte à rebours
                • start=true: démarrer automatiquement la minuterie
                • theme=white: black ou blue
                • timeTo: date, nb secondes ou vide pour horloge
                  ➠ facebook_timeline : affiche la timeline Facebook DEMO
                  {up facebook=facebook id | tabs = [timeline, events, messages] | hidecover = [true, false]
                  facepile = [true,false], smallheader = [true, false] | adaptwidth = [true, false] | width = largeur |height = hauteur }
                  voir https://developers.facebook.com/docs/plugins/page-plugin
                  author PMLECONTE version v1.1 du 28/05/2018 license GNU/GPLv3
                  • facebook_timeline: ID facebook. Voir https://findmyfbid.com
                  • class: classe bloc parent
                  • style: style inline bloc parent
                  • tabs=timeline: Onglets à afficher, par exemple : timeline, events, messages
                  • adaptwidth=1: Essayer d’adapter la largeur au conteneur.
                  • facepile=1: Affiche les photos de profils quand des amis aiment le contenu.
                  • hidecover=0: Masque la photo de couverture dans l’en-tête
                  • smallheader=0: Utiliser un en-tête réduit
                  • width (chamallow,l,largeur,w)=500: La largeur du plugin en pixels. Valeur mini = 180, maxi = 500
                  • height (h,hauteur)=500: La hauteur du plugin en pixels. valeur mini = 70.
                    ➠ faq : accordion très simple DEMO
                    syntaxe : une alternance de titres pour les onglet en H4 et de contenu HTML
                    {up faq}
                    -- titre en H4
                    -- contenu HTML
                    {/up faq}
                    author lomart version v1.0 - 15/07/2017 license GNU/GPLv3 credit ryans temkoski
                    • faq: rien
                    • title-tag=h4: pour utiliser une autre balise pour les titres
                    • title-class: classe pour le titre (onglet)
                    • title-style: style inline pour le titre
                    • title-icon: TODO
                    • content-class: classe pour le contenu
                    • content-style: style inline pour le contenu
                      ➠ file : Force le téléchargement d'un fichier DEMO
                      Propose un lien sur un fichier.
                      Le fichier peut etre affiché (si prise en charge par navigateur client)
                      ou le téléchargement peut-etre forcé avec changement de nom optionnel
                      Une icône représentative est affichée devant le lien
                      syntaxe {up file=nomfichier.ext | download | icon |target }
                      texte du lien
                      {/up file}
                      author LOMART date 2017-12-04 version 1.0 license GNU/GPLv3
                      • file: chemin et nom du fichier à télécharger
                      • download: vide ou nom du fichier récupéré par le client
                      • icon=32: chemin et nom de l'icone devant le lien ou taille de l'icone selon extension du fichier (16 ou 32)
                      • target: argument ou _blank si option sans argument
                      • rel: nofollow, noreferrer, ...
                      • class: classe(s) pour la balise a
                      • style: style inline pour la balise a
                        ➠ filter : affiche du contenu si toutes les conditions sont remplies DEMO
                        Reprise du plugin LM-Filter de Lomart
                        Le contenu si faux est optionnel. Il doit être après le contenu si vrai et séparé par {===} (au minima 3 signes égal)
                        {up filter | datemax=20171225} contenu si vrai {====} contenu si faux {/up filter}
                        {up filter | admin} contenu si vrai {====} contenu si faux {/up filter}
                        --> affiche si admin connecté. admin=0 affiche si admin NON connecté
                        author Lomart version 1.0 license GNU/GPL
                        • filter: aucun argument prévu
                        • datemax: vrai jusqu'à cette date AAAAMMJJHHMM
                        • datemin: vrai à partir de cette date AAAAMMJJHHMM
                        • period: vrai entre ces dates AAAAMMJJHHMM-AAAAMMJJHHMM
                        • day: liste des jours autorisés. 1=lundi, 7=dimanche
                        • month: liste des mois autorisés. 1=janvier, ...
                        • hmax: vrai jusqu'à cette heure HHMM
                        • hmin: vrai à partir de cette heure HHMM
                        • hperiod: vrai entre ces heures HHMM-HHMM
                        • guest: vrai si utilisateur invité
                        • admin: vrai si admin connecté
                        • user: liste des userid autorisé. ex: 700,790
                        • username: liste des username autorisé. ex: admin,lomart
                        • group: liste des usergroup autorisé. ex: 8,12
                        • lang: liste des langages autorisé. ex: fr,ca
                        • mobile: vrai si affiché sur un mobile
                        • homepage: vrai si affiché sur la page d'accueil
                          ➠ flexauto : affiche les blocs enfants dans une grille fluide et responsive DEMO
                          syntaxe : {up flexauto=x}contenu{/up flexauto} // x=1 à 6: nb colonnes sur grand écran.
                          author Lomart version 1.0 - juillet 2017
                          • flexauto=3: nombre de colonnes sur grand écran
                          • tablet=2: nombre de colonnes sur moyen écran
                          • mobile=1: nombre de colonnes sur petit écran
                          • class: classe(s) ajoutée(s) au bloc parent
                          • style: style inline ajouté au bloc parent
                            ➠ flexbox : affiche des blocs enfants dans une grille FLEXBOX responsive DEMO
                            syntaxe 1 : {up flexbox=x1-x2}contenu avec plusieurs blocs enfants{/up flexbox}
                            syntaxe 2 : {up flexbox=x1-x2}contenu bloc-1 {====} contenu bloc-2{/up flexbox}
                            x1-x2 sont les largeurs relatives des colonnes
                            exemple col=4-8 ou col=33-66 pour 2 colonnes span4 et span8
                            demo up.lomart.fr/css author Lomart version 1.0 - 08/2017
                            • flexbox=6-6: nombre de colonnes
                            • mobile: nombre de colonnes sur petit écran
                            • tablet: nombre de colonnes sur moyen écran
                            • class: class bloc principal
                            • style: style inline bloc parent
                            • class-*: class pour tous les blocs colonnes. sinon voir class-1 à class-6
                            • style-*: style inline pour tous les blocs colonnes. sinon voir style-1 à style-6
                              ➠ gmap (googlemap) : affiche une carte google pour une adresse DEMO
                              syntaxe : {up gmap=1 rue de la paix, Paris}
                              IMPORTANT: il faut saisir son APIKey dans les paramétres du plugin sous la forme: gmap-key=apikey
                              author lomart version 1.0 - Juillet 2017
                              • gmap (googlemap): adresse postale
                              • width (chamallow,l,largeur,w)=100%: largeur de la carte
                              • height (h,hauteur)=300px: hauteur de la carte
                              • class: classe
                              • style: style-inline
                                ➠ googlefont : ajoute une police GoogleFont, ainsi qu'une classe pour l'utiliser DEMO
                                syntaxe :
                                {up googlefont=nompolice | class=nom}
                                {up googlefont=nompolice} contenu {/up googlefont}
                                author LOMART version 1.0 (17/08/17) license GNU/GPLv3
                                • googlefont: nom police
                                • size: ajout font-size et line-height
                                • family: famille de substitution (cursive, fantasy)
                                • className: nom de la classe pour utiliser la police
                                • css-head: complément de css: color, font-size, ....
                                  ➠ html : permet de créer une entité HTML (balise) avec classe(s), style et attribut sans passer en mode code DEMO
                                  exemples :
                                  {up html=div | class=foo | id=x123}contenu{/up html}
                                  -->
                                  contenu

                                  {up html=img | class=foo | src=images/img.jpg}
                                  --> < img class="foo" src="/images/img.jpg" >
                                  note: toutes les options sont considérées comme des attributs de la balise
                                  author LOMART 2017-08 license GNU/GPLv3
                                  • html=div: balise html
                                  • class: classe(s)
                                  • style: style inline
                                  • attr: couple attribut-valeur (title:le titre)
                                    ➠ icon : uniformise l'appel des icons. Evite de passer en mode code pour la saisie DEMO
                                    TODO : mettre bascule pour gestion line-height
                                    author Lomart version v1.0beta license GNU/GPLv3
                                    • icon: nom de l'icone
                                    • size: taille icone en px, em
                                    • color: couleur
                                    • color-hover: couleur lors survol icone
                                    • style: style inline
                                    • class: classe
                                      ➠ image_compare : comparaison de 2 images par déplacement d'un volet DEMO
                                      {up imagecompare}
                                      < img src="/avant.jpg" >
                                      < img src="/apres.jpg" >
                                      {/up imagecompare}
                                      author lomart version 1.0 - Juillet 2017 license GNU/GPLv3 credit script de Sylvain Combes
                                      • image_compare:
                                      • class: classe bloc
                                      • style: style inline bloc
                                      • initVisibleRatio=0.2: position initiale
                                      • interactionMode=drag: mode: drag, mousemove, click
                                      • addSeparator=true: ajoute séparateur (ligne verticale)
                                      • addDragHandle=true: ajoute poignee sur séparateur
                                      • animationDuration=450: Duree animation en ms
                                      • animationEasing=linear: animation: linear, swing
                                      • precision=2: Precision rapport, nb decimales
                                        ➠ image_hover : affiche avec des effets un contenu HTML sur une image lors du survol DEMO
                                        {up imagehover=images/image.jpg | effect=xx}
                                        -- contenu HTML affiché au survol
                                        {/up imagehover}
                                        author Lomart version 1.0 - juillet 2017 license GNU/GPLv3 credit Sanjay Jadon
                                        • image_hover: nom de l'image
                                        • effect=11: nom de l'effet à trouver sur le site démo
                                        • class: classe pour bloc externe
                                        • style: style inline pour bloc externe
                                        • img-class: classe pour image
                                        • img-style: style inline pour image
                                        • text-class: classe pour bloc texte lors survol
                                        • text-style: style inline pour bloc texte lors survol
                                        • css-head: code css pour le head. ATTENTION [] au lieu de {}
                                          ➠ image_magnify : affiche un effet de loupe sur une image DEMO
                                          syntaxe {up image-magnify=imgage | imgzoom=image-pour-zoom}
                                          author LOMART version 1.0 license GNU/GPLv3 credit thdoan
                                          • image_magnify: fichier image normale
                                          • imgzoom: fichier image utilisé pour le zoom
                                          • size: diametre de la loupe en pixel
                                          • radius: diametre de la loupe en pixel
                                          • border: modele de bordure pour la loupe
                                          • class: classe(s) ajoutées au bloc principal
                                          • style: style inline ajouté au bloc principal
                                            ➠ image_rollover : Change l'image au survol DEMO
                                            syntaxe {up image-rollover=image_base | hover=image_survol}
                                            author LOMART version 1.0 license GNU/GPLv3
                                            • image_rollover: image repos
                                            • hover: image au survol
                                            • click: image lors clic
                                            • class: classe(s) pour bloc
                                            • style: style inline pour bloc
                                              ➠ imagemap : imagemap : image clicable responsive DEMO
                                              syntaxe {up imagemap=chemin_image}
                                              <area target="" alt="" title="" href="/" coords="" shape="">
                                              <area target="" alt="" title="" href="/" coords="" shape="">
                                              {/up imagemap}
                                              author LOMART version 1.0 du 10-12-17 license GNU/GPLv3 credit script RWD Image Maps de stowball
                                              • imagemap: le chemin et nom de l'image
                                              • class: classe(s) ajoutées au bloc principal
                                              • style: style inline ajouté au bloc principal
                                                ➠ kawa : Sert un café virtuel DEMO
                                                syntaxe {up kawa=long | sucre | speculoos=lotus }
                                                author LOMART version 1.0 license GNU/GPLv3
                                                • kawa: vide = café court, long = café long
                                                • sucre=1: option sucre
                                                • speculoos: speculoos base ou spécifier marque (lotus)
                                                • class: classe(s) pour bloc
                                                • style: style inline pour bloc
                                                  ➠ lorem : affiche du texte aléatoire (enrichissement possible) DEMO
                                                  Syntaxe : {up lorem=liste des arguments ci-dessous }
                                                  - (integer) - The number of paragraphs to generate.
                                                  - short, medium, medium, verylong - The average length of a paragraph.
                                                  - decorate - Add bold, italic and marked text.
                                                  - link - Add links.
                                                  - ul - Add unordered lists.
                                                  - ol - Add numbered lists.
                                                  - dl - Add description lists.
                                                  - bq - Add blockquotes.
                                                  - code - Add code samples.
                                                  - headers - Add headers.
                                                  - allcaps - Use ALL CAPS.
                                                  - prude - Prude version.
                                                  - plaintext - Return plain text, no HTML.
                                                  exemple appel : https://loripsum.net/api/2/code/decorate
                                                  author Lomart version 1.0 - 07/2017 license GNU/GPLv3
                                                  • lorem: nombre de paragraphe
                                                  • class: classe(s) pour bloc
                                                  • style: style inline pour bloc
                                                  • max-char: nombre maxima de caractères
                                                  • max-word: nombre maxima de mots
                                                    ➠ lorempixel : affiche une image aleatoire DEMO
                                                    Syntaxe : {up lorempixel=type | width=xx | height=xx }
                                                    -- type = abstract, animals, business, cats, city, food, nightlife, fashion, people nature, sports, technics, transport
                                                    Note : width & height sont les dimensions de l'image retournée par lorempixel. Pour l'afficher en remplissant le bloc parent, il faut ajouter style=width:100%
                                                    author Lomart version 07/2017 license GNU/GPLv3
                                                    • lorempixel=cats: type d'image: abstract, animals, business, cats, city, food, nightlife, fashion, people nature, sports, technics, transport
                                                    • align: alignement horizontal : left, center, right
                                                    • height (h,hauteur)=200: hauteur image téléchargée
                                                    • width (chamallow,l,largeur,w)=200: largeur image téléchargée
                                                    • class: classe(s)
                                                    • style: style inline
                                                      ➠ markdown : Affiche du contenu MARKDOWN provenant d'un fichier ou saisi entre les shortcodes DEMO
                                                      syntaxe 1: {up markdown}contenu{/up markdown}
                                                      syntaxe 2: {up markdown=nom_fichier_md}
                                                      author LOMART version 1.0 crédit erusev/parsedown license GNU/GPLv3
                                                      • markdown: chemin et nom du fichier markdown ou vide pour contenu
                                                      • strip_tags=true: 0 pour conserver les tags HTML dans le contenu saisi entre les shortcodes. Ils sont toujours conservés si la source est un fichier.
                                                      • class: classe(s) pour bloc
                                                      • style: style inline pour bloc
                                                        ➠ marquee : contenu HTML défilant horizontalement ou verticalement DEMO
                                                        {up marquee=label} texte du message défilant {/up marquee}
                                                        author Lomart version 1.0 - 28/7/2017 license GNU/GPLv3 credit script JS limarquee de omcg33
                                                        • marquee: le texte de l'etiquette
                                                        • height (h,hauteur)=100px: hauteur defaut pour scroll vetical
                                                        • model=base: style CSS dans .upmq-*style*. aucun=none
                                                        • out-class: classe(s) pour div out
                                                        • out-style: style inline pour div out
                                                        • msg-class: classe(s) pour div msg
                                                        • msg-style: style inline pour div msg
                                                        • lbl-class: classe(s) pour div label
                                                        • lbl-style: style inline pour div label
                                                        • lbl-pos: position label : left, right, up, down, none
                                                        • lbl-nowrap=false: true = label sur une ligne
                                                        • direction=left: right, up, down
                                                        • loop=-1: nombre d'affichage, -1 : infini
                                                        • scrolldelay=0: delai en millisecondes
                                                        • scrollamount=50: vitesse
                                                        • circular=true: mode carousel. si contenu plus large que .str_wrap
                                                        • drag=true: deplacement msg avec souris
                                                        • runshort=true: scroll si texte court (visible sans scroll)
                                                        • hoverstop=true: pause lors survol
                                                        • inverthover=false: scroll uniquement lors survol
                                                          ➠ media_plyr (vimeo,audio,video) : affiche un lecteur video ou audio qui s'inscrit au maxima dans son bloc parent DEMO
                                                          {up media_plyr=yt | code=bTqVqk7FSmY }
                                                          {up media_plyr=vimeo | code=bTqVqk7FSmY }
                                                          media_plyr : precisez yt ou youtube ou vimeo
                                                          code : il s'agit du code figurant dans l'URL de la vidéo.
                                                          -
                                                          {up media_plyr=video | poster=url image | mp4 | webm | vtt | download }
                                                          media_plyr : video pour indiquer l'URL vers la video.
                                                          poster : nom de l'image fixe
                                                          mp4, webm, vtt, download : si URL non spécifiée, elle sera déduite de celle pour 'poster'
                                                          -
                                                          {up media_plyr=audio | mp3=url fichier mp3 | ogg}
                                                          media_plyr : audio
                                                          mp3 : url vers fichier MP3 (obligatoire)
                                                          ogg : si URL non spécifiée, elle sera déduite de celle pour 'MP3'
                                                          -
                                                          author DANEEL & LOMART version v1.0 du 30-09-2017 license GNU/GPLv3
                                                          • media_plyr (vimeo,audio,video): type de lecture : youtube, vimeo, video ou audio
                                                          • code: code de la video (à la fin de l'url youtube ou vimeo)
                                                          • poster: URL de l'image (obligatoire)
                                                          • mp4: URL du fichier MP4. Si vide, on utilise le nom de poster
                                                          • webm: URL du fichier WEBM. Si vide, on utilise le nom de poster
                                                          • vtt: URL du fichier VTT pour sous-titrage. Si vide, on utilise le nom de poster
                                                          • download: URL du fichier téléchargeable. Si vide, on utilise le nom du fichier MP4
                                                          • mp3: URL du fichier audio mp3. (obligatoire)
                                                          • ogg: URL du fichier audio ogg. Si vide, on utilise le nom du fichier MP3
                                                          • class: classe(s) ajoutée(s) au bloc extérieur
                                                          • style: style inline ajouté au bloc extérieur
                                                            ➠ media_youtube (youtube) : affiche une video Youtube qui s'inscrit au maxima dans son bloc parent DEMO
                                                            {up media-youtube=ID}
                                                            ID : il s'agit du code figurant à la fin de l'URL de la vidéo.
                                                            author LOMART version v1.0 du 01-07-2017 license GNU/GPLv3
                                                            • media_youtube (youtube): code de la video (à la fin de l'url youtube)
                                                            • width (chamallow,l,largeur,w): largeur de la video en px ou %
                                                            • class: classe pour bloc externe
                                                            • style: code css libre pour bloc externe
                                                              ➠ meteo_france : affiche le widget de Météo France DEMO
                                                              Basé sur une idée de Robert Gastaud - joomxtensions.com
                                                              et la discussion sur le forum JOOMLA.FR
                                                              Merci à Daneel pour la correction du code
                                                              --------------------------------
                                                              Syntaxe : {up meteo=ville | orientation=sens}
                                                              TODO :récupérer automatiquement le code commune (insee)
                                                              https://public.opendatasoft.com/explore/dataset/correspondance-code-insee-code-postal/api/?flg=fr&q=77810
                                                              https://api.gouv.fr/api/api-geo.html#!/Communes/get_communes
                                                              author LOMART update 2017-07-01 version v1.0 du 01-07-2017 license GNU/GPLv3
                                                              • meteo_france: le code commune de la ville à récupérer sur cette page
                                                              • orientation=v: bloc horizontal (H) ou vertical (V)
                                                              • block (bloc)=p: balise HTML autour du module météo
                                                              • class: classe(s) pour bloc parent
                                                              • style: style inline pour bloc parent
                                                                ➠ osmap : OSMAP - affiche une carte OpenStreetMap DEMO
                                                                syntaxe {up osmap=latitude, longitude}
                                                                La latitude/longitude peut être connue sur le site : http://getlatlon.yohman.com/
                                                                Les tuiles disponibles sont ici : https://wiki.openstreetmap.org/wiki/Tile_servers
                                                                TODO : modal : https://stackoverflow.com/questions/49305901/leaflet-and-mapbox-in-modal-not-displaying-properly
                                                                author LOMART version 1.0 license GNU/GPLv3 credit script de Leaflet
                                                                • osmap: latitude, longitude du centre de la carte (a récupérer sur http://getlatlon.yohman.com)
                                                                • class: classe(s) ajoutées au bloc principal
                                                                • style: style inline ajouté au bloc principal
                                                                • zoom=13: niveau de zoom de la carte
                                                                • height (h,hauteur)=250: hauteur du boc carte. La largeur est 100% du parent
                                                                • tile: nom de la tuile
                                                                • tile-options: niveau de zoom maximum, ...
                                                                • tile-url: url de la tuile
                                                                • map-options: liste des options pour la carte. ex: zoomControl:1, keyboard:0
                                                                • marker=1: affiche un marker au centre de la carte
                                                                • marker-image: 0: aucun ou chemin image pin
                                                                • marker-options: chaine des options du marqueur. voir https://leafletjs.com/reference-1.3.0.html#icon
                                                                • popup-clic=1: 0: permanent ou 1: sur clic (si texte)
                                                                • popup-text: texte du popup en bbcode. Si vide, pas de popup
                                                                • scale=1: affiche l'échelle. 0:sans, 1:métrique, 2:impérial, 3:métrique&impérial
                                                                • gmap (googlemap): texte du lien affiché au-dessous de la carte pour afficher la carte sous GMap
                                                                • gmap-url: optionnel.Permet d'afficher un marqueur
                                                                  ➠ php : permet d'exécuter du code PHP dans un article. DEMO
                                                                  Exemples :
                                                                  date actuelle : {up php=echo date('d-m-Y H:i:s');}
                                                                  langage : {up php=echo JFactory::getLanguage()getTag(); }
                                                                  nom user : {up php= $user = JFactory::getUser(); echo ($user->guest!=1) ? $user->username : 'invité'; }
                                                                  author LOMART version 1.0 license GNU/GPLv3
                                                                  • php: le code PHP
                                                                    ➠ readmore : afficher/cacher un bloc HTML à l'aide d'un bouton 'lire la suite' DEMO
                                                                    syntaxe: {up readmore=texte bouton}contenu caché{/up readmore}
                                                                    TODO : style différent pour bouotn more et less
                                                                    author Lomart version 1.0 - 07/2017 license GNU/GPLv3 credit script de Matt
                                                                    • readmore: idem textmore
                                                                    • textmore=lire la suite: texte bouton
                                                                    • textless=replier: texte bouton
                                                                    • class=uprm-btn: classe(s) pour les boutons. remplace la classe par défaut.
                                                                    • style: style inline pour les boutons
                                                                      ➠ sameheight : égalise la hauteur des enfants directs du bloc (p ou div) DEMO
                                                                      syntaxe:
                                                                      {up sameheight}
                                                                      <div>...</div>
                                                                      <div>...</div>
                                                                      {/up sameheight}
                                                                      note: gestion de la largeur avec l'option "css-head" qui ajoute du code css dans le head
                                                                      exemple: css-head=.sameheight[float:left;width:30%;]
                                                                      Attention: remplacer les {} par []
                                                                      author Lomart version 1.0 - 07/2017 license GNU/GPLv3 credit un vieux script de mes archives
                                                                      • sameheight: inutilisé
                                                                      • class:
                                                                      • style:
                                                                      • css-head: code css libre dans le head. attention: ] au lieu de }
                                                                        ➠ slider_owl : bandeau défilant d'images ou de blocs HTML DEMO
                                                                        syntaxe {up slider-owl |items=2}bloc1 bloc2 blocN{/up slider-owl}
                                                                        author LOMART version 1.0 license GNU/GPLv3 credit script OWL Carousel de OwlFonk
                                                                        • slider_owl: aucun paramétre nécessaire
                                                                        • class: classe(s) ajoutées au bloc principal
                                                                        • style: style inline ajouté au bloc principal
                                                                        • autoPlay=0:
                                                                        • slideSpeed=200: Vitesse en millisecondes
                                                                        • paginationSpeed=0: Pagination en millisecondes
                                                                        • pagination=true: Affiche pagination
                                                                        • paginationNumbers=0: Affiche numéros à l'intérieur des boutons de pagination
                                                                        • goToFirst=1: Retour sur premier élément si lecture automatique à la fin
                                                                        • goToFirstSpeed=1000: vitesse de l'option goToFirst en millisecondes
                                                                        • navigation=false: Affichage boutons "next" et "prev"
                                                                        • navigationText=["prev", "next"]: boutons sans texte: "navigationText: false"
                                                                        • responsive=true:
                                                                        • items=1: Nombre maxi d'éléments affichés en meme temps sur la plus grande largeur de navigateur
                                                                        • itemsDesktop=[1199, 4]: Cela vous permet de prédéfinir le nombre de diapositives visibles avec une largeur de navigateur particulière. Le format est [x, y] où x = largeur du navigateur et y = nombre de diapositives affichées. Par exemple, [1199,4] signifie que si (window <= 1199) {affiche 4 diapositives par page} Vous pouvez également utiliser "itemsDesktop: false" pour ignorer ces paramètres. Pour bien comprendre comment cela fonctionne, consultez ma démo personnalisée
                                                                        • itemsDesktopSmall=[979, 3]: voir ci-dessus
                                                                        • itemsTablet=[768, 2]: voir ci-dessus
                                                                        • itemsMobile=[479, 1]: voir ci-dessus
                                                                          ➠ slideshow_billboard : Slideshow responsive d'images avec légendes et liens DEMO
                                                                          syntaxe 1:
                                                                          {up slideshow_billboard=chemin_sous_dossier}
                                                                          syntaxe 2:
                                                                          {up slideshow_billboard}
                                                                          <img src="/images/img.jpg" alt="légende"> // image avec légende dans alt
                                                                          <a href="#"><img src="/img.jpg"></a> // image avec lien
                                                                          {/up slideshow_billboard}
                                                                          author LOMART version 1.0 license GNU/GPLv3 credit Easy jQuery Responsive Slideshow - Billboard de Spalmer
                                                                          • slideshow_billboard: si indiqué, toutes les images de ce dossier (ordre alpha)
                                                                          • label=1: affiche la légende des images (attribut alt ou nom fichier humanisé).
                                                                          • class: classe(s) ajoutées au bloc principal
                                                                          • style: style inline ajouté au bloc principal
                                                                          • ease=easeInOutExpo: mode de transition
                                                                          • speed=1000: durée des transitions en millisecondes
                                                                          • duration=5000: durée entre les changements d'images
                                                                          • autoplay=1: démarrage automatique
                                                                          • loop=1: diaporama en boucle si exécution automatique est vraie
                                                                          • transition=left: "fade", "up", "down", "left", "right"
                                                                          • navType=list: "controls", "list", "both" or "none"
                                                                          • styleNav=1: applies default styles to nav
                                                                          • includeFooter=1: afficher/masquer le pied de page (légende et navigation)
                                                                          • autosize=1: hauteur diaporama fixe. calcul sur 1ère image
                                                                          • resize=0: tente de détecter automatiquement la taille de chaque diapositive
                                                                          • stretch=1: étire les images pour remplir le conteneur
                                                                            ➠ sound_hover : Joue un son au survol, ou événement JS, d'un élément DEMO
                                                                            syntaxe {up sound_hover=fichier_son }
                                                                            author LOMART version 1.0 license GNU/GPLv3 credit script xxx de xxx
                                                                            • sound_hover: le paramétre principal
                                                                            • class: classe(s) pour le bloc parent
                                                                            • style: style pour le bloc parent
                                                                            • evenement=onmouseenter: ou onclick, onmouseover...
                                                                            • tag=div: balise pour le bloc. span pour un bloc inline
                                                                              ➠ tab : affiche du contenu dans des panneaux avec onglets en haut, à gauche ou à droite. Mode responsive DEMO
                                                                              Sur mobile ou sur demande, l'affichage est en mode accordion
                                                                              author Lomart version v1.0 - 07/2017 license GNU/GPLv3 credit Script de bhaveshcmedhekar
                                                                              • tab=tab: tab ou accordion
                                                                              • title-tag=h4: balise utilisée pour les titres onglets
                                                                              • class: classe(s) bloc principal
                                                                              • style: style(s) bloc principal
                                                                              • title-class: classe(s) onglets
                                                                              • title-style: style inline onglets
                                                                              • content-style: style inline contenu
                                                                              • content-class: classe(s) contenu
                                                                              • plugin_type: accordion
                                                                              • side: left ou right
                                                                              • active_tab: 1 a N
                                                                                ➠ table_by_columns (table-par-colonnes) : tables responsives par empilement des lignes d'une colonne. DEMO
                                                                                Syntaxe {up table-par-colonnes}contenu table{/up table-par-colonnes}
                                                                                Les lignes sont empilées par colonnes. Très pratique pour des plannings
                                                                                author lomart version 1.0beta - 07/2017 license GNU/GPLv3 credit John Polacek
                                                                                • table_by_columns (table-par-colonnes): méthode responsive : fixed, flip, groupbycols, groupbyrows
                                                                                • breakpoint=720px: bascule en vue responsive
                                                                                • model=up-stacktable: nom d'un fichier CSS prévu par le webmaster pour toutes les tables de la page
                                                                                • class: classe(s) pour balise table
                                                                                • style: style inline pour balise table
                                                                                • max-height: max-height pour la table
                                                                                • key-width=35%: pour bloquer le header en haut
                                                                                • title-style: style pour la ligne titre en vue responsive
                                                                                  ➠ table_by_rows (table-par-lignes) : tables responsives par empilement des colonnes par lignes. DEMO
                                                                                  Syntaxe {up table-par-lignes}contenu table{/up table-par-lignes}
                                                                                  les colonnes sont empilés par lignes avec la possibilité de les déplacer, de les fusionner, de supprimer le titre, d'afficher seulement certaines colonnes. https://github.com/codefog/restables/blob/master/README.md
                                                                                  IMPERATIF : Les titres des colonnes doivent être dans une balise HEAD
                                                                                  author lomart version 1.0 - 07/2017 license GNU/GPLv3 credit codefog
                                                                                  • table_by_rows (table-par-lignes): rien
                                                                                  • breakpoint=720px: bascule en vue responsive
                                                                                  • class: classe(s) pour balise table
                                                                                  • style: style inline pour balise table
                                                                                  • max-height: max-height pour la table
                                                                                  • merge: fusion de colonnes. 1:[2,3],5:[6] = 2&3 avec 1 et 6 avec 5
                                                                                  • move: deplacement colonne. 1:0,6:1 = 1 au debut et 6 en 2eme
                                                                                  • skip: non visible. [3,5] = col 3 et 5 non visible
                                                                                  • span: [2,4] = valeur sans libellé (eq: colspan)
                                                                                    ➠ table_fixe : tables responsives: entete reste visible DEMO
                                                                                    Syntaxe {up table-fixe}contenu table{/up table-fixe}
                                                                                    fixed: la première colonne est toujours visible.
                                                                                    Une barre de défilement est ajoutée pour les autres colonnes.
                                                                                    author lomart version 1.0beta - 07/2017 license GNU/GPLv3 credit lai32290
                                                                                    • table_fixe: aucun argument
                                                                                    • col-left=0: nombre de colonnes fixées à gauche
                                                                                    • class: classe(s) pour le bloc parent
                                                                                    • style: style inline pour le bloc parent
                                                                                    • max-height: max-height pour le bloc parent
                                                                                      ➠ table_flip (table-permute) : tables responsives par permutation lignes/colonnes DEMO
                                                                                      Inversion colonnes/lignes. les titres de colonnes deviennent la 1ère colonne et reste visibles.
                                                                                      Une barre de défilement est ajoutée pour les autres colonnes.
                                                                                      author lomart version 1.0beta - 07/2017 license GNU/GPLv3 credit Jason Gross
                                                                                      • table_flip (table-permute): aucun argument
                                                                                      • class: classe(s) pour balise table
                                                                                      • style: style inline pour balise table
                                                                                        ➠ tabslide : ajoute des onglets pour ouvrir un panneau sur les bords de la fenetre DEMO
                                                                                        syntaxe {up tabslide=btn-text | tabLocation=top}contenu{/up tabslide}
                                                                                        author Lomart version 1.0 - 07/2017 credit script de hawk-ip license GNU/GPLv3
                                                                                        • tabslide: titre de l'onglet
                                                                                        • tab-class: classe(s) pour onglet
                                                                                        • tab-style: css pour onglet
                                                                                        • panel-class: classe(s) pour panneau
                                                                                        • panel-style: css pour panneau
                                                                                        • tabLocation=left: left, right, top or bottom
                                                                                        • tabHandle=.handle: JQuery selector for the tab, can use #
                                                                                        • speed=300: time to animate
                                                                                        • action=click: action open, 'hover' or 'click'
                                                                                        • offset=200px: distance pour top or left (bottom or right if offsetReverse is true)
                                                                                        • offsetReverse=false: true= aligné a droite ou en bas
                                                                                        • otherOffset=null: if set, panel size is set to maintain this dist from bottom or right (top or left if offsetReverse)
                                                                                        • handleOffset=null: e.g. '10px'. If null, detects panel border to align handle nicely
                                                                                        • handleOffsetReverse=false: if true, handle aligned with right or bottom of panel
                                                                                        • bounceDistance=50px: how far bounce event will move everything
                                                                                        • bounceTimes=4: how many bounces when 'bounce' is called
                                                                                        • positioning=fixed: or absolute, so tabs move when window scrolls
                                                                                        • pathToTabImage=null: optional image to show in the tab
                                                                                        • imageHeight=null:
                                                                                        • imageWidth=null:
                                                                                        • onLoadSlideOut=false: slide out after DOM load
                                                                                        • clickScreenToClose=true: close tab when rest of screen clicked
                                                                                        • toggleButton=.tab-opener: not often used
                                                                                        • onOpen=function() {:
                                                                                        • onClose=function() {:
                                                                                          ➠ tweeter_timeline : affiche la timeline Tweeter DEMO
                                                                                          {up tweeter=
                                                                                          | theme = [light , dark]
                                                                                          | height = hauteur
                                                                                          | link-color = couleur des liens en hexa
                                                                                          | chrome = [noheader nofooter noborders transparent noscrollbar] }
                                                                                          voir : https://dev.twitter.com/web/embedded-timelines/parameters
                                                                                          author PMLECONTE version v1.1 du 22/05/2018 license GNU/GPLv3
                                                                                          • tweeter_timeline: nom.
                                                                                          • class: classe bloc parent
                                                                                          • style: style inline bloc parent
                                                                                          • theme: light ou dark
                                                                                          • link-color: couleur des liens en hexa
                                                                                          • border-color: couleur des bordures en hexa
                                                                                          • height (h,hauteur)=400: hauteur
                                                                                          • width (chamallow,l,largeur,w): largeur
                                                                                          • tweet-limit: nombre maxi de tweet, sinon indéfini
                                                                                          • chrome: noheader nofooter noborders transparent noscrollbar
                                                                                          • lang=fr: code langage
                                                                                            ➠ upactionslist : INTERNE - liste des UP actions avec infos et paramétres DEMO
                                                                                            syntaxe:
                                                                                            {up upactionslist} toutes les actions
                                                                                            {up upactionslist=action1, action2} une ou plusieurs actions
                                                                                            TODO: sortie sous d'autres formats que FAQ
                                                                                            author LOMART update 2017-08-08 version v1.0 du 08-08-2017 license GNU/GPLv3
                                                                                            • upactionslist: liste des actions à récupérer. toutes par défaut
                                                                                            • make-dico=0: consolide le fichier principal dico.json avec ceux des actions
                                                                                            • demo=1: afficher le lien vers la demo
                                                                                            • mode=faq: [faq,markdown] présentation du résultat
                                                                                              ➠ upscsscompiler : INTERNE - Compile tous les fichiers SCSS dans les dossiers des actions
                                                                                              syntaxe:
                                                                                              {up upscsscompiler} toutes les actions
                                                                                              {up upscsscompiler=action1, action2} une ou plusieurs actions
                                                                                              note: les fichiers SCSS & CSS sont en racine des dossiers actions
                                                                                              author LOMART version 1.0 license GNU/GPLv3
                                                                                              • upscsscompiler: nombre de paragraphe
                                                                                              • mode=Compressed: Compressed, Compact, Crunched, Expanded, Nested
                                                                                              • force=0: force la compilation de tous les SCSS. Par défaut: les SCSS plus récents que leur CSS.
                                                                                              • info=0: affiche rapport compilation

                                                                                                Un shortcode est composé de :

                                                                                                • {up l'identifiant du plugin pour la recherche du shortcode dans les articles et modules.
                                                                                                • une suite d'option=argument séparés par des caractères pipes (AltGr+6).
                                                                                                • la première option est le nom de l'action
                                                                                                • une option sans argument est considérée comme égal à vrai ou 1. (0=faux)
                                                                                                • le shortcode peut être sur plusieurs lignes pour faciliter la lecture
                                                                                                • on peut saisir le nom des options sans se soucier de la case, ils sont évalués en minuscules.
                                                                                                  De même les tirets du 6 seront remplacés par les underscores du 8
                                                                                                • le programmeur de l'action peut définir des alternatives pour le nom de l'action et des options.
                                                                                                  Par exemple: saisir table-par-lignes renvoie vers le nom 'technique': table_by_rows
                                                                                                • } pour indiquer la fin du shortcode.

                                                                                                Le shortcode peut être en 2 parties entourant un contenu.

                                                                                                Exemple {up table-par-lignes} <table> ...</table> {/up table-par-lignes}

                                                                                                Il peut y avoir des shortcodes à l'intérieur du contenu pour indiquer des alternatives.

                                                                                                {if filter | admin} je suis un admin {=====} je ne suis pas un admin {/if filter}

                                                                                                Cela permet une saisie entièrement en wysiwyg

                                                                                                Les copier-coller des exemples de shortcodes sur ce site peuvent ne pas fonctionner. Dans ce cas, copier uniquement le contenu sans les accolades {}.