UP Universal Plugin

UP le plugin Universel pour Joomlaswiss knife

 

UP permet de réaliser de nombreuses actions dans les articles et modules personnalisés.

 

UP permet d'insérer des éléments comme une vidéo ou des prévisions météo, de modifier le comportement d'une table pour la rendre responsive, d'ajouter du code CSS/JS sans risque de suppression par les éditeurs wysiwyg.

 

A l'image du couteau suisse, UP très discret si on n'a pas besoin de lui (zéro octet sur la page), servira de chef d'orchestre pour lancer l'action demandée.
Seuls les fichiers nécessaires à cette action seront chargés par le navigateur client.

 

 

  Universal Plugin permet de :

 

  • comparer deux images

 

 

 

  • des effets sur des images

 

 

 

  • voir les détails d'une image

 

 

 

  • afficher le temps restant avant l'an 2030

 

 

 

  • jouer de l'accordéon
question n°1

texte pour la question n°1

question n°2

texte lorem pour la question n°2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid de Pythagora? Quippe: habes enim a rhetoribus; Verba tu fingas et ea dicas, quae non sentias? Contemnit enim disserendi elegantiam, confuse loquitur. Neque enim disputari sine reprehensione nec cum iracundia aut pertinacia recte disputari potest. Duo Reges: constructio interrete. Magna laus. Possumusne ergo in vita summum bonum dicere, cum id ne in cena quidem posse videamur?

Quod si ita se habeat, non possit beatam praestare vitam sapientia. Et hunc idem dico, inquieta sed ad virtutes et ad vitia nihil interesse. Dicet pro me ipsa virtus nec dubitabit isti vestro beato M. Isto modo ne improbos quidem, si essent boni viri. Sed quid minus probandum quam esse aliquem beatum nec satis beatum? Si mala non sunt, iacet omnis ratio Peripateticorum.

Quid de Platone aut de Democrito loquar? Hoc est vim afferre, Torquate, sensibus, extorquere ex animis cognitiones verborum, quibus inbuti sumus. Unum est sine dolore esse, alterum cum voluptate. Sed in rebus apertissimis nimium longi sumus. Hunc vos beatum; Quarum ambarum rerum cum medicinam pollicetur, luxuriae licentiam pollicetur. Satis est tibi in te, satis in legibus, satis in mediocribus amicitiis praesidii. Sed ea mala virtuti magnitudine obruebantur.

Quae duo sunt, unum facit. Sin tantum modo ad indicia veteris memoriae cognoscenda, curiosorum. Beatus autem esse in maximarum rerum timore nemo potest. Totum autem id externum est, et quod externum, id in casu est. Negat esse eam, inquit, propter se expetendam. Summum a vobis bonum voluptas dicitur. Haec bene dicuntur, nec ego repugno, sed inter sese ipsa pugnant. Placet igitur tibi, Cato, cum res sumpseris non concessas, ex illis efficere, quod velis? Et quod est munus, quod opus sapientiae? Egone non intellego, quid sit don Graece, Latine voluptas? Heri, inquam, ludis commissis ex urbe profectus veni ad vesperum.

question n°3

texte pour la question n°3

 

 

 

  • afficher et/ou télécharger un fichier
Ouvrir une photo dans une nouvelle fenêtre Télécharger une photo

 

 

 

  • afficher selon conditions
C'est la semaine

 

 

 

  • du texte défilant

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ita cum ea volunt retinere, quae superiori sententiae conveniunt, in Aristonem incidunt; Atqui, inquam, Cato, si istud optinueris, traducas me ad te totum licebit. Cur igitur easdem res, inquam, Peripateticis dicentibus verbum nullum est, quod non intellegatur? Beatus sibi videtur esse moriens. Duo Reges: constructio interrete. Octavio fuit, cum illam severitatem in eo filio adhibuit, quem in adoptionem D. Istam voluptatem, inquit, Epicurus ignorat? Nam de isto magna dissensio est. Ex quo intellegitur officium medium quiddam esse, quod neque in bonis ponatur neque in contrariis. Nihil opus est exemplis hoc facere longius. Mihi enim satis est, ipsis non satis. Cupiditates non Epicuri divisione finiebat, sed sua satietate.

Si mala non sunt, iacet omnis ratio Peripateticorum. Quis contra in illa aetate pudorem, constantiam, etiamsi sua nihil intersit, non tamen diligat? Aufert enim sensus actionemque tollit omnem. Sed quoniam et advesperascit et mihi ad villam revertendum est, nunc quidem hactenus; Quicquid porro animo cernimus, id omne oritur a sensibus; Inscite autem medicinae et gubernationis ultimum cum ultimo sapientiae comparatur.

Nos cum te, M. Aliter enim explicari, quod quaeritur, non potest. In his igitur partibus duabus nihil erat, quod Zeno commutare gestiret. Vitae autem degendae ratio maxime quidem illis placuit quieta. Et si turpitudinem fugimus in statu et motu corporis, quid est cur pulchritudinem non sequamur? Hanc ergo intuens debet institutum illud quasi signum absolvere.

Diodorus, eius auditor, adiungit ad honestatem vacuitatem doloris. Nec tamen ullo modo summum pecudis bonum et hominis idem mihi videri potest. Sed ad haec, nisi molestum est, habeo quae velim. Ne in odium veniam, si amicum destitero tueri. Sit hoc ultimum bonorum, quod nunc a me defenditur; Mihi quidem Homerus huius modi quiddam vidisse videatur in iis, quae de Sirenum cantibus finxerit.

 

 

 

  • afficher une carte OpenStreetMp

 

 

 

  • exécuter du code php

Bonjour, nous sommes le : 07-12-2022 20:51:03

Dans 3 mois, nous serons le : 07/03/2023

 

 

 

  • afficher du contenu masqué

 

 

 

  • un diaporama d'images
  • 2017 07 11-002
  • 2017 07 11-006
  • 2017 07 11-014
  • 2017 07 11-015
  • 2017 07 11-016
  • 2017 07 11-018
  • 2017 07 11-020
  • 2017 07 11-023
  • 2017 07 11-036

 

 

 

  • des onglets
  • question n°1
  • question n°2
  • question n°3

texte pour la question n°1

texte pour la question n°2 mais un peu plus long

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Negat esse eam, inquit, propter se expetendam. Vestri haec verecundius, illi fortasse constantius. Quo tandem modo? Suam denique cuique naturam esse ad vivendum ducem. Duo Reges: constructio interrete. Nihil opus est exemplis hoc facere longius. Estne, quaeso, inquam, sitienti in bibendo voluptas?

Et quidem illud ipsum non nimium probo et tantum patior, philosophum loqui de cupiditatibus finiendis. Mihi vero, inquit, placet agi subtilius et, ut ipse dixisti, pressius. Cur deinde Metrodori liberos commendas? Familiares nostros, credo, Sironem dicis et Philodemum, cum optimos viros, tum homines doctissimos. An me, inquam, nisi te audire vellem, censes haec dicturum fuisse? Illa tamen simplicia, vestra versuta.

Haec bene dicuntur, nec ego repugno, sed inter sese ipsa pugnant. Ergo opifex plus sibi proponet ad formarum quam civis excellens ad factorum pulchritudinem? Vitiosum est enim in dividendo partem in genere numerare. Quonam modo? Quis non odit sordidos, vanos, leves, futtiles? Quid enim est a Chrysippo praetermissum in Stoicis?

Omnes enim iucundum motum, quo sensus hilaretur. Multa sunt dicta ab antiquis de contemnendis ac despiciendis rebus humanis; Modo etiam paulum ad dexteram de via declinavi, ut ad Pericli sepulcrum accederem. Tum ille timide vel potius verecunde: Facio, inquit. Certe nihil nisi quod possit ipsum propter se iure laudari. Simus igitur contenti his. Sit ista in Graecorum levitate perversitas, qui maledictis insectantur eos, a quibus de veritate dissentiunt. Cum ageremus, inquit, vitae beatum et eundem supremum diem, scribebamus haec.

3 :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. An, partus ancillae sitne in fructu habendus, disseretur inter principes civitatis, P. Reguli reiciendam; Sapientem locupletat ipsa natura, cuius divitias Epicurus parabiles esse docuit. Hoc est dicere: Non reprehenderem asotos, si non essent asoti. Qui autem esse poteris, nisi te amor ipse ceperit? Commoda autem et incommoda in eo genere sunt, quae praeposita et reiecta diximus;

Quare attende, quaeso. Quae qui non vident, nihil umquam magnum ac cognitione dignum amaverunt. Idem iste, inquam, de voluptate quid sentit? Graecis hoc modicum est: Leonidas, Epaminondas, tres aliqui aut quattuor; Et ais, si una littera commota sit, fore tota ut labet disciplina.

Quodsi ipsam honestatem undique pertectam atque absolutam. Est igitur officium eius generis, quod nec in bonis ponatur nec in contrariis. Duo Reges: constructio interrete. Quae sunt igitur communia vobis cum antiquis, iis sic utamur quasi concessis; Quod cum ita sit, perspicuum est omnis rectas res atque laudabilis eo referri, ut cum voluptate vivatur. Non enim iam stirpis bonum quaeret, sed animalis. At certe gravius. Ubi ut eam caperet aut quando? Est autem etiam actio quaedam corporis, quae motus et status naturae congruentis tenet; Si longus, levis dictata sunt.

 

 

  • une vidéo locale

 

 

 

  • et beaucoup d'autres choses, bidules, trucs ....

  

🆙 addclass : ajoute une classe à un sélecteur CSS (body par défaut.) DEMO
Il est possible :
- de cibler le parent d'un sélecteur CSS ou être relatif à l'emplacement du shortcode
- de créer la règle CSS avec l'option 'css-head=.foo[color:red]'
syntaxe {up addclass=nom_classe}
Utilisation : changer l'image de fond à partir d'un article
@author: LOMART @version: UP-0.9 @license: GNU/GPLv3 @tags: Expert
  • addclass: nom de la classe ajoutée à la balise
  • filter: conditions. Voir doc action filter (v1.8)
  • selector = body: balise cible. Ne pas oublier le point pour une classe ou le # pour un ID
  • parent: 1 si on cible le parent de selector, 2 le grand-père, ...
  • css-head (base-css): 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 1 {up addCodeHead=}
    syntaxe 2 {up addCodeHead=meta | property=og:title | content=Page title}
    Attention : l'option XXX doit être remplacée directement dans le shortcode par un nom d'attribut et sa valeur
    @author: LOMART @version: UP-0.9 @license: GNU/GPLv3 @tags: Expert
    • addcodehead: code à ajouter dans le head ou balise
    • xxx = yyy: couple attribut-valeur. ex: title=le titre, href=//google.fr
    • filter: conditions. Voir doc action filter (v1.8)
      🆙 addcsshead : ajoute du code ou fichier CSS dans le head. DEMO
      sans risque de nettoyage par un éditeur WYSIWYG
      syntaxe 1 {up addCssHead=.foo[color:red]} Attention: mettre des [ ] au lieu de {}
      syntaxe 2 {up addCssHead=chemin_fichier_css}
      Utilisation : charger un fichier CSS spécifique à une page
      @author: LOMART @version: UP-0.9 @license: GNU/GPLv3 @tags: Expert
      • addcsshead: code CSS. ATTENTION [ ] à la place des {}
      • filter: conditions. Voir doc action filter (v1.8)
        🆙 addscript : ajoute du code ou un fichier JS ou JQuery DEMO
        Par défaut, le code est ajouté dans le head.
        Si le paramètre principal est body, le code est inséré à la position du shortcode
        syntaxe {up addScript=body | jquery }code ou fichier{/up addScript}
        @author: LOMART @version: UP-1.3.1 @license: GNU/GPLv3 @tags: Expert
        • addscript = head: ou body pour insérer le code à la position du shortcode
        • jquery = 0: 1: entoure avec appel jquery (sauf fichier)
        • filter: conditions. Voir doc action filter (v1.8)
          🆙 anim_aos : affiche du contenu avec des animations sur scroll de page (librarie en pure JS) DEMO
          syntaxe 1 : anime le contenu du shortcode
          {up anim-aos} votre texte {/up anim-aos}
          syntaxe 2 : anime les tags indiqués dans le contenu
          {up anim-aos | repeat=liste tags} contenu avec les tags cibles {/up anim-aos}
          syntaxe 3 : anime tous les tags indiqués à partir de la position du shortcode jusqu'à la fin de l'article
          {up anim-aos | repeat=liste tags}
          @author: Conseilgouz @version: UP-1.6.3 - 11/2019 @license: GNU/GPLv3 @credit: Script de michalsnik @tags: layout-dynamic
          • anim_aos = zoom-in-right: nom de l'animation
          • delay: délai en millisecondes (50-3000 ms)
          • duration: durée animation en millisecondes (50-3000 ms)
          • easing: effet: linear, ease-in-back, ease-out-cubic, ease-in-sine
          • offset: en px, hauteur pour déclenchement par rapport au bas de l'écran.
          • anchor-placement: déclenche l'effet lorsque le scrolling de l'élément arrive à certaines positions
          • once: one-time effect or not
          • repeat: applique l'effet à tous les tags. Ex: h2,h3
          • css-before: style de l'élément avant l'animation
          • css-after: style de l'élément après l'animation
          • style: style inline appliqué au bloc
          • class: classe(s) appliquée(s) au bloc
            🆙 attr : Ajoute des attributs à la première balise interne DEMO
            syntaxe {up attr | class=bg-yellow}< p>texte< /p>{/up attr}
            syntaxe {up attr | class=bg-yellow | tag=img}

            < img src="/image.jpg" >

            {/up attr}
            @version: UP-2.6 @author: Lomart @license: GNU/GPLv3 @tags: HTML
            • attr: classe(s) et/ou style
            • tag: balise recherchée, sinon la première
            • css-head (base-css): style ajouté dans le HEAD de la page
            • class: classe(s) pour bloc interne
            • style: style inline pour bloc interne
            • xxx = yyy: couple attribut-valeur. ex: title=le titre, href=//google.fr
              🆙 barcode : Création de code à barres à partir de la librairie TCPDF. DEMO
              syntaxe : {up barcode=text | type=...|height=..|width=...|color=...}
              🆙 WEBMASTER NOTES
              La société utilise exclusivement le type EAN13
              @author: ConseilGouz @version: UP-1.8 @license: GNU/GPLv3 @tags: Widget
              • barcode = text: valeur alphanumérique
              • type = EAN13: type de code-barres : C39,C39+,C39E,C39E+,C93,S25,S25+,I25,C128,C128A,C128B,EAN2,EAN5,EAN8,EAN13,UCPA,UPCE,MSI,MSI+,POSTNET,PLANET,RMS4CC,KIX,IMB,IMBPRE,CODABOR,CODE11,PHARMA,PHARMA2
              • format = html: format de sortie
              • height (h,hauteur) = 30: hauteur du code à barres
              • width (l,largeur,w) = 1: espacement des barres
              • color = #000: Couleur du code-barre. En mode PNG, on attend des valeurs RGB séparées par des virgules, sinon la couleur en forme texte.
              • align = center: alignement code barres et texte (left, center, right)
              • showtext = 1: montrer le texte ayant permis de générer le code barres
              • class: Class(s) pour bloc
              • style: Inline style pour bloc
              • css-head (base-css): Régles CSS définie par le webmaster (ajoutées dans head)
                🆙 bbcode : Saisir du code HTML avec un éditeur WYSIWYG DEMO
                syntax 1 {up bbcode=content}
                syntax 2 {up bbcode} content {/up bbcode}
                @author: LOMART @version: UP-1.8 (15/03/2020) @license: GNU/GPLv3 @tags: Editor
                • bbcode:
                • tags: balises à traiter. vide: par défaut, liste (a,b,p) ou balise en plus de défaut (+a,b,p)
                • css-head (base-css): style ajouté dans le HEAD de la page
                  🆙 bg_image : Affiche une image en fond d'un bloc DEMO
                  syntaxe :
                  fond du site : {up bg-image=chemin_image}
                  fond du bloc : {up bg-image=chemin_image} contenu {/up bg-image}
                  fond d'un autre bloc : {up bg-image=chemin_image | bg-selector=#foo}
                  doc : https://developer.mozilla.org/fr/docs/Web/CSS/background
                  @author: LOMART @version: UP-1.5 @license: GNU/GPLv3 @tags: Body
                  • bg_image: images séparées par des points-virgules
                  • mobile: image ou règle(s) css (si smartphone)
                  • path: chemin de base ajouté devant le nom des fichiers
                  • bg-selector = body: sélecteur du bloc pour image(s) de fond
                  • bg-color: couleur sous image
                  • bg-repeat = no-repeat: répétition de l'image : no-repeat, repeat-x, repeat-y, repeat, space
                  • bg-position = center: position de l'image : left|center|right top|center|bottom
                  • bg-size = cover: remplissage : cover, contain, 100%, 100px
                  • bg-attachment = scroll: défilement de l'image : scroll, fixed, local
                  • bg-overlay: image ajoutée en overlay
                  • page-selector: si bloc défini, sélecteur du bloc sur lequel appliquer la transparence
                  • page-overlay = 70: transparence sous la forme 70, #RGBA, image overlay ou règle CSS
                  • center: centrage vertical du contenu entre shortcodes
                  • filter: conditions. Voir doc action filter (v1.8)
                  • style: style inline pour bloc
                  • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                    🆙 bg_slideshow : Affiche une série d'images défilantes en fond du site ou d'un bloc DEMO
                    syntaxe :
                    fond site : {up bg-slideshow=liste images ou dossier}
                    fond bloc : {up bg-slideshow=liste images ou dossier}contenu{/up bg-slideshow}
                    fond autre bloc : {up bg-slideshow=liste images ou dossier | bg-selector=#foo}
                    doc : https://developer.mozilla.org/fr/docs/Web/CSS/background
                    @author: LOMART @version: UP-1.5 @license: GNU/GPLv3 @credit: Vegas de jaysalvat @tags: Body
                    • bg_slideshow: dossier ou images séparées par des points-virgules
                    • mobile: image ou règle(s) css
                    • path: chemin commun aux images indiquées en argument principal
                    • bg-selector = body: bloc portant le slideshow
                    • bg-overlay: calque superposé à l'image de fond (png, opacité, RGBA, CSS)
                    • bg-color: couleur sous image
                    • page-selector: bloc sur contenu
                    • page-overlay: background de page-selector (png, opacité, RGBA, CSS)
                    • center = 1: centrage vertical du contenu entre shortcodes
                    • filter: conditions. Voir doc action filter (v1.8)
                    • style: classes et styles inline pour bloc créé
                    • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                    • js-options: options non prévues par l'action
                    • delay = 5000: durée par image
                    • transition = fade: random,blur,flash,negative,burn,slideLeft,slideRight,slideUp,slideDown,zoomIn,zoomOut,swirlLeft,swirlRight
                    • transitionDuration = 1000: durée transition
                    • animation: kenburns,kenburnsLeft,kenburnsUp,kenburnsDown,kenburnsUpLeft,kenburnsUpRight,kenburnsDownLeft,kenburnsDownRight,random
                    • animationDuration = auto: durée des animations
                    • timer = 1: affiche barre de progression
                      🆙 bg_video : Affiche une video locale ou youtube en fond de site ou dans un bloc DEMO
                      syntaxe :
                      fond site : {up bg-video=fichier video}
                      fond bloc : {up bg-video=fichier video}content{/up bg-video}
                      fond autre bloc : {up bg-video=fichier video | bg-selector=#foo}content{/up bg-video}
                      @author: LOMART @version: UP-1.5 @license: GNU/GPLv3 @credit: Script videoBackground de lemehovskiy @tags: Body
                      • bg_video: fichier video ou ID video Youtube.
                      • poster: fichier image affiché avant chargement vidéo
                      • mobile: image ou css si un appareil mobile est détecté
                      • bg-selector = body: bloc portant le slideshow
                      • bg-position = 50% 50%: 50% 50% = position poster et video
                      • bg-ratio = 16/9: proportion de la video
                      • bg-overlay: calque superposé à l'image de fond (png, opacité, RGBA, CSS)
                      • bg-color: couleur de fond sous la vidéo lors chargement
                      • page-selector: bloc sur contenu
                      • page-overlay: background de page-selector (png, opacité, RGBA, CSS)
                      • center: style et classe pour centrage vertical du contenu entre shortcodes
                      • filter: conditions. Voir doc action filter (v1.8)
                      • height (h,hauteur) = 400px: hauteur d'une video Youtube ou Vimeo avec tarteauciitron
                      • style: classes et style inline pour bloc créé
                      • class: classes pour bloc créé (deprecated)
                      • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                        🆙 box : affiche une boite avec un tite, sous-titre, image, contenu et action DEMO
                        syntaxe: {up box=model | title=title}contenu HTML{/up box}
                        ##title## ##title-link## ##subtitle## ##subtitle-link## ##title-subtitle## ##title-subtitle-link##
                        ##link## ##target##
                        ##image## ##image-link## ##image-css## ##image-css-xxx##
                        ##action-link## ##action-text##
                        ##content##
                        ##head## & ##/head## : une balise DIV avec les attributs définis par head-class & head-style
                        ##body## & ##/body##
                        @author: LOMART @version: UP-1.9.5 @license: GNU/GPLv3 @tags: Layout-static
                        • box: model [danger, info] ou prefset
                        • template (item-template) = ##head## ##title-link## ##subtitle## ##image## ##/head## ##content## ##action-link##:
                        • multibox = 3-2-1: nombre de blocs sur la même ligne (desktop-tablet-mobile)
                        • multibox-class = fg-vspace-between-1: classe(s) pour le bloc externe
                        • multibox-style: style CSS pour le bloc externe
                        • class: classe(s) pour la box
                        • style: style inline pour la box
                        • title (titre): titre. Si vide et demandé : on prend le premier hx du contenu
                        • title-tag = h4: balise pour titre
                        • title-class: class user pour titre
                        • title-style: style inline pour titre
                        • title-link-class: class user pour titre avec lien
                        • title-link-style: style inline pour titre avec lien
                        • subtitle: sous-titre
                        • subtitle-tag = h5: mise en forme du sous-titre
                        • subtitle-class: class user pour sous-titre
                        • subtitle-style: style inline pour sous-titre
                        • subtitle-link-class: class user pour sous-titre avec lien
                        • subtitle-link-style: style inline pour sous-titre avec lien
                        • image: image. Si vide et demandée : on prend la première image du contenu
                        • image-alt: texte alternatif pour l'image. Par défaut, le nom du fichier humanisé
                        • image-class: class user pour image
                        • image-style: style inline pour image
                        • image-link-class: class user pour image avec lien
                        • image-link-style: style inline pour image avec lien
                        • action: texte du bouton action
                        • action-tag = div: mise en forme du bouton action
                        • action-class: class user pour action
                        • action-style: style inline pour action
                        • action-link-class: class user pour action avec lien
                        • action-link-style: style inline pour action avec lien
                        • link: lien. . Si vide et demandé : on prend le premier lien sur title ou image
                        • link-target: _blank pour nouvelle fenêtre
                        • head-class: class pour le bloc entête. en général title, subtitle, image
                        • head-style: style pour le bloc entête
                        • body-class: class pour le bloc. en général content et action
                        • body-style: style pour le bloc. en général content et action
                        • css-head (base-css): style CSS inséré dans le HEAD
                        • align-vertical = fg-vspace-between-1: type de repartition verticale en multibox
                          🆙 cache_cleaner : Efface les fichiers du cache DEMO
                          Supprime tous les fichiers PHP du sous-dossier indiqué en option. com_content par défaut
                          syntaxe {up cache-cleaner=com_modules} // defaut : com_content
                          @version: UP-2.6 @author: Lomart @license: GNU/GPLv3 @tags: Expert
                          • cache_cleaner = com_content: liste des dossiers du cache (séparateur: point-virgule)
                            🆙 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
                            @author: Lomart @version: UP-0.9 - 08/2017 @license: GNU/GPLv3 @tags: Layout-static
                            • cell = 12: nombre de colonnes
                            • mobile: nombre de colonnes sur petit écran
                            • tablet: nombre de colonnes sur moyen écran
                            • filter: conditions. Voir doc action filter (v1.8)
                            • 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
                              🆙 center : Centre tous les blocs enfants en supprimant les margins superflus DEMO
                              syntaxe {up center=classe/style(s)}contenu{/up center}
                              note: cette action reconnait les classes et les styles dans : bg-yellow;color:red
                              @author: LOMART @version: UP-1.5 @license: GNU/GPLv3 @tags: HTML
                              • center: classe(s) et style(s) pour le bloc interne (celui qui est centré)
                              • class: classe(s) pour bloc externe
                              • style: style inline pour bloc externe
                              • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                🆙 chart : Graphiques statistiques avec GoogleChart DEMO
                                syntaxe {up chart=type_chart}... data ...{/up chart}
                                @author: LOMART @version: UP-1.8 @license: GNU/GPLv3 @credit: https://developers.google.com/chart/interactive/docs @tags: Widget
                                • chart: type de chart : area, bar,bubble,column,combo,line,pie,scatter,SteppedArea
                                • separator: séparateur des valeurs dans la liste
                                • vertical = 0: horizontal par défaut ou vertical
                                • area: valeur en % dans l'ordre : left, top, width, height. EX: 10,25,90,75
                                • maximized = 0: affichage remplit le bloc
                                • colors: liste des couleurs
                                • title (titre):
                                • title-position: in, out, none (defaut)
                                • title-style: color: 'blue', fontsize: '14px', bold:true (attention à la syntaxe)
                                • legend-position: in, none (defaut), top, bottom
                                • legend-style: ex: color:'blue',fontSize:14,bold:true
                                • bar-width: largeur des barres en %
                                • 3D = 0: camembert en relief
                                • donut = 0: part du trou central. ex: 0.5 pour la moitié
                                • isstacked: 0, true (absolute) ou relative
                                • height (h,hauteur): min-height bloc parent
                                • options: chaine JSON des options (remplacer {} par [])
                                • class: classe(s) pour bloc
                                • style: style inline pour bloc
                                • css-head (base-css): style ajouté dans le HEAD de la page
                                  🆙 chart_org : Affiche le graphe d'une organisation DEMO
                                  syntaxe {up chart-org} liste UL / OL {/up chart-org}
                                  @version: UP-2.2 @license: GNU/GPLv3 @author: Lomart @credit: script Responsive Hierarchical Organization Chart In Pure CSS de erinesullivan @tags: Widget
                                  • chart_org: aucun argument
                                  • line-color: couleur liaisons entre bloc
                                  • color-bg: couleur arrière-plan par défaut des blocs
                                  • color-text: couleur par défaut des textes
                                  • border: bordure (outline) par défaut des blocs. ex: 1px red solid
                                  • radius: arrondi des blocs. border doit être none
                                  • color-bg-*: couleur des blocs de niveau 1 à 6
                                  • color-text-*: couleur des blocs de niveau 1 à 6
                                  • border-*: bordure (outline) des blocs de niveau 1 à 6. ex: 1px red solid
                                  • class: classe(s) pour bloc
                                  • style: style inline pour bloc
                                  • css-head (base-css): style ajouté dans le HEAD de la page
                                    🆙 clocks_gmt : Affiche une horloge analogique et/ou digitale avec l'heure d'un fuseau horaire DEMO
                                    syntaxe {up clocks-gmt=ville | offset=décalage horaire}
                                    @author: LOMART @version: UP-1.4 @license: GNU/GPLv3 @credit: script jClocksGMT de mcmastermind @tags: Widget
                                    • clocks_gmt: Nom de la ville (pour légende)
                                    • class: classe(s) ajoutées au bloc principal
                                    • style: style inline ajouté au bloc principal
                                    • label-style: style inline pour le nom ville
                                    • digital-style: style inline pour horloge digitale
                                    • date-style: style inline pour date
                                    • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                    • base-js-params: règles JS définies par le webmaster (ajout dans init JS)
                                    • offset: GMT offset
                                    • title (titre) = Greenwich, England: titre
                                    • skin = 1: indice images
                                    • dst = 1: gestion heure d'été
                                    • analog = 1: afficher horloge analogique
                                    • digital = 1: afficher horloge digitale
                                    • timeformat = HH:mm:
                                    • date = 0: afficher la date
                                    • dateformat = MM/DD/YYYY:
                                    • imgpath: chemin vers les images
                                      🆙 color : retourne la valeur d'une couleur de la feuille de style de UP DEMO
                                      syntaxe {up color=UP-COLOR-NAME}
                                      @version: UP-2.5 @author: Lomart @license: GNU/GPLv3 @tags: HTML
                                      • color: nom UP de la couleur (français ou anglais) ou de la variable CSS (--red)
                                      • default = #000: couleur retournée si nom couleur inexistant
                                      • info = 0: affiche la liste des couleurs avec leurs valeurs
                                        🆙 corner : Affiche un texte sur ruban dans un angle DEMO
                                        syntaxe 1 (body) : {up corner=texte}
                                        syntaxe 2 (bloc) : {up corner=texte}contenu du bloc{/up corner}
                                        @author: LOMART @version: UP-1.6 @license: GNU/GPLv3 @tags: Body
                                        • corner: texte affiché dans le coin ou ruban
                                        • position = top-left: angle sous la forme top-left ou tl
                                        • width (l,largeur,w) = 100px: coté du carré
                                        • height (h,hauteur) = 100px: coté du carré
                                        • angle = 45: angle en valeur absolue
                                        • filter: chaine de conditions. Voir documentation filter
                                        • shadow = 0: ajoute une ombre 'orientée' au corner. La valeur indiquée est la force de l'ombre
                                        • color = #ffffff: couleur du texte
                                        • bgcolor = #ff0000: couleur de fond du coin
                                        • class: classes pour le coin
                                        • style: style CSS pour le coin
                                        • url: lien
                                        • target = _blank: ou _self pour ouvrir le site dans le même onglet
                                        • bloc-class: classe(s) pour bloc
                                        • bloc-style: style inline pour bloc
                                        • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                          🆙 countdown : affiche un compte à rebours ou une horloge digitale DEMO
                                          syntaxe:
                                          {up countdown=201801010000} // délai jusqu'à une date
                                          {up countdown=120} // compte à rebours en secondes
                                          {up countdown} // affiche une horloge
                                          @author: Lomart @version: UP-0.9 - 20/07/2017 @license: GNU/GPLv3 @credit: Lexxus - jq-timeTo @tags: widget
                                          • countdown: date, nombre de secondes ou vide pour horloge
                                          • align: left, center ou right
                                          • class: classe
                                          • style: style inline
                                          • filter:
                                          • callback: Fonction appelée à la fin du compte à rebours
                                          • captionSize = 0: fontsize legendes
                                          • countdownAlertLimit = 10: alerte en seconde avant fin countdown
                                          • displayCaptions = 0: 1 = 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 = 1: démarrer automatiquement la minuterie
                                          • theme = white: black ou blue
                                          • timeTo: date, nb secondes ou vide pour horloge
                                            🆙 countdown_simple : Affiche un compte à rebours simple et facilement adaptable par CSS DEMO
                                            syntaxe {up countdown-simple=AAAAMMJJHHMM}
                                            @author: LOMART @version: UP-2.2 @license: GNU/GPLv3 @credit: Countdown From A Specific Date de anik4e @tags: widget
                                            • countdown_simple: date cible ou délai si débute par +
                                            • intro-text: texte avant les afficheurs
                                            • close-text: texte après les afficheurs
                                            • prefix: texte avant valeur
                                            • suffix = lang[en=years,months,days,hours,minutes,seconds;fr=années,mois,jours,heures,minutes,secondes]: texte après valeur
                                            • elapsed-text = lang[en=Too late;fr=Trop tard]: Texte ou bbcode affiché si délai écoulé
                                            • model = inline: CSS de base pour la présentation
                                            • digit-view = YMDHMS: afficheurs. Mettre un X pour ne pas l'afficher. Pour les premiers non affichés, la valeur sera convertie et ajoutée au premier affiché
                                            • digit-class: classe(s) pour les chiffres
                                            • zero = 0: ajoute un zéro devant les heures, minutes et secondes
                                            • class: classe(s) pour bloc
                                            • style: style inline pour bloc
                                            • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                            • filter:
                                              🆙 counter : Ajoute un compteur avec prefix et suffix DEMO
                                              Syntaxe : {up counter=0,100}
                                              @author: LOMART @version: UP-1.7 @license: GNU/GPLv3 @credit: jquery-simple-counter de marcovincit @tags: Widget
                                              • counter: min,max : valeurs de départ et de fin
                                              • filter: conditions. Voir doc action filter (v1.8)
                                              • width (l,largeur,w) = 0: largeur minimal (par défaut en pixels)
                                              • mono = 1: force la police en monospace
                                              • class: classe(s) pour bloc
                                              • style: style inline pour bloc
                                              • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                              • start = 0: valeur de départ du compteur
                                              • end = 100: valeur d'arrivée du compteur
                                              • easing = swing: ou linear : effet
                                              • duration = 1500: durée du décompte en millisecondes
                                              • prefix: texte devant compteur. BBcode autorisé
                                              • suffix: texte après compteur. BBcode autorisé
                                                🆙 csv2def : Conversion d'un contenu au format CSV en liste de définition (DL/DT/DD) DEMO
                                                1/ {up csv2def=emplacement-fichier} // le contenu est lu dans un fichier
                                                2/ {up csv2def}
                                                [=item=]definition
                                                [=item1; "item;2"; ...=]
                                                definition1
                                                {===}
                                                definition 2
                                                {/up csv2def}
                                                @author: LOMART @version: UP-1.6 @license: GNU/GPLv3 @tags: layout-static
                                                • csv2def: chemin vers fichier à afficher
                                                • separator = ;: séparateur des colonnes (fichier uniquement)
                                                • HTML = 0: pour fichier (contenu CSV): 0=affiche le rendu, 1=affiche le code ou liste des tags conservés (strip_tags)
                                                • model = stack: empile par défaut, sinon nom de la classe principale : flex. Voir csv2def.css
                                                • class: classe(s) pour la balise DL
                                                • style: style inline pour la balise DL
                                                • term-class: classe(s) pour le bloc des termes
                                                • term-style: style pour le bloc des termes
                                                • term-style-separator: style pour séparer les différents termes
                                                • def-class: classe(s) pour le bloc des definitions
                                                • def-style: style pour le bloc des définitions
                                                • def-style-separator: style pour séparer les différentes définitions
                                                • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                                • flex-vgap = 10: espace vertical (px) entre les blocs dt/dd
                                                • flex-hgap = 10: espace horizontal (px) entre les blocs dt et dd
                                                • flex-term-width = 25: largeur en pourcentage de la colonne des termes
                                                  🆙 csv2list : Conversion d'un contenu au format CSV en liste avec point de conduite DEMO
                                                  1/ {up csv2list=emplacement-fichier} // le contenu est lu dans un fichier
                                                  2/ {up csv2list}
                                                  article 1;5€
                                                  article 2;25€
                                                  {/up csv2list}
                                                  Ressources : caractères unicode, caractères spéciaux et couleurs sures
                                                  @author: LOMART @version: UP-1.6 @license: GNU/GPLv3 @tags: layout-static
                                                  • csv2list: chemin vers fichier à afficher
                                                  • separator = ;: séparateur des colonnes
                                                  • HTML = b,a,span,strong,i,em,u,mark,small,img,code: 0= aucun traitement, 1=affiche le code, ou liste des tags a garder (strip_tags)
                                                  • model = stack: nom de la classe modèle dans le fichier csv2list.css
                                                  • leaders = 0: points de conduite
                                                  • leaders-color: couleur points de conduite
                                                  • class: classe(s) pour la balise UL
                                                  • style: style inline pour la balise UL
                                                  • col-style-*: style inline pour les nièmes balise SPAN
                                                  • list-style: code hexadecimal et couleur du caractère (bb,red ou 26BD,#F00)
                                                  • bgcolor: couleur de fond. #FFF par defaut
                                                  • header = 0: 0: pas de titre, 1: première ligne contenu, titre colonne
                                                  • header-class: classe(s) pour la première balise LI si titre
                                                  • header-style: style pour la première balise LI si titre
                                                  • header-bgcolor: couleur de fond du titre
                                                  • footer = 0: 0: pas de pied, 1: dernière ligne contenu, pied colonne
                                                  • footer-class: classe(s) pour la dernière balise LI si pied
                                                  • footer-style: style pour la dernière balise LI si pied
                                                  • footer-bgcolor: couleur de fond de la dernière ligne
                                                  • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                                    🆙 csv2table : Conversion d'un contenu au format CSV en table DEMO
                                                    1/ le contenu est lu dans un fichier
                                                    {up csv2table=emplacement-fichier}
                                                    2/ le contenu est saisi entre les shortcodes
                                                    {up csv2table}
                                                    article 1;5€
                                                    "article 2";25€
                                                    {/up csv2table}
                                                    @author: LOMART @version: UP-1.6 @license: GNU/GPLv3 @tags: layout-static
                                                    • csv2table: URL ou chemin et nom d'un fichier local
                                                    • separator = ;: séparateur des colonnes
                                                    • HTML = 0: 0= aucun traitement, 1=affiche le code, ou liste des tags a garder (strip_tags)
                                                    • model: nom de la classe modèle dans le fichier csv2table.css
                                                    • class: classe(s) pour la table
                                                    • style: style inline pour la table
                                                    • col-list: liste des colonnes utilisées. ex: 1,2,5 (v2.8)
                                                    • col: alignement et largeur des colonnes sous la forme x-D-C5-100 pour rien-droite-centre 5%-100% (voir doc)
                                                    • col-style-*: style inline pour tous les blocs colonnes. sinon voir style-1 à style-6
                                                    • color-contrast: couleur des lignes impaires. la couleur des lignes paires est à définir dans class ou style
                                                    • header = 0: 0: pas de titre, 1: premiere ligne contenu, titre colonne
                                                    • header-class: classe(s) pour la balise thead
                                                    • header-style: style pour la balise thead
                                                    • footer = 0: 0: pas de pied, 1: dernière ligne contenu, pied colonne
                                                    • footer-class: classe(s) pour la balise tfoot
                                                    • footer-style: style pour la balise tfoot
                                                    • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                                      🆙 csv_info : Retourne la valeur brute d'un élément (ligne/colonne) d'un fichier CSV

                                                      Cliquer pour lire la documentation

                                                      syntaxe {up csv-info=chemin-fichier | col=x | line=x}
                                                      @version: UP-2.6 @license: GNU/GPLv3 @author: Denis HANTZ @tags: HTML
                                                      • csv_info: URL ou chemin et nom d'un fichier local
                                                      • separator = ;: séparateur des colonnes
                                                      • line = -1: Titre dans la 1ere colonne ou numéro de la ligne où se trouve l'information. un nombre négatif recherche à partir de la fin
                                                      • col = 1: Titre de la colonne dans la première ligne ou numero de colonne de l'information. Négatif à partir de la fin
                                                      • default = [b class="t-red"]###[/b]: valeur retournée si coordonnées cellule hors feuille
                                                        🆙 div : Facilite la saisie de blocs DIV avec un éditeur wysiwyg DEMO
                                                        syntaxe {up div=class_and_style}content{/up div}
                                                        @author: LOMART @version: UP-2.0 @license: GNU/GPLv3 @tags: HTML
                                                        • div: classes et style (séparateur : point-virgule)
                                                        • class: classe(s) pour bloc
                                                        • style: style inline pour bloc
                                                        • css-head (base-css): style ajouté dans le HEAD de la page
                                                          🆙 donation : Formulaire de donation avec Paypal DEMO
                                                          syntaxe {up donation=compte_paypal}
                                                          @author: LOMART @version: UP-2.0 @license: GNU/GPLv3 @tags: widget
                                                          • donation: Votre adresse e-mail PayPal enregistrée ou votre identifiant PayPal
                                                          • title (titre): texte pour ##title##. bbcode accepté
                                                          • text: texte bbcode pour motclé ##text##
                                                          • button = lang[en=Donate;fr=Faire un don]: texte ou image Paypal pour bouton
                                                          • template (item-template) = ##title## ##amount## ##currency## ##button##: modèle mise en page
                                                          • url-valid = http:: ', // Chemin complet vers la page de retour après un paiement correct
                                                          • url-cancel = http:: ', // Chemin complet vers la page de retour après un échec de paiement
                                                          • item-name = Donation: La raison de vos dons. Sera imprimé sur la confirmation PayPal
                                                          • amount = 10: Montant du don. Inutile si ##amount##
                                                          • currency-code = EUR: Devise. Inutile si ##currency##
                                                          • currency-list = EUR,USD,GBP,CHF,AUD,HKD,CAD,JPY,NZD,SGD,SEK,DKK,PLN,NOK,HUF,CZK,ILS,MXN: liste des devises acceptées. 1ère par défaut
                                                          • image-url: URL du logo de l'organisme receveur
                                                          • use-sandbox = 0: pour tester la donation
                                                          • class = tc: classe(s) pour bloc externe
                                                          • style: style inline pour bloc externe
                                                          • title-tag: balise pour le titre (##title##) span par défaut si title-style
                                                          • title-style: classes et styles pour le titre (##title##)
                                                          • text-tag: balise pour le titre (##text##) span par défaut si text-style
                                                          • text-style: classes et styles pour texte d'accompagnement (##text##)
                                                          • amount-style: classes et styles pour montant (##amount##)
                                                          • currency-style: classes et styles pour choix devises (##currency##)
                                                          • button-style = b;t-grisFonce;background:#FFC439;border:#ECB300 1px outset;border-radius:50px;cursor:pointer: classes et styles pour bouton (##button##)
                                                          • css-head (base-css): style ajouté dans le HEAD de la page
                                                            🆙 facebook_timeline : affiche la timeline Facebook DEMO
                                                            {up facebook=facebook id}
                                                            voir https://developers.facebook.com/docs/plugins/page-plugin
                                                            @author: PMLECONTE @version: UP-1.3 du 28/05/2018 @license: GNU/GPLv3 @tags: widget
                                                            • 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 (l,largeur,w) = 200: 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 onglets en H4 et de contenu HTML
                                                              {up faq}
                                                              -- titre en H4
                                                              -- contenu HTML
                                                              {/up faq}
                                                              @author: lomart @version: UP-1.0 - 15/07/2017 @license: GNU/GPLv3 @credit: ryans temkoski @tags: layout-dynamic
                                                              • 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
                                                              • content-class: classe pour le contenu
                                                              • content-style: style inline pour le contenu
                                                              • css-head (base-css):
                                                                🆙 field : Retourne la valeur d'un custom field pour le contenu courant DEMO
                                                                syntaxe
                                                                {up field=id_or_name_field} // contenu brut du champ
                                                                {up field=id_or_name_field | model=value} // contenu mis en forme du champ
                                                                {up field=id_or_name_field | model=label : [b]%id_or_name_field%[/b]} // modèle avec BBCODE
                                                                @version: UP-2.3 @author: Lomart @license: GNU/GPLv3 @tags: Joomla
                                                                • field: id ou name du champ
                                                                • model: modèle BBCODE avec id ou nom des champs entre signes %
                                                                • separator: sépare les éléments d'un tableau pour rawvalue
                                                                • tag:
                                                                • class: classe(s) pour bloc
                                                                • style: style inline pour bloc
                                                                • css-head (base-css): style ajouté dans le HEAD de la page
                                                                  🆙 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 @version: UP-1.2 @license: GNU/GPLv3 @tags: file
                                                                  • 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
                                                                    🆙 file_download : Gestionnaire simple de téléchargements avec stats et protection par mot de passe DEMO
                                                                    syntaxe 1 {up file-download=dossier ou fichier}
                                                                    syntaxe 2 {up file-download=dossier ou fichier}##icon## ##filename-link##{/up file-download}
                                                                    présentation des liens :
                                                                    ##link## ##/link## ##filename-link## ##filename## ##icon## ##icon-link##
                                                                    ##hit## ##lastdownload##
                                                                    ##info## ##size## ##date##
                                                                    @author: LOMART @version: UP-1.9 @license: GNU/GPLv3 @tags: file
                                                                    • file_download: fichier ou dossier
                                                                    • file-mask: pour sélectionner les fichiers d'un dossier. ex: fic-*
                                                                    • extensions = zip, pdf,txt,md,png,jpg,gif,svg,doc,docx,xls,xlsx,odt,ods: extensions autorisées
                                                                    • template (item-template) = ##icon## ##filename-link## (##size## - ##date##) [small]##hit## ##lastdownload##[/small] [br]##info##: modèle de mise en page. keywords + bbcode
                                                                    • main-tag = ul: balise pour la liste des fichiers
                                                                    • main-style: style pour la liste des fichiers
                                                                    • main-class = list-none: classes pour la liste des fichiers
                                                                    • item-tag = li: balise pour un bloc fichier
                                                                    • item-style: style pour un bloc fichier
                                                                    • item-class: classes pour un bloc fichier
                                                                    • link-style: style pour le lien (classes admises)
                                                                    • icon = 32: chemin et nom de l'icône devant le lien ou taille de l'icône selon extension du fichier (16 ou 32)
                                                                    • password: mot de passe pour télécharger le fichier
                                                                    • format-date = lang[en=m/d/Y H:i;fr=d/m/Y H:i]: 'd/m/Y H:i'
                                                                    • model-hit = téléchargé %s fois:
                                                                    • model-lastdownload = dernier téléchargement le %s:
                                                                    • model-info = %s:
                                                                    • class: classe(s) pour bloc
                                                                    • style: style inline pour bloc
                                                                    • filter:
                                                                    • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                                                      🆙 file_view : Force le chargement d'un fichier pour l'afficher en brut DEMO
                                                                      syntaxe {up file-view=chemin fichier}
                                                                      Utilisation :
                                                                      - charger du contenu récurrent à plusieurs pages
                                                                      - voir un fichier CSV
                                                                      - voir le code HTML
                                                                      @author: LOMART @version: UP-1.6 @license: GNU/GPLv3 @tags: file
                                                                      • file_view: chemin et nom du fichier
                                                                      • HTML = 0: 0= aucun traitement, 1=affiche le code, ou liste des tags à garder (ex: img,a)
                                                                      • EOL = 0: forcer un retour à la ligne
                                                                      • block (bloc) = div: balise principale
                                                                      • class: classe(s) pour bloc
                                                                      • style: style inline pour bloc
                                                                      • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                                                        🆙 filter : affiche du contenu si toutes les conditions sont remplies DEMO
                                                                        Reprise du plugin LM-Filter de Lomart
                                                                        {up filter | datemax=20171225}
                                                                        contenu si vrai
                                                                        {====}
                                                                        contenu si faux
                                                                        {/up filter}
                                                                        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 | admin} contenu si vrai {====} contenu si faux {/up filter}
                                                                        --> affiche si admin connecté. admin=0 affiche si admin NON connecté
                                                                        @author: Lomart @version: UP-1.0 @license: GNU/GPL @tags: editor
                                                                        • filter: valeur retournée si vrai;faux
                                                                        • 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 langues autorisées. ex: fr,ca
                                                                        • mobile: vrai si affiché sur un mobile
                                                                        • homepage: vrai si affiché sur la page d'accueil
                                                                        • server-host: vrai si le domaine du serveur contient un des termes de la liste
                                                                        • server-ip: vrai si l'adresse IP du serveur des dans la liste
                                                                        • artid: vrai si l'ID de l'article courant est dans la liste
                                                                        • catid: vrai si l'ID de la catégorie de l'article courant est dans la liste
                                                                        • menuid: vrai si l'ID du menu actif est dans la liste
                                                                        • info = 0: affiche les valeurs actuelles des arguments pour les conditions
                                                                        • return-true = 1: valeur retournée si vrai et pas de contenu
                                                                        • return-false = 0: valeur retournée si faux et pas de contenu
                                                                          🆙 flexauto : une grille responsive sur plusieurs colonnes DEMO
                                                                          syntaxe :
                                                                          {up flexauto=x}contenu{/up flexauto}
                                                                          x=1 à 12 est le nombre de colonnes sur grand écran.
                                                                          @author: Lomart @version: UP-1.0 - juillet 2017 @license: GNU/GPLv3 @tags: layout-static
                                                                          • flexauto = 3: nombre de colonnes sur grand écran ou G-T-M
                                                                          • 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
                                                                          • bloc-style: classes et style inline ajoutés au bloc enfant
                                                                          • css-head (base-css):
                                                                            🆙 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 : flexbox=4-8 ou flexbox=33-66 pour 2 colonnes (équivalent: span4 et span8)
                                                                            Note : les options class-1 à class-6 et style-1 à style-6 sont à saisir directement dans le shortcode
                                                                            @author: Lomart @version: UP-1.0 - 08/2017 @license: GNU/GPLv3 @tags: Layout-static
                                                                            • flexbox: nombre de colonnes ou prefset sous la forme x-x-x-x
                                                                            • tablet: nombre de colonnes sur moyen écran sous la forme x-x-x-x
                                                                            • mobile: nombre de colonnes sur petit écran sous la forme x-x-x-x
                                                                            • 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
                                                                            • bloc-style: classe et style inline ajoutés au bloc enfant
                                                                            • css-head (base-css):
                                                                              🆙 folder_list : retourne la liste mise en forme du contenu d'un dossier sur le serveur DEMO
                                                                              syntaxe {up folder_list=path | template=##file## (##size)}
                                                                              ##file## : chemin/nom.extension - pour copier/coller comme argument shortcode
                                                                              ##dirname## : chemin (sans slash final)
                                                                              ##basename## : nom et extension
                                                                              ##filename## : nom sans extension (sans le point)
                                                                              ##extension## : extension
                                                                              ##relpath## : chemin relatif au chemin passé comme principal argument
                                                                              ##size## : taille du fichier
                                                                              ##date## : date dernière modification
                                                                              Motclé disponible pour le dossier en format liste (ul/li)
                                                                              ##foldername## : nom du dossier (sans l'arboresccence)
                                                                              ##folderpath## : chemin et nom du dossier (avec l'arboresccence)
                                                                              @version: UP-2.5 @license: GNU/GPLv3 @author: Lomart @tags: layout-dynamic
                                                                              • folder_list: chemin du dossier
                                                                              • mask: masque de sélection des fichiers
                                                                              • template (item-template) = ##file##: modèle de mise en forme du résultat
                                                                              • template-folder = [b]##foldername##[/b]: modèle de mise en forme pour les dossier en vue liste
                                                                              • recursive = 0: niveaux d'exploration des sous-dossiers
                                                                              • date-format = Y/m/d H:i: format de la date
                                                                              • decimal = 2: nombre de décimales pour la taille du fichier
                                                                              • main-tag: balise principale. indispensable pour utiliser id, class et style
                                                                              • item-tag = p: balise pour un élément
                                                                              • class: classe(s) pour bloc
                                                                              • style: style inline pour bloc
                                                                              • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                🆙 form_select : liste déroulante d'options DEMO
                                                                                syntaxe : {up form-select=action_onchange}liste options CSV (label;value){/up form-select}
                                                                                @author: LOMART @version: UP-1.9 @license: GNU/GPLv3 @tags: expert
                                                                                • form_select = url: mot-clé (url, url-blank) ou argument pour onchange ou prefset
                                                                                • file: fichier CSV pour contenu
                                                                                • separator = ;: séparateur des colonnes
                                                                                • no-content-html = en=content not found : %s;fr=contenu non trouvé : %s: message erreur. %s:nom fichier
                                                                                • style: classes et styles
                                                                                • css-head (base-css):
                                                                                  🆙 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: UP-0.9 - Juillet 2017 @license: GNU/GPLv3 @tags: widget
                                                                                  • gmap (googlemap): adresse postale
                                                                                  • width (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} contenu {/up googlefont}
                                                                                    {up googlefont=nompolice | class=foo}

                                                                                    ...

                                                                                    @author: LOMART @version: UP-0.9 (17/08/17) @license: GNU/GPLv3 @tags: Expert
                                                                                    • googlefont: nom police
                                                                                    • size: ajout font-size et line-height
                                                                                    • family: famille de substitution (cursive, fantasy)
                                                                                    • tag = span: balise HTML pour entourer le contenu
                                                                                    • className: nom de la classe pour utiliser la police
                                                                                    • css-head (base-css): complément de css: color, font-size, ....
                                                                                      🆙 hr : affiche un trait horizontal avec une icône et/ou du texte DEMO
                                                                                      syntaxe 1 : {up hr=nom_class_modele}
                                                                                      syntaxe 2 : {up hr=nom_prefset}
                                                                                      syntaxe 3 : {up hr=1px, solid, #F00, 50%}
                                                                                      @author: Lomart @version: UP-1.7 @license: GNU/GPLv3 @tags: Editor
                                                                                      • hr: nom icône, code unicode, chemin image ou nom dans prefs.ini + color, size
                                                                                      • hr-border-top = 3px double #666: style du trait supérieur
                                                                                      • hr-border-bottom: style du trait inférieur
                                                                                      • hr-width = 100%: largeur du trait
                                                                                      • hr-height: hauteur pour bg
                                                                                      • hr-bg: argument pour background : couleur, dégradé, image
                                                                                      • hr-align = center: position de la ligne : left, center, right
                                                                                      • hr-style: style inline pour la ligne
                                                                                      • hr-class: classe pour la ligne
                                                                                      • icon: icon. admet raccourci icon, size, color
                                                                                      • icon-text: texte en remplacement ou après l'icone
                                                                                      • icon-size = 24px: taille icone en px, rem (px par defaut) - coté du carré dans lequel est inscrit l'image
                                                                                      • icon-color: couleur pour icon et texte
                                                                                      • icon-bg = #ffffff: couleur de fond
                                                                                      • icon-space = 4px: espace entre icon et trait
                                                                                      • icon-h-offset: décalage horizontal en px ou rem négatif pour aller vers la gauche
                                                                                      • icon-v-offset = 0: décalage vertical dans la même unité que icon-size. Par défaut moitié de icon-size
                                                                                      • icon-style: style inline pour l'icône ou le texte
                                                                                      • fontname = icomoon: pour icomoon ou FontAwesome ou autres (a mettre dans pref.ini)
                                                                                        🆙 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}
                                                                                        --> < div id="x123" class="foo">contenu< /div>
                                                                                        {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
                                                                                        v2.2 : possibilité saisie rapide {up html=h1.foo.xx} équivaut à {up html=h1 | class=foo xx}
                                                                                        @version: UP-1.0 @author: LOMART 2017-08 @license: GNU/GPLv3 @tags: html
                                                                                        • html = div: balise html
                                                                                        • class: classe(s)
                                                                                        • style: style inline
                                                                                        • xxx = yyy: couple attribut-valeur. ex: title=le titre, href=//google.fr
                                                                                          🆙 icon : uniformise l'appel des icônes. Evite de passer en mode code pour la saisie DEMO
                                                                                          syntaxe 1 : {up icon=nom_icone}
                                                                                          syntaxe 2 : {up icon=Ux1F7A7}
                                                                                          syntaxe 3 : {up icon=images/icone.png}
                                                                                          syntaxe 4 : {up icon=Ux1F7A7,#F00,2rem}
                                                                                          Important : indiquer dans prefs.ini le préfixe pour la police d'icones installée sur le site
                                                                                          @author: Lomart @version: UP-0.9 @license: GNU/GPLv3 @tags: editor
                                                                                          • icon: jeu d'options ou src,color,size
                                                                                          • prefix = icon-: pour icomoon ou 'fa fa-' pour font-awesome (a mettre dans pref.ini)
                                                                                          • fontname = icomoon: pour icomoon ou FontAwesome ou autres (a mettre dans pref.ini)
                                                                                          • src: nom icône, code unicode, chemin image (indispensable si prefset)
                                                                                          • size: taille icône en px, em (px par defaut) - coté du carré dans lequel est inscrit l'image
                                                                                          • color: couleur
                                                                                          • color-hover: couleur lors survol icône (sauf image et unicode coloré)
                                                                                          • style: style inline
                                                                                          • class: classe
                                                                                          • selector: retour sous forme propriétés CSS pour ce selecteur
                                                                                          • info = 0: 1 affiche la liste des icônes définies dans prefs.ini comme un message debug, 2 la retourne pour affichage à la place du shortcode
                                                                                          • title (titre): texte affiché au survol de l'icone
                                                                                            🆙 iframe : introduire un iFrame responsive dans un article DEMO
                                                                                            syntaxe {up iframe=URL}
                                                                                            @author: LOMART @version: UP-1.9.5 @license: GNU/GPLv3 @credit: https://css-tricks.com/snippets/sass/maintain-aspect-ratio-mixin/ @tags: HTML
                                                                                            • iframe: URL site distant
                                                                                            • allowfullscreen = allowfullscreen: autorise le plein ecran
                                                                                            • scrolling = no: affiche les ascenseurs si nécessaire
                                                                                            • ratio = 16:9: sous forme largeur:hauteur ou ratio 0.5625 ou pourcentage 56.25%
                                                                                            • height (h,hauteur): hauteur (utile pour mobile)
                                                                                            • preview: image affichée avant chargement de l'iframe
                                                                                            • class: classe(s) pour bloc externe
                                                                                            • style: style inline pour bloc externe
                                                                                            • iframe-class: classe(s) pour bloc - utilisation interne
                                                                                            • iframe-style: style inline pour bloc - utilisation interne
                                                                                            • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                              🆙 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: UP-0.9 - Juillet 2017 @license: GNU/GPLv3 @credit: script de Sylvain Combes @tags: image
                                                                                              • image_compare: aucun argument nécessaire
                                                                                              • class: classe(s) pour le bloc
                                                                                              • style: style inline pour le bloc
                                                                                              • initVisibleRatio = 0.2: position initiale
                                                                                              • interactionMode = drag: mode: drag, mousemove, click
                                                                                              • addSeparator = 1: ajoute séparateur (ligne verticale)
                                                                                              • addDragHandle = 1: ajoute poignée sur séparateur
                                                                                              • animationDuration = 450: durée animation en ms
                                                                                              • animationEasing = linear: animation: linear, swing
                                                                                              • precision = 2: précision rapport, nb decimales
                                                                                                🆙 image_gallery : Affiche une ou plusieurs images dans une lightbox DEMO
                                                                                                avec adaptation de la taille image à celle de l'appareil et légendes
                                                                                                syntaxe 1 {up image-gallery=chemin_image | alt=texte}
                                                                                                syntaxe 2 {up image-gallery=chemin_dossier}
                                                                                                syntaxe 3 {up image-gallery}contenu avec des images{/up image-gallery}
                                                                                                @author: LOMART @version: UP-1.4 @license: GNU/GPLv3 @credit: jqPhotoSwipe de Ergec - photoswipe.com - Masonry - Shuffle.js @tags: image
                                                                                                • image_gallery: fichier image, dossier pour galerie ou largeurs des images contenues
                                                                                                • layout = masonry-3-2-1: layout pour galerie : grid-x-x-x, none-x-x-x, shuffle-x-x-x
                                                                                                • nb-img = 0: nombre de vignettes affiché pour la galerie d'un dossier, 0 = toutes
                                                                                                • gallery = 1: affiche la galerie dans une lightbox. Saisie obligée pour faire une galerie des images du contenu
                                                                                                • legend: label pour image unique
                                                                                                • legend-type = 2: 0:aucune, 1:hover-top, 2:hover-bottom, 3:sous l'image
                                                                                                • class: classe(s) pour bloc principal
                                                                                                • style: style inline pour bloc principal
                                                                                                • img-class: classe(s) pour bloc figure avec image et legende
                                                                                                • img-style: style inline pour bloc avec image et legende
                                                                                                • legend-class: classe(s) pour la légende vignette
                                                                                                • legend-style: style pour la légende vignette
                                                                                                • img-sizes: largeur image en pourcentage de wmax-page en mode desktop, tablette et mobile. 100,100,100 par défaut
                                                                                                • wmin-image = 600: largeur mini de l'image pour prise en charge
                                                                                                • wmax-page = 1200: largeur maxi du conteneur contenu de la page
                                                                                                • wmax-lightbox = 1200: largeur image dans lightbox
                                                                                                • wmax-lightbox-mobile = 768: largeur image dans lightboox sur mobile ou 0 pour désactiver. Multiplié par pixel-ratio
                                                                                                • pixel-ratio = 0: facteur DPR. ex: 0:sans, vide, 1 ou 2: 2, 3:3
                                                                                                • quality = 70: taux compression jpeg
                                                                                                • similarity = 80: taux minimal. Si la largeur entre 2 images alternatives est inférieure a 80%, la plus petite n'est pas cree
                                                                                                • bp-tablet = 768: point de rupture tablette
                                                                                                • bp-mobile = 480: point de rupture smartphone
                                                                                                • random: affichage random en mode shuffle
                                                                                                • search: shuffle search
                                                                                                • shuffle-reverse: shuffle : ordre inverse des boutons
                                                                                                • css-head (base-css): style CSS inséré dans le HEAD
                                                                                                  🆙 image_hover : affiche une image avec un contenu HTML avec effets lors du survol DEMO
                                                                                                  {up image-hover=images/image.jpg | effect=xx}
                                                                                                  -- contenu HTML affiché au survol
                                                                                                  {/up image-hover}
                                                                                                  Voir la démo pour les numéros des effets
                                                                                                  @author: Lomart @version: UP-0.9 - juillet 2017 @license: GNU/GPLv3 @credit: Sanjay Jadon @tags: image
                                                                                                  • image_hover: nom de l'image
                                                                                                  • effect = 11: nom de l'effet à trouver sur le site démo
                                                                                                  • class: classe pour bloc externe (deprecated)
                                                                                                  • style: style inline pour bloc externe
                                                                                                  • img-class: classe pour image (deprecated)
                                                                                                  • img-style: style inline pour image
                                                                                                  • text-class: classe pour bloc texte lors survol (deprecated)
                                                                                                  • text-style: style inline pour bloc texte lors survol
                                                                                                  • css-head (base-css): code css pour le head. ATTENTION [] au lieu de {}
                                                                                                    🆙 image_logo : Ajoute une image ou un texte sur une image DEMO
                                                                                                    syntaxe {up image-logo=prefset,image_logo ou texte}image{/up image-logo}
                                                                                                    @author: LOMART @version: UP-1.8 @license: GNU/GPLv3 @tags: image
                                                                                                    • image_logo: prefset,image_logo ou texte
                                                                                                    • pos = right,bottom: position horizontale (left, gauche, right, droite, center, centre), verticale (top, haut, bottom, bas, center, centre)
                                                                                                    • width (l,largeur,w): largeur logo en px, rem, %. % par défaut
                                                                                                    • class: classe(s) pour bloc
                                                                                                    • style: style inline pour bloc
                                                                                                    • main-class: classe(s) pour le bloc du contenu
                                                                                                    • main-style: style inline pour le bloc du contenu
                                                                                                    • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                      🆙 image_magnify : affiche un effet de loupe sur une image DEMO
                                                                                                      syntaxe 1 {up image-magnify=petite image | imgzoom=grande image pour zoom}
                                                                                                      syntaxe 2 {up image-magnify=image pour vignette et zoom}
                                                                                                      @author: LOMART @version: UP-0.9 @license: GNU/GPLv3 @credit: thdoan @tags: image
                                                                                                      • image_magnify: fichier image normale
                                                                                                      • imgzoom: fichier image utilisé pour le zoom. si vide: image principale
                                                                                                      • size: diamètre de la loupe en pixel
                                                                                                      • radius: taille de l'arrondi de la loupe en pixel
                                                                                                      • border: modele de bordure pour la loupe. fin ou vide
                                                                                                      • class: classe(s) ajoutées au bloc principal
                                                                                                      • style: style inline ajouté au bloc principal
                                                                                                        🆙 image_pannellum : Affiche un panorama 3D à partir d'une image equirectangular DEMO
                                                                                                        syntaxe {up image_pannellum=chemin_image_equirectangular}
                                                                                                        @author: LOMART @version: UP-1.6 @license: GNU/GPLv3 @credit: script pannellum de Matthew Petroff. @tags: image
                                                                                                        • image_pannellum: chemin de l'image
                                                                                                        • height (h,hauteur) = 400px: hauteur en px ou vh
                                                                                                        • width (l,largeur,w) = 100%: largeur en px ou %
                                                                                                        • options: liste des options supplémentaires . ex: showZoomCtrl:true,compass:true - Attention au min/maj. voir cette page
                                                                                                        • language: liste motclé (bylineLabel,loadButtonLabel,loadingLabel) + traduction. Exemple:bylineLabel:lang[en=by %s;fr:par %s], loadingLabel:Loading...
                                                                                                        • fullscreen = 0: 1 pour autoriser la vue plein écran
                                                                                                        • class: classe(s) ajoutées au bloc principal
                                                                                                        • style: style inline ajouté au bloc principal
                                                                                                        • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                                                                                        • panorama: chemin image (il est rempli automatiquement)
                                                                                                        • preview: chemin image preview
                                                                                                        • type = equirectangular: type de l'image
                                                                                                        • title (titre): titre. pseudo BBCode et traduction acceptes
                                                                                                        • author: auteur. pseudo BBCode et traduction acceptes
                                                                                                        • authorURL: lien vers site auteur
                                                                                                        • autoLoad = 0: chargement auto de l'image
                                                                                                        • autoRotate = 0: rotation nombre de degrés par seconde
                                                                                                        • showControls = 1: 0 pour masquer tous les boutons
                                                                                                        • showZoomCtrl = 1: 0 pour masquer les boutons +/- du zoom
                                                                                                        • showFullscreenCtrl = 1: 0 pour masquer le bouton plein écran
                                                                                                        • hotSpotDebug = 0: 1 pour afficher les coordonnées hotspot dans la console
                                                                                                          🆙 image_random : Affiche aléatoirement une des images d'un dossier DEMO
                                                                                                          Le dossier peut être un pattern valide pour la fonction PHP GLOB
                                                                                                          syntaxe 1 : {up image-random=folder}
                                                                                                          syntaxe 2 : {up image-random}image 1{===}image 2 avec lien{/up image-random}
                                                                                                          syntaxe 3 : {up image-random}content 1{===}content 2{/up image-random}
                                                                                                          @author: LOMART @version: UP-1.8.2 @license: GNU/GPLv3 @tags: image
                                                                                                          • image_random: dossier des images
                                                                                                          • path-only = 0: retourne uniquement le chemin de l'image pour utilisation par une autre action.
                                                                                                          • class: classe(s) pour bloc
                                                                                                          • style: style inline pour bloc
                                                                                                          • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                            🆙 image_rollover : Change l'image au survol DEMO
                                                                                                            syntaxe {up image-rollover=image_base | hover=image_survol}
                                                                                                            @author: LOMART @version: UP-1.4 @license: GNU/GPLv3 @tags: image
                                                                                                            • image_rollover: image repos
                                                                                                            • hover: image au survol
                                                                                                            • click: image lors clic
                                                                                                            • class: classe(s) pour bloc
                                                                                                            • style: style inline pour bloc
                                                                                                              🆙 image_secure : Affiche une image de manière à compliquer sa récupération DEMO
                                                                                                              syntaxe {up image-secure=chemin_image}
                                                                                                              @author: LOMART @version: UP-1.8 (10-03-2020) @license: GNU/GPLv3 @tags: image
                                                                                                              • image_secure: chemin relatif vers image jpg ou png
                                                                                                              • folder-source = images: dossier racine des images originales
                                                                                                              • folder-strip = images/image-secure: dossier avec les images fractionnées
                                                                                                              • nb-strip = 5: nombre de bandes
                                                                                                              • alt: texte alternatif pour image. Si vide: nom du fichier humanisé
                                                                                                              • quality = 80:
                                                                                                              • reset = 0: force la génération des images strip
                                                                                                              • delete-source = 0: supprime l'image source après génération des strips
                                                                                                              • class: classe(s) pour bloc
                                                                                                              • style: style inline pour bloc
                                                                                                              • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                                🆙 imagemap : une image clicable et responsive DEMO
                                                                                                                syntaxe {up imagemap=chemin_image}
                                                                                                                < area target="" alt="" title="" href="/" coords="" shape="">;
                                                                                                                < area target="" alt="" title="" href="/" coords="" shape="">;
                                                                                                                {/up imagemap}
                                                                                                                utiliser un générateur en ligne pour définir les zones : www.image-map.net
                                                                                                                @author: LOMART @version: UP-1.2 du 10-12-17 @license: GNU/GPLv3 @credit: script RWD Image Maps de stowball @tags: image
                                                                                                                • imagemap: le chemin et nom de l'image
                                                                                                                • class: classe(s) ajoutées au bloc principal
                                                                                                                • style: style inline ajouté au bloc principal
                                                                                                                  🆙 jcat_image : Affiche une image en rapport avec la catégorie de l'article courant DEMO
                                                                                                                  syntaxe {up jcat_image}
                                                                                                                  @author: LOMART @version: UP-1.95 @license: GNU/GPLv3 @tags: joomla
                                                                                                                  • jcat_image: dossier/chemin/url vers une image si la catégorie n'en possède pas
                                                                                                                  • class: classe(s) pour bloc
                                                                                                                  • style: style inline pour bloc
                                                                                                                  • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                                    🆙 jcategories_by_tags : liste des catégories d'un mot-clé (tag) DEMO
                                                                                                                    syntaxe : {up jcategories-by-tags=id-ou-nom-tag}
                                                                                                                    MOTS-CLES :
                                                                                                                    ##title## ##title-link## ##subtitle## ##link##
                                                                                                                    ##intro## ##intro-text## ##intro-text,100## ##content##
                                                                                                                    ##image## ##image-link## ##image-src## ##image-alt##
                                                                                                                    ##date-crea## ##date-modif## ##new## ##count## ##hits## ##tags-list##
                                                                                                                    @author: LOMART @version: UP-1.7 @license: GNU/GPLv3 @tags: Joomla
                                                                                                                    • jcategories_by_tags: ID ou nom du tag
                                                                                                                    • maxi: Nombre maxi d'article dans la liste
                                                                                                                    • no-published (no_published) = 0: 1 pour obtenir les catégories non publiées
                                                                                                                    • sort-by = title: tri: title, rgt, created_time, modified_time, id, hits
                                                                                                                    • sort-order = asc: ordre de tri : asc, desc
                                                                                                                    • template (item-template): modèle de mise en page. Si vide le modèle est défini par le contenu
                                                                                                                    • main-tag = div: balise pour le bloc englobant tous les articles. 0 pour aucun
                                                                                                                    • main-style: classes et styles inline pour bloc principal
                                                                                                                    • main-class: classe(s) pour bloc principal (obsoléte)
                                                                                                                    • item-tag = div: balise pour le bloc englobant tous les articles. 0 pour aucun
                                                                                                                    • item-style: classes et styles inline pour bloc principal
                                                                                                                    • item-class: classe(s) pour bloc principal (obsoléte)
                                                                                                                    • image-src: lorempixel.com/150/150', // image par défaut
                                                                                                                    • image-alt = news: image, texte alternatif par défaut
                                                                                                                    • date-format = %e %B %Y: format pour les dates
                                                                                                                    • date-locale: localisation pour les dates. Par défaut, celle du navigateur client.
                                                                                                                    • new-days = 30: nombre de jours depuis la création de l'article
                                                                                                                    • new-html = [span class="badge-red"]nouveau[/span]: code HTML pour badge NEW
                                                                                                                    • no-content-html = [p]aucune catégorie pour ce mot-clé[/p]: retour si aucune catégorie trouvée
                                                                                                                    • tags-list-prefix: texte avant les autres eventuels tags
                                                                                                                    • tags-list-style: classe ou style pour les autres mots-clés
                                                                                                                    • css-head (base-css):
                                                                                                                      🆙 jcategories_list : liste des catégories descendantes DEMO
                                                                                                                      la catégorie parente n'est pas affichée
                                                                                                                      syntaxe : {up jcategories-list=id}
                                                                                                                      MOTS-CLES ITEM MENU:
                                                                                                                      ##id## ##access## ##title-link## ##title## ##note## ##extension## ##language##
                                                                                                                      https://docs.joomla.org/Categories_and_CategoryNodes_API_Guide
                                                                                                                      @author: LOMART @version: UP-1.8 @license: GNU/GPLv3 @tags: Joomla
                                                                                                                      • jcategories_list: id catégorie ou vide pour toutes
                                                                                                                      • component = Content: nom de l'extension pour laquelle récupérer les catégories
                                                                                                                      • level: nombre de niveaux. O = tous
                                                                                                                      • main-tag = ul:
                                                                                                                      • item-tag = li:
                                                                                                                      • template (item-template) = ##title-link##[small] (id:##id##) ##access## ##extension## ##language##[/small] ##note##: modèle de mise en page. keywords + bbcode
                                                                                                                      • model-note = [i class="t-blue"]%s[/i]:
                                                                                                                      • style: classes et styles
                                                                                                                      • css-head (base-css):
                                                                                                                        🆙 jcontent_by_categories (jnews) : liste des articles d'une catégorie DEMO
                                                                                                                        syntaxe : {up jcontent-by-categories=id-catégorie(s)}
                                                                                                                        Une action très pratique pour lister les articles de la catégorie en cours, il suffit de taper {up article-category}
                                                                                                                        Les mots-clés :
                                                                                                                        ##title## ##title-link## ##subtitle## ##link##
                                                                                                                        ##intro## ##intro-text## ##intro-text,100## ##content##
                                                                                                                        ##image## ##image-src## ##image-alt##
                                                                                                                        ##date-crea## ##date-modif## ##date-publish##
                                                                                                                        ##author## ##note## ##cat## ##cat-link## ##new## ##featured## ##hits## ##tags-list##
                                                                                                                        @author: LOMART @version: UP-1.7 @license: GNU/GPLv3 @tags: Joomla
                                                                                                                        • jcontent_by_categories (jnews): ID(s) catégorie(s) séparé(s) avec virgule, vide pour celle de l'article actuel ou 0 pour toutes
                                                                                                                        • maxi: Nombre maxi d'articles dans la liste. Vide = tous
                                                                                                                        • exclude: liste des id des catégories non reprises si option principale=0
                                                                                                                        • current = 0: 1 pour inclure l'article en cours
                                                                                                                        • no-published (no_published) = 1: Liste aussi les articles non publiés
                                                                                                                        • sort-by = publish_up: tri: title, ordering, created, modified, publish_up, id, hits
                                                                                                                        • sort-order = desc: ordre de tri : asc, desc
                                                                                                                        • author: filtre sur auteur: liste des id ou article, current
                                                                                                                        • template (item-template): modèle de mise en page. Si vide le modèle est le contenu
                                                                                                                        • main-tag = div: balise pour le bloc englobant tous les articles. 0 pour aucun
                                                                                                                        • main-style: classes et styles inline pour bloc principal
                                                                                                                        • main-class: classe(s) pour bloc principal (obsolète)
                                                                                                                        • item-tag = div: balise pour le bloc d'un article. 0 pour aucun
                                                                                                                        • item-style: classes et styles inline pour un article
                                                                                                                        • item-class: classe(s) pour un article (obsolète)
                                                                                                                        • date-format = %e %B %Y: format pour les dates
                                                                                                                        • date-locale: localisation pour les dates. Par défaut, celle du navigateur client.
                                                                                                                        • new-days = 30: nombre de jours depuis la création de l'article
                                                                                                                        • new-html = [span class="badge bg-red t-white"]nouveau[/span]: code HTML pour badge NEW
                                                                                                                        • featured-html = &#x2B50: code HTML pour article en vedette
                                                                                                                        • no-content-html = Pas de nouvelles, bonnes nouvelles ...[br]No news, good news ...: texte si aucune correspondance. 0=aucun texte
                                                                                                                        • image-src: lorempixel.com/300/300', // image par défaut
                                                                                                                        • image-alt = news: image, texte alternatif par défaut
                                                                                                                        • tags-list-prefix: texte avant les autres éventuels tags
                                                                                                                        • tags-list-style = badge;margin-right:4px: classe ou style affecté à une balise span par mot-clé
                                                                                                                        • tags-list-separator: séparateur entre mots-clés
                                                                                                                        • css-head (base-css): code CSS dans le head
                                                                                                                          🆙 jcontent_by_subcat : Les articles par categories et sous-categories DEMO
                                                                                                                          syntaxe 1 : {up jcontent-by-subcat=id-categorie}
                                                                                                                          liste des articles d'une catégorie et ses sous-catégories
                                                                                                                          syntaxe 2 : {up jcontent-by-subcat}
                                                                                                                          liste des articles de la catégorie en cours et ses sous-catégories
                                                                                                                          syntaxe 3 : {up jcontent-by-subcat=0}
                                                                                                                          liste des articles de toutes les catégories
                                                                                                                          syntaxe 4 : {up jcontent-by-subcat}##title##{/up jcontent-by-subcat}
                                                                                                                          variante : saisie template pour articles entre shortcodes
                                                                                                                          Les mots-clés article:
                                                                                                                          ##title## ##title-link## ##subtitle## ##link##
                                                                                                                          ##intro## ##intro-text## ##intro-text,100## ##content##
                                                                                                                          ##image## ##image-src## ##image-alt##
                                                                                                                          ##date-crea## ##date-modif## ##date-publish##
                                                                                                                          ##author## ##note## ##cat## ##new## ##featured## ##hits## ##tags-list##
                                                                                                                          Les mots-clés catégorie:
                                                                                                                          ##catpath## : Chemin des categories depuis la categorie racine.
                                                                                                                          ex: si on demande la categorie 2 avec 3 niveaux (subcat=3): 2.1 > 2.1.1 > 2.1.1.1
                                                                                                                          ##title## ##title-link## ##link## : titre et lien de la categorie
                                                                                                                          ##alias## ##note## ##id## ##count## : nombre d'articles dans la catégorie
                                                                                                                          @author: LOMART @version: UP-2.5 @license: GNU/GPLv3 @tags: Joomla
                                                                                                                          • jcontent_by_subcat: ID catégorie, vide pour celle de l'article actuel ou 0 pour toutes
                                                                                                                          • exclude: liste des id des catégories non reprises si option principale=0
                                                                                                                          • cat-level = 99: 0 a 99 - niveau maxi exploration des sous-catégories
                                                                                                                          • maxi: Nombre maxi d'articles dans chaque catégorie. Vide = tous
                                                                                                                          • current = 0: 1 pour inclure l'article en cours
                                                                                                                          • no-published (no_published) = 0: Liste aussi les articles non publies
                                                                                                                          • author: filtre sur auteur: liste des id user ou article, current
                                                                                                                          • sort-by = title: tri: title, ordering, created, modified, publish_up, id, hits
                                                                                                                          • sort-order = asc: ordre de tri : asc, desc
                                                                                                                          • cat-separator = »: pour séparer l'arborescence des catégories
                                                                                                                          • cat-template = [small]##catpath##[/small] [b]##title##[/b]: modèle pour les lignes de catégories
                                                                                                                          • cat-root-view = 1: afficher l'unique catégorie racine. root=jamais, plusieurs=toujours
                                                                                                                          • cat-tag = h5: balise pour ligne catégorie. LI pour passer en format liste UL/LI
                                                                                                                          • cat-class:
                                                                                                                          • cat-style:
                                                                                                                          • template (item-template): modele de mise en page. Si vide le modèle est le contenu
                                                                                                                          • item-tag = div: balise pour le bloc d'un article.
                                                                                                                          • item-style: classes et styles inline pour un article
                                                                                                                          • item-class: classe(s) pour un article (obsolete)
                                                                                                                          • main-tag = p: balise pour le bloc englobant tous les articles.
                                                                                                                          • main-style: classes et styles inline pour bloc principal
                                                                                                                          • main-class: classe(s) pour bloc principal (obsolete)
                                                                                                                          • date-format = %e %B %Y: format pour les dates
                                                                                                                          • date-locale: localisation pour les dates. Par defaut, celle du navigateur client.
                                                                                                                          • new-days = 30: nombre de jours depuis la création de l'article pour badge 'nouveau'
                                                                                                                          • new-html = [span class="badge bg-red t-white"]nouveau[/span]: code HTML pour badge NEW
                                                                                                                          • featured-html = &#x2B50: code HTML pour article en vedette
                                                                                                                          • no-content-html = lang[en=No content found;fr=Aucun contenu trouvé: texte si aucune correspondance. 0=aucun texte
                                                                                                                          • image-src: lorempixel.com/300/300', // image par defaut
                                                                                                                          • image-alt = news: image, texte alternatif par defaut
                                                                                                                          • tags-list-prefix: texte avant les autres éventuels tags
                                                                                                                          • tags-list-style = badge;margin-right:4px: classe ou style affecte a une balise span par mot-cle
                                                                                                                          • tags-list-separator: séparateur entre mots-cles
                                                                                                                          • css-head (base-css): code CSS dans le head
                                                                                                                            🆙 jcontent_by_tags : liste des catégories d'un mot-clé (tag) DEMO
                                                                                                                            syntaxe : {up jcategories-by-tags=id-ou-nom-tag}
                                                                                                                            Les mots-clés :
                                                                                                                            ##title## ##title-link## ##subtitle## ##link##
                                                                                                                            ##intro## ##intro-text## ##intro-text,100## ##content##
                                                                                                                            ##image## ##image-link## ##image-src## ##image-alt##
                                                                                                                            ##date-crea## ##date-modif##
                                                                                                                            ##cat## ##new## ##hits## ##tags-list##
                                                                                                                            ##CF_id_or_name## : valeur brute du custom field
                                                                                                                            ##CF_id_or_name | [span class="t-red"]%label% : [:span]%value% ## (ou %rawvalue%)
                                                                                                                            @author: LOMART @version: UP-1.7 @license: GNU/GPLv3 @tags: Joomla
                                                                                                                            • jcontent_by_tags: ID ou nom du tag
                                                                                                                            • maxi: Nombre maxi d'articles dans la liste
                                                                                                                            • no-published (no_published) = 0: 1 pour obtenir les catégories non publiées
                                                                                                                            • sort-by = title: tri: title, rgt, created, modified, id, hits
                                                                                                                            • sort-order = asc: ordre de tri : asc, desc
                                                                                                                            • template (item-template): modèle de mise en page. Si vide le modèle est le contenu
                                                                                                                            • main-tag = div: balise pour le bloc englobant tous les articles. 0 pour aucun
                                                                                                                            • main-style: classes et styles inline pour bloc principal
                                                                                                                            • main-class: classe(s) pour bloc principal (obsolète)
                                                                                                                            • item-tag = div: balise pour le bloc englobant tous les articles. 0 pour aucun
                                                                                                                            • item-style: classes et styles inline pour bloc principal
                                                                                                                            • item-class: classe(s) pour bloc principal (obsoléte)
                                                                                                                            • image-src: lorempixel.com/150/150', // image par défaut
                                                                                                                            • image-alt = news: image, texte alternatif par défaut
                                                                                                                            • date-format = %e %B %Y: format pour les dates
                                                                                                                            • date-locale: localisation pour les dates. Par défaut, celle du navigateur client.
                                                                                                                            • new-days = 30: nombre de jours depuis la création de l'article
                                                                                                                            • new-html = [span class="badge-red"]nouveau[/span]: code HTML pour badge NEW
                                                                                                                            • tags-list-prefix: texte avant les autres éventuels tags
                                                                                                                            • tags-list-style: classe ou style pour les autres mots-clés
                                                                                                                            • no-content-html = aucune catégorie pour ce mot-clé: retour si aucune catégorie trouvée
                                                                                                                            • css-head (base-css):
                                                                                                                              🆙 jcontent_in_content : Affiche le contenu d'un article dans un autre DEMO
                                                                                                                              syntaxe 1 : {up jcontent-in-content=id_article}
                                                                                                                              syntaxe 2 : {up jcontent_in_content=145}template{/up jcontent_in_content}
                                                                                                                              Les mots-clés :
                                                                                                                              ##id## ##title## ##title-link## ##subtitle## ##link##
                                                                                                                              ##intro## ##intro-text## ##intro-text,100## ##content##
                                                                                                                              ##image## ##image-src## ##image-alt##
                                                                                                                              ##date-crea## ##date-modif## ##date-publish##
                                                                                                                              ##author## ##note## ##cat## ##new## ##featured## ##hits##
                                                                                                                              @author: LOMART @version: UP-1.7 @license: GNU/GPLv3 @tags: Joomla
                                                                                                                              • jcontent_in_content: ID de l'article
                                                                                                                              • no-published (no_published) = 1: Liste aussi les articles non publiés
                                                                                                                              • template (item-template) = ##content##: modèle de mise en page. Si vide le modèle est le contenu. BBCode accepté
                                                                                                                              • main-tag = div: balise pour le bloc d'un article. 0 pour aucun
                                                                                                                              • main-style: classes et styles inline pour un article
                                                                                                                              • main-class: classe(s) pour un article (obsoléte)
                                                                                                                              • date-format = %e %B %Y: format pour les dates
                                                                                                                              • date-locale: localisation pour les dates. Par défaut, celle du navigateur client.
                                                                                                                              • css-head (base-css): code CSS dans le head
                                                                                                                                🆙 jcontent_info : Affiche des informations sur l'article courant DEMO
                                                                                                                                syntaxe 1 : {up jcontent-info=nom_info}
                                                                                                                                syntaxe 2 : {up jcontent_info}<b>une info :</b> ##nom_info##{/up jcontent_info}
                                                                                                                                syntaxe 3 : {up jcontent_info | template=[b]une info :[/b] ##nom_info##}
                                                                                                                                Les mots-clés :
                                                                                                                                ##id## ##title## ##subtitle##
                                                                                                                                ##image## ##image-src## ##image-alt## ##image-legend##
                                                                                                                                ##image-full## ##image-full-src## ##image-full-alt## ##image-full-legend##
                                                                                                                                ##date-crea## ##crea_by## ##date-modif## ##modif_by##
                                                                                                                                ##url-a## ##url-b## ##url-c##
                                                                                                                                ##date-publish## ##date-unpublish##
                                                                                                                                ##note## ##cat## ##catid## ##breadcrumbs##
                                                                                                                                ##featured## ##hits## ##tags## ##author##
                                                                                                                                @author: LOMART @version: UP-2.5 @license: GNU/GPLv3 @tags: Joomla
                                                                                                                                • jcontent_info: le nom d'un élément ou rien
                                                                                                                                • template (item-template) = ##content##: modèle de mise en page. Si vide le modèle est le contenu. BBCode accepté
                                                                                                                                • tag = _div: balise pour le bloc d'un article. _div = div si class ou style, sinon rien. = 0=jamais
                                                                                                                                • style: classes et styles inline pour un article
                                                                                                                                • class: classe(s) pour un article (obsoléte)
                                                                                                                                • date-format = %e %B %Y: format pour les dates
                                                                                                                                • date-locale: localisation pour les dates. Par défaut, celle du navigateur client.
                                                                                                                                • featured-html = [b class="t-gris"]&#x2605;[/b], [b class="t-jauneFonce"]&#x2605;[/b]:
                                                                                                                                • tags-list-prefix: texte avant les autres eventuels tags
                                                                                                                                • tags-list-style = badge;margin-right:4px: classe ou style affecte a une balise span par mot-cle
                                                                                                                                • tags-list-separator: separateur entre mots-cles
                                                                                                                                • path-separator = »: caractère ou bbcode pour séparer les items menus ou les catégories
                                                                                                                                • path-current-class = b: style de l'élement terminal d'un chemin
                                                                                                                                • path-parent-class = fs90: style des élements parents
                                                                                                                                • path-order = asc: asc: élément terminal à la fin, desc : au début
                                                                                                                                • path-link = 1: affiche les liens sur les éléments.
                                                                                                                                • css-head (base-css): code CSS dans le head
                                                                                                                                  🆙 jcontent_list (article_category) : liste des articles d'une catégorie DEMO
                                                                                                                                  syntaxe : {up jcontent-list=id-catégorie(s)}
                                                                                                                                  Une action très pratique pour lister les articles de la catégorie en cours, il suffit de taper {up jcontent-list}
                                                                                                                                  @author: LOMART @version: UP-0.9 @license: GNU/GPLv3 @tags: Joomla
                                                                                                                                  • jcontent_list (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 (no_published) = 1: Liste aussi les articles non publiés
                                                                                                                                  • sort-by = title: tri: title, ordering, created, modified, publish_up, id, hits
                                                                                                                                  • sort-order = asc: ordre de tri : asc, desc
                                                                                                                                  • author: filtre sur auteur: liste des id ou article, current
                                                                                                                                  • main-class: classe(s) pour bloc principal (obsoléte)
                                                                                                                                  • class: idem main-class. Conservé pour compatibilité descendante
                                                                                                                                  • main-style: classes et styles inline pour bloc principal
                                                                                                                                  • style: idem main-style. Conservé pour compatibilité descendante
                                                                                                                                  • title (titre): titre HTML si article trouvé.
                                                                                                                                  • title-tag = h3: niveau du titre
                                                                                                                                  • title-style: classes et styles inline pour le titre
                                                                                                                                  • title-class: classe(s) pour le titre (obsoléte)
                                                                                                                                  • list-style: classes et styles inline pour la liste
                                                                                                                                  • list-class: classe(s) pour la liste (obsoléte)
                                                                                                                                  • css-head (base-css): code CSS dans le head
                                                                                                                                    🆙 jextensions_list : liste des extensions installées sur le site DEMO
                                                                                                                                    syntaxe : {up jextensions-list=prefset ou type(s)}
                                                                                                                                    MOTS-CLES:
                                                                                                                                    ##id## ##client## ##type## ##name-link## ##name## ##author## ##version## ##folder## ##state##
                                                                                                                                    @author: LOMART @version: UP-1.7 @license: GNU/GPLv3 @tags: Joomla
                                                                                                                                    • jextensions_list = component,module,plugin: nom d'un prefset ou un des types suivants : component,module,plugin
                                                                                                                                    • type-exclude = 0: 1= tous les types sauf ceux passés en paramètre principal
                                                                                                                                    • client = 0: 0=site, 1=admin, 2=tous
                                                                                                                                    • minimal-id = 10000: pour exclure les composants du core Joomla 3.0
                                                                                                                                    • author-exclude = Joomla! Project: pour exclure les composants du core Joomla 4.0
                                                                                                                                    • actif-only = 0: 1 pour lister les extensions dépubliées
                                                                                                                                    • sort = type,folder,name: tri
                                                                                                                                    • main-tag = ul:
                                                                                                                                    • item-tag = li:
                                                                                                                                    • template (item-template) = ##state####name##[small] ##client## ##type####folder## ##version## (id:##id##) ##author## [/small] ##note##: modèle de mise en page. keywords+bbcode
                                                                                                                                    • model-folder = %s:
                                                                                                                                    • model-version = vers:%s:
                                                                                                                                    • model-note = [i class="t-blue"]%s[/i]:
                                                                                                                                    • state-list = t-red: liste de choix : inactif, actif 🔴
                                                                                                                                    • style: classes et styles
                                                                                                                                    • css-head (base-css):
                                                                                                                                      🆙 jmenus_list : liste des menus DEMO
                                                                                                                                      syntaxe : {up jmenus-list=menutype}
                                                                                                                                      MOTS-CLES MENUTYPE:
                                                                                                                                      ##id## ##menutype## ##title## ##description##
                                                                                                                                      MOTS-CLES ITEM MENU:
                                                                                                                                      ##id## ##title## ##link## ##title-link## ##note## ##access## ##language## ##component##
                                                                                                                                      @author: LOMART @version: UP-1.8 @license: GNU/GPLv3 @tags: Joomla
                                                                                                                                      • jmenus_list: prefset, nom menutype ou vide pour tous
                                                                                                                                      • menuid: ID menu parent pour limiter à cette branche
                                                                                                                                      • main-tag = ul: balise pour la liste des fichiers
                                                                                                                                      • template-menutype = [h5]##title## (id:##id##)[/h5] ##description## / ##menutype##: modèle de mise en page ou 0 pour aucun. keywords + bbcode
                                                                                                                                      • template-menu = ##title-link##[small] (id:##id##) ##access## - ##component## ##language##[/small] ##note##: modèle de mise en page. keywords + bbcode
                                                                                                                                      • model-note = [i class="t-blue"] %s[/i]: keywords + bbcode
                                                                                                                                      • style: classes et styles
                                                                                                                                      • css-head (base-css):
                                                                                                                                        🆙 jmodules_list : liste des modules sur le site DEMO
                                                                                                                                        syntaxe : {up jmodules-list=position ou client_id}
                                                                                                                                        MOTS-CLES:
                                                                                                                                        ##id## ##client## ##position## ##module## ##title##
                                                                                                                                        ##state## ##note## ##ordering## ##language##
                                                                                                                                        @author: LOMART @version: UP-1.8 @license: GNU/GPLv3 @tags: Joomla
                                                                                                                                        • jmodules_list: prefset ou position(s). vide=tous les modules site
                                                                                                                                        • position-exclude = 0: 1= toutes les positions sauf celles passées en paramètre principal
                                                                                                                                        • client = 0: 0=site, 1=admin, 2=tous
                                                                                                                                        • module: nom du module. ex: LM-Custom-SITE
                                                                                                                                        • module-exclude = 0: 1= tous les modules sauf ceux passés au paramètre module
                                                                                                                                        • actif-only = 0: 1 pour lister les extensions dépubliées
                                                                                                                                        • order = position, ordering, title: tri
                                                                                                                                        • main-tag = ul: balise pour le bloc englobant tous les modules. 0 pour aucun
                                                                                                                                        • main-style: classes et styles inline pour bloc principal
                                                                                                                                        • main-class: classe(s) pour bloc principal (obsolète)
                                                                                                                                        • item-tag = li: balise pour un module. 0 pour aucun
                                                                                                                                        • item-style: classes et styles inline pour bloc ligne
                                                                                                                                        • item-class: classe(s) pour bloc ligne (obsolète)
                                                                                                                                        • template (item-template) = \[##position##\] [b class="##state##"][/b] [b]##title##[/b] [small] (id:##id## - ##module##) ##language##[/small] ##note##: modèle de mise en page.
                                                                                                                                        • model-note = [i class="t-blue"]%s[/i]:
                                                                                                                                        • no-content-html = [p]aucun module a cette position[/p]: retour si aucune catégorie trouvée
                                                                                                                                        • state-list = icon-unpublish t-rouge, icon-publish t-vert, icon-trash t-gris: liste de choix : inactif, actif 🔴
                                                                                                                                        • css-head (base-css):
                                                                                                                                          🆙 kawa (coffee) : Sert un café virtuel DEMO
                                                                                                                                          Vos yeux après de longues heures devant votre ordi commencent à se fermer.
                                                                                                                                          Vite tapez ce shortcode :
                                                                                                                                          syntax {up kawa=long | sugar | speculoos=lotus }
                                                                                                                                          @author: LOMART @version: UP-1.3.2 @license: GNU/GPLv3 @tags: widget
                                                                                                                                          • kawa (coffee): vide = café court, long = café long
                                                                                                                                          • sucre (sugar) = 1: option sucre
                                                                                                                                          • speculoos: speculoos base ou spécifier marque (lotus)
                                                                                                                                          • class: classe(s) pour bloc
                                                                                                                                          • style: style inline pour bloc
                                                                                                                                            🆙 lang : Choix du contenu selon la langue du visiteur DEMO
                                                                                                                                            syntaxe 1 : {up lang | fr=oui | gb=yes}
                                                                                                                                            syntaxe 2 : {up lang | lang-order=en-fr} contenu anglais {====}contenu français {/up lang}
                                                                                                                                            @author: LOMART @version: UP-1.7 @license: GNU/GPLv3 @tags: Editor
                                                                                                                                            • lang: langue pour vérifer le rendu (vide en production)
                                                                                                                                            • lang-order = en,fr: ordre de saisie des langues dans contenu
                                                                                                                                            • tag: balise entourant le contenu retourné
                                                                                                                                            • class: classe(s) pour bloc
                                                                                                                                            • style: style inline pour bloc
                                                                                                                                            • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                                                                                                                            • info = 0: affiche la langue du navigateur et celle affichée
                                                                                                                                            • http = 0: utilise l'entête HTTP au lieu de JFactory::getLanguage()
                                                                                                                                              🆙 link : Affiche un lien vers une URL ou un mail DEMO
                                                                                                                                              syntaxe {up link=URL | label=label | blank | class=...}
                                                                                                                                              @author: LOMART @version: UP-2.7 @license: GNU/GPLv3 @tags: editor
                                                                                                                                              • link: URL ou EMAIL pour l'attribut href
                                                                                                                                              • label: texte alternatif pour le lien
                                                                                                                                              • blank = 0: ouvre le lien dans un nouvel onglet
                                                                                                                                              • icon = 0: icone affichée devant le lien : vide=defaut, Unicode, fonticon, image
                                                                                                                                              • icon-style: classes et styles pour l'icône
                                                                                                                                              • icon-url = Ux1F517: Icone par defaut pour les URL
                                                                                                                                              • icon-mail = Ux2709: Icone par defaut pour les MAIL
                                                                                                                                              • font-prefix = icon-: pour icomoon ou 'fa fa-' pour font-awesome (a mettre dans pref.ini)
                                                                                                                                              • class: classe(s) pour bloc
                                                                                                                                              • style: style inline pour bloc
                                                                                                                                              • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                                                                🆙 listup : Personnaliser des listes simples et ordonnées DEMO
                                                                                                                                                syntaxe {up listup=style puce} list UL/OL {/up listup}
                                                                                                                                                @version: UP-2.6 @author: Lomart @license: GNU/GPLv3 @tags: editor
                                                                                                                                                • listup: style des puces (séparateur point-virgule) par niveaux (markers) (séparateur virgule)
                                                                                                                                                • class: classe(s) pour bloc principal
                                                                                                                                                • style: class ou style inline pour bloc principal
                                                                                                                                                • style-*: class ou style pour les niveaux des puces
                                                                                                                                                • start: indice pour début liste numérotée
                                                                                                                                                • ul-default = square;t-c1: type liste par défaut
                                                                                                                                                • ol-default = decimal;t-c1: type liste numérotée par défaut
                                                                                                                                                • valid-type = rounded-alpha,squared-alpha,circled-decimal,rounded-decimal,decimal-leading-zero,lower-alpha,upper-alpha,lower-roman,upper-roman: types de liste (numérotée) autorisés
                                                                                                                                                • fonticon = FontAwesome: police d'icônes installée sur le site
                                                                                                                                                • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                                                                  🆙 lorem : Affiche du texte aléatoire (enrichissement possible) DEMO
                                                                                                                                                  .
                                                                                                                                                  Syntaxe : {up lorem=liste des arguments ci-dessous }
                                                                                                                                                  - (integer) - Nombre de paragraphes (P) générés. 4 par défaut
                                                                                                                                                  - short, medium, medium, verylong - La longueur moyenne d'un paragraphe.
                                                                                                                                                  - decorate - ajoute bold, italic, ...
                                                                                                                                                  - link - ajoute des liens.
                                                                                                                                                  - ul - ajoute listes.
                                                                                                                                                  - ol - ajoute listes ordonnées.
                                                                                                                                                  - dl - ajoute listes description.
                                                                                                                                                  - bq - ajoute bloc citation
                                                                                                                                                  - code - ajoute des exemples de code.
                                                                                                                                                  - headers - ajoute des titre hx.
                                                                                                                                                  - allcaps - TOUT EN MAJUSCULES.
                                                                                                                                                  - prude - version prude.
                                                                                                                                                  - plaintext - Retourne text sans balise HTML.
                                                                                                                                                  exemple appel : https://loripsum.net/api/2/code/decorate
                                                                                                                                                  .
                                                                                                                                                  Pour avoir un texte sans aucun tag, utilisez : {up lorem=2,plaintext | tag=0}.
                                                                                                                                                  Même sans balise P, le nombre de paragraphes influe sur la longueur du texte retourné.
                                                                                                                                                  v1.9.5 : strip_tags si max-char ou max-word
                                                                                                                                                  @author: Lomart @version: UP-1.0 - 07/2017 @license: GNU/GPLv3 @tags: editor
                                                                                                                                                  • lorem: nombre de paragraphe et mots-clés séparés par des virgules
                                                                                                                                                  • max-char: nombre maxima de caractères
                                                                                                                                                  • max-word: nombre maxima de mots
                                                                                                                                                  • tag = div: (v1.6) tag du bloc contenant le texte en retour ou tag=0 pour aucun.
                                                                                                                                                  • class: classe(s) pour bloc (sans effet, si tag=0)
                                                                                                                                                  • style: style inline pour bloc (sans effet, si tag=0)
                                                                                                                                                    🆙 lorem_placeimg : affiche une image aleatoire DEMO
                                                                                                                                                    Syntaxe :
                                                                                                                                                    {up lorem-placeimg=catégorie | width=xx | height=xx | grayscale | sepia }
                                                                                                                                                    --> catégorie = any, animals, arch, nature, people, tech
                                                                                                                                                    @author: Lomart @version: UP-1.5 09/2018 @license: GNU/GPLv3 @tags: Editor
                                                                                                                                                    • lorem_placeimg = any: type d'image: any, animals, arch, nature, people, tech
                                                                                                                                                    • height (h,hauteur) = 200: hauteur image téléchargée
                                                                                                                                                    • width (l,largeur,w) = 200: largeur image téléchargée
                                                                                                                                                    • grayscale = 0: rendu en niveau de gris
                                                                                                                                                    • sepia = 0: rendu e sépia
                                                                                                                                                    • class: classe(s) (obsolète)
                                                                                                                                                    • style: classes et styles
                                                                                                                                                      🆙 lorem_unsplash : affiche une image aleatoire DEMO
                                                                                                                                                      Syntaxe : {up lorem-unsplash=#image | width=xx | height=xx }
                                                                                                                                                      rechercher n° image sur https://picsum.photos/images
                                                                                                                                                      @author: Lomart @version: UP-1.5 07/2017 @license: GNU/GPLv3 @tags: Editor
                                                                                                                                                      • lorem_unsplash: n° de l'image sur https://picsum.photos/images
                                                                                                                                                      • height (h,hauteur) = 200: hauteur image téléchargée
                                                                                                                                                      • width (l,largeur,w) = 200: largeur image téléchargée
                                                                                                                                                      • random = 0: force la récupération aléatoire
                                                                                                                                                      • grayscale = 0: pour rendu en niveaux de gris
                                                                                                                                                      • blur = 0: rendu flou
                                                                                                                                                      • gravity: recadrage : north, east, south, west, center
                                                                                                                                                      • class: classe(s) (obsolète)
                                                                                                                                                      • style: classes et styles
                                                                                                                                                        🆙 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: UP-1.0 07/2017 @license: GNU/GPLv3 @tags: Editor
                                                                                                                                                        • 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 (l,largeur,w) = 200: largeur image téléchargée
                                                                                                                                                        • class: classe(s) obsolète
                                                                                                                                                        • style: classes et styles
                                                                                                                                                          🆙 mapael : Affiche une carte vectorielle interactive DEMO
                                                                                                                                                          syntaxe
                                                                                                                                                          {up mapael=nom_carte}
                                                                                                                                                          {default-area | ...}
                                                                                                                                                          {default-plot | ...}
                                                                                                                                                          {default-link | ...}
                                                                                                                                                          {area=ID | value=X | ...}
                                                                                                                                                          {plot=ID | coord=lat,lon | value=[X1,X2] | text=... | ...}
                                                                                                                                                          {link=ID | between=lat1,lon1,lat2,lon2 | factor=0.5 | ...}
                                                                                                                                                          {link=ID | between=plot-ID-1, plot-ID-2 | factor=0.5 | ...}
                                                                                                                                                          {legend-area=TITRE | ...}
                                                                                                                                                          {legend-plot=TITRE | ...}
                                                                                                                                                          {legend-slice=LABEL | value=X | ...}
                                                                                                                                                          {legend-slice=LABEL | min=X | max=Y | ...}
                                                                                                                                                          {/up mapael}
                                                                                                                                                          # Options shortcode principal :
                                                                                                                                                          zoom=min,max | zoom-init=niv,lat,lon | csv-xxx | ...
                                                                                                                                                          # Options communes à tous les shortcodes secondaires :
                                                                                                                                                          bd-color | bd-color-hover | bd-dash | bd-width | bd-width-hover | bg-color | bg-color-hover
                                                                                                                                                          class | eventHandlers | href | target | transform-hover
                                                                                                                                                          text | text-attrs | text-attrs-hover | text-margin | text-position
                                                                                                                                                          tooltip | tooltip-class | tooltip-offset-left | tooltip-offset-top | tooltip-overflow-right | tooltip-overflow-bottom
                                                                                                                                                          options
                                                                                                                                                          # Options spécifiques à defaultPlot et plot
                                                                                                                                                          type | size | height | width | url | path
                                                                                                                                                          saisie rapide : circle=W,color | square=W,color | image=WxH,url | svg=WxH,path
                                                                                                                                                          # Options pour area
                                                                                                                                                          value
                                                                                                                                                          # Options pour plot
                                                                                                                                                          value | coord | plotsOn
                                                                                                                                                          # Options pour link
                                                                                                                                                          between | factor
                                                                                                                                                          # Options pour legend-area et legend-plot
                                                                                                                                                          mode | exclusive | display | legend-class
                                                                                                                                                          ml | mb | ml-label | ml-title |mb-title | color-title | color-label | color-label-hover
                                                                                                                                                          hide-enabled | hide-opacity | hide-animation
                                                                                                                                                          # Options pour legend-slice
                                                                                                                                                          value | min | max
                                                                                                                                                          legend-slice/label | clicked | display
                                                                                                                                                          legend-font-size | legend-bd-color | legend-bd-width
                                                                                                                                                          @author: LOMART @version: UP-2.3 @license: GNU/GPLv3 @credit: script mapael de neveldo @credit: script raphael @tags: widget
                                                                                                                                                          • mapael: nom de la carte (fichier .js)
                                                                                                                                                          • zoom: valeur mini,maxi du zoom
                                                                                                                                                          • zoom-init: niveau initial et coordonnées du centre
                                                                                                                                                          • options: liste des options au format mapael. ex: default-area: {attrs:{fill:"#dda0dd"},attrsHover:{fill:"#FF00FF"}}
                                                                                                                                                          • make-html = 1: par défaut, les blocs pour la ou les légendes sont crees au-dessous de celui pour la carte.
                                                                                                                                                          • map-class = map: Nom de classe CSS du conteneur de la carte
                                                                                                                                                          • csv-areas: fichier CSV pour définir les areas. Les sous-shortcodes 'area' sont ignores
                                                                                                                                                          • csv-areas-model: modele pour construire la définition d'une zone
                                                                                                                                                          • csv-plots: fichier CSV pour définir les plots. Les sous-shortcodes 'plot' sont ignores
                                                                                                                                                          • csv-plots-model: modele pour construire la définition d'un point
                                                                                                                                                          • csv-links: fichier CSV pour définir les links. Les sous-shortcodes 'link' sont ignores
                                                                                                                                                          • csv-links-model: modèle pour construire la définition d'un lien
                                                                                                                                                          • tooltip-class: Nom de classe CSS des infobulles
                                                                                                                                                          • tooltip-style: Proprietes CSS pour les infobulles
                                                                                                                                                          • before-init: voir demo
                                                                                                                                                          • after-init: voir demo
                                                                                                                                                          • class: classe(s) ajoutees au bloc principal
                                                                                                                                                          • style: style inline ajoute au bloc principal
                                                                                                                                                          • css-head (base-css): style ajoute dans le HEAD de la page
                                                                                                                                                            🆙 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}
                                                                                                                                                            .
                                                                                                                                                            Utilisation : afficher un fichier changelog.md
                                                                                                                                                            @author: LOMART @version: UP-1.3 @credit: erusev/parsedown @license: GNU/GPLv3 @tags: File
                                                                                                                                                            • markdown: chemin et nom du fichier markdown ou vide pour contenu
                                                                                                                                                            • strip-tags = 1: 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 (obsolète)
                                                                                                                                                            • style: classes et styles pour bloc
                                                                                                                                                              🆙 marquee : contenu HTML défilant horizontalement ou verticalement DEMO
                                                                                                                                                              {up marquee=label} texte du message défilant {/up marquee}
                                                                                                                                                              @author: Lomart @version: UP-1.0 - 28/7/2017 @license: GNU/GPLv3 @credit: script JS limarquee de omcg33 @tags: layout-dynamic
                                                                                                                                                              • marquee: le texte de l'etiquette
                                                                                                                                                              • filter: conditions. Voir doc action filter (v1.8)
                                                                                                                                                              • 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, top, bottom, none
                                                                                                                                                              • lbl-nowrap = 0: 1 = 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 = 1: mode carousel. si contenu plus large que .str_wrap
                                                                                                                                                              • drag = 1: deplacement msg avec souris
                                                                                                                                                              • runshort = 1: scroll si texte court (visible sans scroll)
                                                                                                                                                              • hoverstop = 1: pause lors survol
                                                                                                                                                              • inverthover = 0: 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 : précisez 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 (obligatoire)
                                                                                                                                                                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: UP-1.1 du 30-09-2017 @license: GNU/GPLv3 @tags: Media
                                                                                                                                                                • 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_vimeo : affiche une video Viméo qui s'inscrit au maxima dans son bloc parent DEMO
                                                                                                                                                                  {up media_vimeo=ID [| autoplay | portrait |title |muted |loop | play-on-visible]}
                                                                                                                                                                  ID : il s'agit du code figurant à la fin de l'URL de la vidéo.
                                                                                                                                                                  L'autoplay sous Firefox/Chrome est interdit si la video contient du son.
                                                                                                                                                                  Utilisez muted pour débloquer cela.
                                                                                                                                                                  voir https://vimeo.zendesk.com/hc/en-us/articles/115004485728-Autoplaying-and-looping-embedded-videos
                                                                                                                                                                  Les options title et portrait ne fonctionne que si la video le supporte.
                                                                                                                                                                  @author: Pascal @version: UP-1.9.5 @license: GNU/GPLv3 @tags: Media
                                                                                                                                                                  • media_vimeo: code de la video (à la fin de l'url vimeo)
                                                                                                                                                                  • width (l,largeur,w): largeur de la video en px ou %
                                                                                                                                                                  • autoplay = 0: démarrage automatique
                                                                                                                                                                  • title (titre) = 0: afficher le titre de la vidéo
                                                                                                                                                                  • portrait = 0: afficher l'image de profil de l'auteur (portrait)
                                                                                                                                                                  • loop = 0: boucle en fin de video
                                                                                                                                                                  • muted = 0: coupe le son
                                                                                                                                                                  • play-on-visible = 0: démarre et arrête la video selon sa visibilité sur l'ecran
                                                                                                                                                                  • class: classe pour bloc externe
                                                                                                                                                                  • style: code css libre pour bloc externe
                                                                                                                                                                    🆙 media_youtube (youtube) : affiche une video Youtube qui s'inscrit au maxima dans son bloc parent DEMO
                                                                                                                                                                    {up media-youtube=ID [|autoplay|play-on-visible|muted|loop]}
                                                                                                                                                                    ID : il s'agit du code figurant à la fin de l'URL de la vidéo.
                                                                                                                                                                    @author: LOMART/ modifié par Pascal @version: UP-0.9 MAJ 21-05-2020 @license: GNU/GPLv3 @tags: Media
                                                                                                                                                                    • media_youtube (youtube): code de la video (à la fin de l'url youtube)
                                                                                                                                                                    • width (l,largeur,w): largeur de la video en px ou %
                                                                                                                                                                    • autoplay = 0: demarrage automatique
                                                                                                                                                                    • loop = 0: boucle sur la video
                                                                                                                                                                    • muted = 0: coupe le son
                                                                                                                                                                    • play-on-visible = 0: démarre et arrête la video selon sa visibilité sur l'ecran
                                                                                                                                                                    • class: classe pour bloc externe
                                                                                                                                                                    • style: code css libre pour bloc externe
                                                                                                                                                                      🆙 meteo_france : affiche le widget de Météo France DEMO
                                                                                                                                                                      Syntaxe : {up meteo-france=ville | orientation=sens}
                                                                                                                                                                      le code commune de la ville à récupérer sur http://www.meteofrance.com/meteo-widget
                                                                                                                                                                      @author: LOMART @version: UP-1.0 du 01-07-2017 @license: GNU/GPLv3 @tags: Widget
                                                                                                                                                                      • meteo_france: le code commune de la ville à récupérer sur http://www.meteofrance.com/meteo-widget
                                                                                                                                                                      • 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
                                                                                                                                                                        🆙 modal : Affiche du contenu dans une fenêtre modale (popup) DEMO
                                                                                                                                                                        les types autorisés sont : inline, iframe, image, video, ajax
                                                                                                                                                                        syntaxe 1 : {up modal=contenu popup | label=texte du lien}
                                                                                                                                                                        syntaxe 2 : {up modal=vide,'html','images' ou contenu | label=texte lien}contenu{/up popup}
                                                                                                                                                                        si vide ou 'html' : le contenu du popup est le code entre les shortcodes
                                                                                                                                                                        si 'img' : chaque image du code entre les shortcodes sera un popup
                                                                                                                                                                        sinon on analyse la valeur du paramètre pour déterminer son type
                                                                                                                                                                        - video vimeo, youtube ou dailymotion {up modal=//youtu.be/H9fa9aWFbLM}
                                                                                                                                                                        - image unique si {up modal=images/xx.jpg} ou png, ...
                                                                                                                                                                        - bloc inline si id de bloc {up modal=#bloc}
                                                                                                                                                                        - iframe si url {up modal=//lomart.fr} ou {up modal=doc/xx.pdf} ou {up modal=?index/...}
                                                                                                                                                                        on peut forcer le type par type=inline, iframe, image, video, ajax
                                                                                                                                                                        @author: LOMART @version: UP-1.4 @license: GNU/GPLv3 @credit: https://www.jqueryscript.net/lightbox/Lightbox-Popup-Plugin-Flashy.html @tags: layout-dynamic
                                                                                                                                                                        • modal: contenu ou type de contenu
                                                                                                                                                                        • type: pour forcer le type : inline, iframe, image, video, ajax
                                                                                                                                                                        • class: classe(s) pour bloc label
                                                                                                                                                                        • style: style inline pour bloc label
                                                                                                                                                                        • label: texte du lien pour afficher le popup. bbcode accepté
                                                                                                                                                                        • close-left = 0: croix de fermeture en haut à gauche. haut-droite par défaut
                                                                                                                                                                        • zoom-suffix = -mini: suffixe pour les versions vignettes des images
                                                                                                                                                                        • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                                                                                                                                                        • base-js-params: règles JS définies par le webmaster (ajout dans init JS)
                                                                                                                                                                        • filter: conditions. Voir doc action filter (v1.8)
                                                                                                                                                                        • overlayClose = 1: 1 pour fermer la fenêtre modale en cliquant sur la zone grisée autour du contenu
                                                                                                                                                                        • videoAutoPlay = 0: 1 pour démarrer la video à l'ouverture du popup
                                                                                                                                                                        • gallery = 1: 0 pour traiter les images individuellement
                                                                                                                                                                        • title (titre) = 1: afficher le titre
                                                                                                                                                                        • width (l,largeur,w): largeur avec unité. Ex: 80%, 500px, ...
                                                                                                                                                                        • height (h,hauteur): hauteur avec unité. Ex: 80%, 500px, ...
                                                                                                                                                                          🆙 note : Ajouter des commentaires visibles dans un éditeur WYSIWYG et pas sur le site DEMO
                                                                                                                                                                          syntax 1 {up note=texte_commentaire}
                                                                                                                                                                          syntax 2 {up note=texte_commentaire} contenu {/up note}
                                                                                                                                                                          @author: LOMART @version: UP-1.9.5 @license: GNU/GPLv3 @tags: Editor
                                                                                                                                                                          • note = texte masqué. HTML autorisé:
                                                                                                                                                                            🆙 osmap : affiche une carte OpenStreetMap DEMO
                                                                                                                                                                            syntaxe 1 : {up osmap=latitude, longitude}
                                                                                                                                                                            La latitude/longitude peut être connue sur le site : https://www.coordonnees-gps.fr
                                                                                                                                                                            Les tuiles disponibles sont ici : https://wiki.openstreetmap.org/wiki/Tile_servers
                                                                                                                                                                            .
                                                                                                                                                                            syntaxe 2 : multimakers
                                                                                                                                                                            {up osmap=latitude, longitude}
                                                                                                                                                                            {marker=latitude, longitude | popup-text | popup-clic=0 | marker-image=img | marker-options=...}
                                                                                                                                                                            {/up osmap}
                                                                                                                                                                            @author: LOMART @version: UP-1.3 @license: GNU/GPLv3 @credit: script de Leaflet @tags: widget
                                                                                                                                                                            • osmap: latitude, longitude du centre de la carte (a récupérer sur http://getlatlon.yohman.com)
                                                                                                                                                                            • zoom = 13: niveau de zoom de la carte
                                                                                                                                                                            • height (h,hauteur) = 250: hauteur du bloc carte. La largeur est 100% du parent
                                                                                                                                                                            • scale = 1: affiche l'échelle. 0:sans, 1:métrique, 2:impérial, 3:métrique&impérial
                                                                                                                                                                            • map-options: liste des options pour la carte. ex: zoomControl:1, keyboard:0
                                                                                                                                                                            • tile: nom de la tuile
                                                                                                                                                                            • tile-options: niveau de zoom maximum, ...
                                                                                                                                                                            • tile-url: url de la tuile
                                                                                                                                                                            • 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
                                                                                                                                                                            • 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
                                                                                                                                                                            • class: classe(s) ajoutées au bloc principal
                                                                                                                                                                            • style: style inline ajouté au bloc principal
                                                                                                                                                                              🆙 page_search : Cherche un mot dans la page courante DEMO
                                                                                                                                                                              syntaxe {up page-search}
                                                                                                                                                                              @author: LOMART @version: UP-2.7 @license: GNU/GPLv3 @credit: fork of script Fast Live Search de gurudaths @tags: Widget
                                                                                                                                                                              • page_search = body: sélecteur CSS du bloc où rechercher. J3=.article-details OU J4=.com-content-article__body
                                                                                                                                                                              • search-top = 80px: position verticale de la zone de recherche. positif: top, négatif: bottom
                                                                                                                                                                              • search-left = 80px: position horizontale de la zone de recherche. positif=left, négatif= right
                                                                                                                                                                              • search-icon = loupe-64-red.png: image pour le bouton. Si le chemin n'est pas indiqué, l'image est dans le dossier de l'action.
                                                                                                                                                                              • search-text = lang[en=Search;fr=Rechercher]: texte indice dans la zone de recherche (Placeholder)
                                                                                                                                                                              • highlight-bg = yellow: couleur de surlignage des mots trouvés
                                                                                                                                                                              • class: classe(s) ajoutées au bloc principal
                                                                                                                                                                              • style: style inline ajouté au bloc principal
                                                                                                                                                                              • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                                                                                                🆙 pdf : Affiche un PDF dans le contenu ou génère un bouton pour l'afficher dans une fenêtre DEMO
                                                                                                                                                                                Le fichier PDF peut-être hébergé sur le serveur ou ailleurs (url absolue)
                                                                                                                                                                                syntaxe {up pdf=chemin du fichier PDF}
                                                                                                                                                                                integration libraire TurnJs http://turnjs.com/ depuis https://github.com/iberan/pdfjs-flipbook
                                                                                                                                                                                @author: LOMART @version: UP-1.4 @license: GNU/GPLv3 @credit: Mozilla PDF.js @tags: File
                                                                                                                                                                                • pdf: chemin du fichier pdf
                                                                                                                                                                                • method (methode) = PDFJS: ou Google, Embed ... ou 0
                                                                                                                                                                                • view = 1: ou Google, Embed ... ou 0
                                                                                                                                                                                • pdfjs-model = web: ou mobile (non opérationnel)
                                                                                                                                                                                • width (l,largeur,w) = 100%: largeur iframe
                                                                                                                                                                                • height (h,hauteur) = 500px:
                                                                                                                                                                                • download = 1: 1 pour afficher lien téléchargement
                                                                                                                                                                                • download-name: nom du fichier téléchargé
                                                                                                                                                                                • download-text = en=Download %s;fr=Telecharger %s: texte pour lien
                                                                                                                                                                                • download-icon: image affichée devant le lien
                                                                                                                                                                                • download-class: class(s) pour bouton lien seul
                                                                                                                                                                                • download-style: style inline pour bouton lien seul
                                                                                                                                                                                • btn (bouton) = 0: 1 pour afficher un bouton
                                                                                                                                                                                • btn-target = _blank: cible : _blank, _parent, popup ou _popup
                                                                                                                                                                                • btn-text = voir %s: texte pour bouton
                                                                                                                                                                                • btn-icon: image affichée devant le texte du bouton
                                                                                                                                                                                • btn-class = btn btn-primary: class(s) pour bouton lien seul
                                                                                                                                                                                • btn-style: style inline pour bouton lien seul
                                                                                                                                                                                • close-left = 0: croix de fermeture en haut à gauche. haut-droite par défaut
                                                                                                                                                                                • flip = 0: activer le mode flipbook uniquement si pdfJs
                                                                                                                                                                                • class: classe(s) pour bloc parent
                                                                                                                                                                                • style: style inline pour bloc parent
                                                                                                                                                                                • background: couleur fond perdu du PDF au format #rrggbb
                                                                                                                                                                                  🆙 pdf_gallery : Affiche une liste des PDF contenus dans un dossier DEMO
                                                                                                                                                                                  syntaxe {up pdf-gallery=dossier}
                                                                                                                                                                                  Template pour définir le rendu
                                                                                                                                                                                  ##name## : nom et extension du fichier sans le prefixe date
                                                                                                                                                                                  ##full-name## : nom et extension du fichier avec le prefixe date
                                                                                                                                                                                  ##human-name## : nom du fichier sans les tirets
                                                                                                                                                                                  ##size## : taille du fichier
                                                                                                                                                                                  ##date## : date du fichier ou prefixe date du nom de fichier
                                                                                                                                                                                  ##info## : fichier .info de même nom que le PDF avec texte descriptif
                                                                                                                                                                                  ##image## : fichier jpg ou png de même nom que le PDF
                                                                                                                                                                                  ##image-view## : idem ##image## avec lien pour afficher PDF dans fenêtre modale
                                                                                                                                                                                  ##btn-view## : lien pour afficher PDF dans fenêtre modale. Texte selon btn-view-text
                                                                                                                                                                                  ##btn-download##, ##name-download## : lien pour télécharger le PDF. Texte selon btn-download-text
                                                                                                                                                                                  ##preview## : vue du PDF avec la méthode jsviewer de l'action PDF.
                                                                                                                                                                                  ATTENTION ##preview## charge tous les fichiers PDF lors de l'affichage de la page
                                                                                                                                                                                  @author: LOMART @version: UP-2.8 @license: GNU/GPLv3 @credit: Mozilla PDF.js @tags: File
                                                                                                                                                                                  • pdf_gallery: chemin du dossier contennat les PDF
                                                                                                                                                                                  • file-mask: pour sélectionner les fichiers d'un dossier. ex: fic-*
                                                                                                                                                                                  • template (item-template) = ##human-name## [small](##size## - ##date##)[/small] ##btn-view## ##btn-download##: modele pour affichage (bbcode et motcle)
                                                                                                                                                                                  • format-date = lang[en=m/d/Y H:i;fr=d/m/Y H:i]: format pour la date. ex: 'd/m/Y H:i'
                                                                                                                                                                                  • main-tag = ul: balise principale. 0 = aucune
                                                                                                                                                                                  • item-tag = li: balise pour le bloc d'un fichier. 0 = aucune
                                                                                                                                                                                  • msg-no-file = en=no file;fr=aucun fichier: message si aucun fichier PDF dans le dossier
                                                                                                                                                                                  • preview-width = 100%: largeur du bloc pour preview
                                                                                                                                                                                  • preview-height = 500px:
                                                                                                                                                                                  • preview-background: couleur fond perdu du PDF (preview et modal) au format #rrggbb
                                                                                                                                                                                  • popup-width = 0: largeur de la fenêtre popup avec unité. Ex: 90vw, 80%, ...
                                                                                                                                                                                  • popup-height = 0: hauteur de la fenêtre popup avec unité. Ex: 90vh, 500px, ...
                                                                                                                                                                                  • popup-close-left = 0: croix de fermeture en haut à gauche. haut-droite par défaut
                                                                                                                                                                                  • btn-download-text = en=Download;fr=Telecharger: texte pour le bouton 'télécharger'
                                                                                                                                                                                  • btn-download-style: classe et style inline pour le bouton 'télécharger'
                                                                                                                                                                                  • btn-view-text = Voir: texte pour bouton 'voir'
                                                                                                                                                                                  • btn-view-style: classe et style inline pour le bouton 'voir'
                                                                                                                                                                                  • image-style: classe et style pour l'image
                                                                                                                                                                                  • info-style: classe et style pour le contenu du fichier .info. Ajoute un bloc DIV
                                                                                                                                                                                  • sort-by = name: tri des fichiers. name ou date. Voir la demo
                                                                                                                                                                                  • sort-order = asc: sens du tri. asc ou desc
                                                                                                                                                                                  • prefix-date-size = 0: ou le nombre de caractères pour définir la date. 13 si YYYYMMDDHHMM-, 11 si YYYY-MM-DD-
                                                                                                                                                                                  • add-sitename: texte à ajouter au début des fichiers téléchargés
                                                                                                                                                                                  • class: classe(s) pour bloc parent
                                                                                                                                                                                  • style: style inline pour bloc parent
                                                                                                                                                                                  • item-style: classe et style inline pour un bloc fichier
                                                                                                                                                                                  • css-head (base-css): règles CSS ajoutés dans le HEAD
                                                                                                                                                                                    🆙 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: UP-1.0 @license: GNU/GPLv3 @tags: Expert
                                                                                                                                                                                    • php: le code PHP
                                                                                                                                                                                    • filter: conditions. Voir doc action filter (v1.8)
                                                                                                                                                                                    • tag = div: balise utilisée pour les classes, styles et id si class ou style définis
                                                                                                                                                                                    • class: classe(s) ou style pour le bloc retour'
                                                                                                                                                                                    • style: classe(s) ou style pour le bloc retour'
                                                                                                                                                                                      🆙 php_error : Active les rapports d'erreurs PHP DEMO
                                                                                                                                                                                      syntaxe {up php_error} // dev (defaut) ou 0, min, max
                                                                                                                                                                                      A METTRE A LA FIN DE L'ARTICLE (UP commence par la fin!)
                                                                                                                                                                                      @author: LOMART @version: UP-1.7 @license: GNU/GPLv3 @tags: Expert
                                                                                                                                                                                      • php_error = dev: mode rapport d'erreurs : none, 0, min, max, dev
                                                                                                                                                                                        🆙 popover : Affiche une grosse info-bulle lors d'un clic sur un élément. DEMO
                                                                                                                                                                                        syntaxe {up popover=texte appel en bbcode}contenu popover{/up popover}
                                                                                                                                                                                        @author: LOMART @version: UP-2.5 @license: GNU/GPLv3 @credit: script jquery-gpopover-plugin de markembling @tags: HTML
                                                                                                                                                                                        • popover: bbcode pour élément déclencheur
                                                                                                                                                                                        • tag = button: balise pour élément déclencheur
                                                                                                                                                                                        • max-height: hauteur maxi du popover (ex: 90vh)
                                                                                                                                                                                        • pop-bg-color: couleur de fond du popover
                                                                                                                                                                                        • pop-class: classe du popover
                                                                                                                                                                                        • pop-style: style inline du popover
                                                                                                                                                                                        • class: classe(s) pour element déclencheur
                                                                                                                                                                                        • style: style inline pour element déclencheur
                                                                                                                                                                                        • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                                                                                                        • width (l,largeur,w) = 250: largeur du popover
                                                                                                                                                                                        • top (t) = false: true : popover au-dessus du trigger, sinon au-dessous
                                                                                                                                                                                        • arrow = true: affichage de la fleche
                                                                                                                                                                                        • offset = 0: décalage entre trigger et popover
                                                                                                                                                                                        • viewportSideMargin = 10: Espace à laisser sur le côté lorsqu'il est contre le bord de la fenêtre (pixels)
                                                                                                                                                                                        • fadeInDuration = 65: Durée de l'animation de fondu enchaîné popover (ms)
                                                                                                                                                                                        • fadeOutDuration = 65: Durée de l'animation de fondu sortant du popover (ms)
                                                                                                                                                                                        • preventHide = true: Empêcher le masquage lors d'un clic dans le popover
                                                                                                                                                                                        • onShow: fonction à exécuter lorsque le popover est affiché. c'est l'élément déclencheur et le premier argument passé à la fonction est l'élément popover (tous deux enveloppés dans jQuery).
                                                                                                                                                                                        • onHide: Callback à exécuter lorsque le popover est masqué. Identique à onShow.
                                                                                                                                                                                          🆙 printer : Ajoute un bouton pour proposer l'impression d'une partie de la page DEMO
                                                                                                                                                                                          syntaxe {up printer=texte bouton} le contenu à imprimer {/up printer}
                                                                                                                                                                                          @author: LOMART @version: UP-1.8 @license: GNU/GPLv3 @tags: Editor
                                                                                                                                                                                          • printer = &#x2399; Imprimer: texte du bouton
                                                                                                                                                                                          • selector: sélecteur CSS du bloc à imprimer
                                                                                                                                                                                          • filename: nom du document si impression PDF
                                                                                                                                                                                          • btn-before = 0: le bouton est après le contenu à imprimer
                                                                                                                                                                                          • btn-display-on-print = 0: 0 = masque le bouton sur l'impression
                                                                                                                                                                                          • class: classe(s) pour bloc
                                                                                                                                                                                          • style: style inline pour bloc
                                                                                                                                                                                          • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                                                                                                            🆙 qrcode : Génére des QRCodes avec Google API DEMO
                                                                                                                                                                                            syntaxe {up qrcode=type | xxx=...}
                                                                                                                                                                                            @author: LOMART @version: UP-1.8 @license: GNU/GPLv3 @tags: widget
                                                                                                                                                                                            • qrcode = text: type de QRCode : text/url/sms/email/phone/location/wifi/contact
                                                                                                                                                                                            • size = 200: Largeur
                                                                                                                                                                                            • name: nom pour contact
                                                                                                                                                                                            • text: texte libre pour text, sms, email, contact
                                                                                                                                                                                            • phone: numéro de téléphone pour sms, tel, contact
                                                                                                                                                                                            • url: site Internet pour url, contact
                                                                                                                                                                                            • email: adresse email pour email, contact
                                                                                                                                                                                            • subject: sujet pour email
                                                                                                                                                                                            • latitude: pour geo
                                                                                                                                                                                            • longitude: pour geo
                                                                                                                                                                                            • address: adresse pour contact
                                                                                                                                                                                            • ssid: identifiant point d'accés pour wifi
                                                                                                                                                                                            • auth = WPA: WPA ou WEP pour wifi
                                                                                                                                                                                            • password: clé wifi du point d'accés pour wifi
                                                                                                                                                                                            • alt: texte alternatif, si le qrcode n'est pas affiché
                                                                                                                                                                                            • encoding = UTF-8:
                                                                                                                                                                                            • class: classe(s) pour bloc
                                                                                                                                                                                            • style: style inline pour bloc
                                                                                                                                                                                            • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                                                                                                                                                                              🆙 readmore : afficher/cacher un bloc HTML à l'aide d'un bouton 'lire la suite' DEMO
                                                                                                                                                                                              syntaxe:
                                                                                                                                                                                              {up readmore=texte bouton | textless=replier} contenu caché {/up readmore}
                                                                                                                                                                                              @author: Lomart @version: UP-1.0 - 07/2017 @license: GNU/GPLv3 @credit: script de Matt @tags: layout-dynamic
                                                                                                                                                                                              • 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
                                                                                                                                                                                              • panel-style: classes et style pour le contenu (v2.6)
                                                                                                                                                                                                🆙 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: UP-1.0 - 07/2017 @license: GNU/GPLv3 @credit: un vieux script de mes archives @tags: HTML
                                                                                                                                                                                                • sameheight: inutilisé
                                                                                                                                                                                                • class:
                                                                                                                                                                                                • style:
                                                                                                                                                                                                • css-head (base-css): code css libre dans le head. attention: ] au lieu de }
                                                                                                                                                                                                  🆙 scroller : Défilement vertical d'une liste d'éléments DEMO
                                                                                                                                                                                                  syntaxe : {up scroller}suite d'éléments{/up scroller}
                                                                                                                                                                                                  Attention :
                                                                                                                                                                                                  - définir un style="height:..." aux images (pas de height="...")
                                                                                                                                                                                                  @author: LOMART @version: UP-1.7 @license: GNU/GPLv3 @credit: Responsive jQuery News Ticker de gagi270683 adapté pour UP @tags: layout-dynamic
                                                                                                                                                                                                  • scroller: nombre d'élément ou hauteur du bloc en px
                                                                                                                                                                                                  • class: classe(s) pour la balise principale
                                                                                                                                                                                                  • style: style inline pour la balise principale
                                                                                                                                                                                                  • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                                                                                                                                                                                  • runAfterPageLoad = false:
                                                                                                                                                                                                  • direction = up: sens de défilement (up/down)
                                                                                                                                                                                                  • speed = medium: slow (5000), medium (3000), fast (1200) ou durée en millisecondes
                                                                                                                                                                                                  • viewable = 3: nombre d'élément ou hauteur du bloc en px (idem scroller)
                                                                                                                                                                                                  • pause = 1: stop on hover
                                                                                                                                                                                                  • newsPerPage = 4: number of items per page
                                                                                                                                                                                                  • navigation = true: shows up/down navigation
                                                                                                                                                                                                  • autoplay = true: enables autoplay
                                                                                                                                                                                                  • animationSpeed = normal: normal, slow ou fast
                                                                                                                                                                                                  • newsTickerInterval = 4000: autoplay interval
                                                                                                                                                                                                  • pauseOnHover = true: arrêt défilement lors survol souris
                                                                                                                                                                                                    🆙 sitemap : Création d'un fichier 'sitemap.xml' en racine du site

                                                                                                                                                                                                    Cliquer pour lire la documentation

                                                                                                                                                                                                    syntaxe {up sitemap}
                                                                                                                                                                                                    @author: LOMART @version: UP-2.7 @license: GNU/GPLv3 @tags: Expert
                                                                                                                                                                                                    • sitemap: nom menutype exclus
                                                                                                                                                                                                    • cron = +1 semaine: délai entre 2 générations automatiques
                                                                                                                                                                                                    • frequency: fréquence : always, hourly, daily, weekly, monthly, yearly, never
                                                                                                                                                                                                    • priority: priority de 0.1 à 1
                                                                                                                                                                                                    • menutype-exclude: nom menutype à exclure (idem option principale)
                                                                                                                                                                                                    • info = 0: afficher le nombre de liens et la liste des pages non indexées
                                                                                                                                                                                                      🆙 slider_owl : bandeau défilant d'images ou de blocs HTML DEMO
                                                                                                                                                                                                      {up slider-owl |items=2}
                                                                                                                                                                                                      < div>...< /div>
                                                                                                                                                                                                      < img src="/...">
                                                                                                                                                                                                      < a href="/..">< img src="/...">< /a>
                                                                                                                                                                                                      {/up slider-owl}
                                                                                                                                                                                                      @author: LOMART @version: UP-1.0 @license: GNU/GPLv3 @credit: script OWL Carousel de OwlFonk @tags: image
                                                                                                                                                                                                      • slider_owl: aucun paramètre nécessaire
                                                                                                                                                                                                      • class: classe(s) ajoutées au bloc principal
                                                                                                                                                                                                      • style: style inline ajouté au bloc principal
                                                                                                                                                                                                      • autoPlay = 0: 0 ou durée affichage image
                                                                                                                                                                                                      • slideSpeed = 200: vitesse en millisecondes
                                                                                                                                                                                                      • paginationSpeed = 0: durée changement 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 = 0: nombre maxi d'éléments affichés en même 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: UP-1.1 @license: GNU/GPLv3 @credit: Easy jQuery Responsive Slideshow - Billboard de Spalmer @tags: layout-dynamic
                                                                                                                                                                                                        • 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é).
                                                                                                                                                                                                        • zoom-suffix: si indiqué, seules les images avec ce suffixe sont utilisées
                                                                                                                                                                                                        • class: classe(s) ajoutées au bloc principal
                                                                                                                                                                                                        • style: style inline ajouté au bloc principal
                                                                                                                                                                                                        • css-head (base-css):
                                                                                                                                                                                                        • 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
                                                                                                                                                                                                          🆙 snowfall : Simule des chutes de neige ou autres ... DEMO
                                                                                                                                                                                                          syntaxe
                                                                                                                                                                                                          site : {up snowfall=image}
                                                                                                                                                                                                          bloc : {up snowfall=image | selector=bloc}
                                                                                                                                                                                                          @author: LOMART @version: UP-1.5 @license: GNU/GPLv3 @credit: Script JQuery-Snowfall de loktar00 @tags: body
                                                                                                                                                                                                          • snowfall = snow-01.png: image ou dossier
                                                                                                                                                                                                          • nb = 20: nombre d'images affichées en même temps
                                                                                                                                                                                                          • size = 20/40: taille mini/maxi des images en px
                                                                                                                                                                                                          • speed = 1/5: vitesse mini/maxi des images
                                                                                                                                                                                                          • selector = body: cible pour snowfall
                                                                                                                                                                                                          • center: style et classe pour centrage vertical du contenu entre shortcodes
                                                                                                                                                                                                          • z-index = 99: z-index des images
                                                                                                                                                                                                          • class: classe(s) pour bloc
                                                                                                                                                                                                          • style: style inline pour bloc
                                                                                                                                                                                                          • filter: conditions. Voir doc action filter
                                                                                                                                                                                                            🆙 sound_hover : Joue un son au survol d'un élément ou d'un événement JS DEMO
                                                                                                                                                                                                            syntaxe {up sound_hover=fichier_son }
                                                                                                                                                                                                            @author: LOMART @version: UP-1.1 @license: GNU/GPLv3 @credit: adaptation du script playSound de Alexander Manzyuk @tags: Media
                                                                                                                                                                                                            • sound_hover: fichier_son
                                                                                                                                                                                                            • evenement = onmouseenter: ou onclick, onmouseover...
                                                                                                                                                                                                            • tag = div: balise pour le bloc. span pour un bloc inline
                                                                                                                                                                                                            • class: classe(s) pour le bloc parent
                                                                                                                                                                                                            • style: style pour le bloc parent
                                                                                                                                                                                                              🆙 span : Facilite la saisie d'un bloc inline SPAN avec un éditeur wysiwyg DEMO
                                                                                                                                                                                                              syntaxe {up span=class_and_style}content{/up span}
                                                                                                                                                                                                              @author: LOMART @version: UP-2.0 @license: GNU/GPLv3 @tags: HTML
                                                                                                                                                                                                              • span: classes et style (séparateur : point-virgule)
                                                                                                                                                                                                              • class: classe(s) pour bloc (méthode traditionnelle)
                                                                                                                                                                                                              • style: style inline pour bloc (méthode traditionnelle)
                                                                                                                                                                                                              • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                                                                                                                                🆙 sql : Requête SQL avec mise en forme et tri DEMO
                                                                                                                                                                                                                syntaxe {up sql=nom_table | ...}
                                                                                                                                                                                                                Terminologie:
                                                                                                                                                                                                                row : ligne de la table
                                                                                                                                                                                                                col : cellule. Colonne de la table
                                                                                                                                                                                                                tag ou motclé : ##nomcol##
                                                                                                                                                                                                                @author: LOMART @version: UP-1.8 @license: GNU/GPLv3 @credit: script Stupid Table de joequery @tags: Joomla
                                                                                                                                                                                                                • sql: nom de la table
                                                                                                                                                                                                                • select = *: listes des colonnes
                                                                                                                                                                                                                • where:
                                                                                                                                                                                                                • order:
                                                                                                                                                                                                                • group:
                                                                                                                                                                                                                • innerjoin:
                                                                                                                                                                                                                • outerjoin:
                                                                                                                                                                                                                • leftjoin:
                                                                                                                                                                                                                • rightjoin:
                                                                                                                                                                                                                • setlimit:
                                                                                                                                                                                                                • presentation = table: présentation du résultat : list,table,div ou 0
                                                                                                                                                                                                                • header: 1 ou vide pour utiliser les mots-clés, sinon titres séparés par des points-virgules
                                                                                                                                                                                                                • sort: type de tri par colonne sous la forme: i,3-f-s. i:int, s:string, f:float. ,3 indique un tri secondaire sur la 3e colonne
                                                                                                                                                                                                                • sort-first: nom ou position de la colonne triée en premier
                                                                                                                                                                                                                • col: alignement et largeur des colonnes sous la forme x-D-C5-100 pour rien-droite-centre 5%-100% (voir doc)
                                                                                                                                                                                                                • template (item-template): modèle mise en page
                                                                                                                                                                                                                • no-content-html = aucun résultat:
                                                                                                                                                                                                                • main-class = up: classe(s) pour bloc
                                                                                                                                                                                                                • main-style: style inline pour bloc
                                                                                                                                                                                                                • item-class: classe(s) pour ligne
                                                                                                                                                                                                                • item-style: style inline pour ligne
                                                                                                                                                                                                                • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                                                                                                                                • dbinfos: vide= liste des tables, nom_table=liste des colonnes
                                                                                                                                                                                                                  🆙 tab : affiche du contenu dans des panneaux avec onglets en haut, à gauche ou à droite. DEMO
                                                                                                                                                                                                                  Mode responsive avec gestion de l'espacement vertical
                                                                                                                                                                                                                  {up tab}
                                                                                                                                                                                                                  < h4>texte onglet< /h4>
                                                                                                                                                                                                                  < p>texte du panneau< /p>
                                                                                                                                                                                                                  < img src="/..">
                                                                                                                                                                                                                  {/up tab}
                                                                                                                                                                                                                  Sur mobile ou sur demande, l'affichage est en mode accordion
                                                                                                                                                                                                                  script JS adapté par Lomart pour gestion répartition verticale
                                                                                                                                                                                                                  @author: Lomart @version: UP-1.0 - 07/2017 @license: GNU/GPLv3 @credit: Script de bhaveshcmedhekar @tags: layout-dynamic
                                                                                                                                                                                                                  • tab = tab: tab ou accordion
                                                                                                                                                                                                                  • title-tag = h4: balise utilisée pour les titres onglets
                                                                                                                                                                                                                  • style: classe(s) et style(s) bloc principal
                                                                                                                                                                                                                  • class: classe(s) bloc principal (obsolète)
                                                                                                                                                                                                                  • title-style: classe(s) et style inline onglets
                                                                                                                                                                                                                  • title-class: classe(s) onglets (obsolète)
                                                                                                                                                                                                                  • content-style: classe(s) et style inline contenu
                                                                                                                                                                                                                  • content-class: classe(s) contenu (obsolète)
                                                                                                                                                                                                                  • auto: delai en millisecondes pour changement automatique d'onglet
                                                                                                                                                                                                                  • espace-vertical = 1: 0, 1 ou 2 : niveau des éléments à répartir
                                                                                                                                                                                                                  • css-head (base-css): règles CSS mises dans le head
                                                                                                                                                                                                                  • plugin_type: accordion
                                                                                                                                                                                                                  • side: left ou right
                                                                                                                                                                                                                  • active_tab: 1 a N
                                                                                                                                                                                                                  • content_display = block: interne, défini par espace-vertical
                                                                                                                                                                                                                    🆙 table_by_columns (table_par_colonnes) : tables responsives par empilement des lignes d'une colonne. DEMO
                                                                                                                                                                                                                    Syntaxe {up table-par-colonnes}
                                                                                                                                                                                                                    < table> ... < /table>
                                                                                                                                                                                                                    {/up table-par-colonnes}
                                                                                                                                                                                                                    Les lignes sont empilées par colonnes. Très pratique pour des plannings
                                                                                                                                                                                                                    @author: lomart @version: UP-1.0 - 07/2017 @license: GNU/GPLv3 @credit: John Polacek @tags: Responsive
                                                                                                                                                                                                                    • table_by_columns (table_par_colonnes): rien
                                                                                                                                                                                                                    • 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
                                                                                                                                                                                                                    • max-height: permet de limiter la place en hauteur par l'affichage d'un ascenseur
                                                                                                                                                                                                                    • key-width = 35%: largeur de la première colonne en vue responsive
                                                                                                                                                                                                                    • title-style: style pour la ligne titre en vue responsive
                                                                                                                                                                                                                    • style: style inline pour balise table
                                                                                                                                                                                                                    • class: classe(s) pour balise table (obsolète)
                                                                                                                                                                                                                    • css-head (base-css): permet d'ajouter des style à la table incluse
                                                                                                                                                                                                                      🆙 table_by_rows (table_par_lignes) : tables responsives par empilement des colonnes par lignes. DEMO
                                                                                                                                                                                                                      {up table-par-lignes}
                                                                                                                                                                                                                      < table> ... < /table>
                                                                                                                                                                                                                      {/up table-par-lignes}
                                                                                                                                                                                                                      les colonnes sont empilées 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: UP-1.0 - 07/2017 @license: GNU/GPLv3 @credit: codefog @tags: Responsive
                                                                                                                                                                                                                      • table_by_rows (table_par_lignes): rien
                                                                                                                                                                                                                      • breakpoint = 720px: bascule en vue responsive
                                                                                                                                                                                                                      • max-height: max-height pour la table
                                                                                                                                                                                                                      • css-head (base-css): permet d'ajouter des style à la table incluse
                                                                                                                                                                                                                      • style: style inline pour balise table
                                                                                                                                                                                                                      • class: classe(s) pour balise table (obsolète)
                                                                                                                                                                                                                      • merge: fusion de colonnes. 1:[2,3],5:[6] = 2&3 avec 1 et 6 avec 5
                                                                                                                                                                                                                      • move: déplacement 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: ligne entete reste visible DEMO
                                                                                                                                                                                                                        {up table-fixe}
                                                                                                                                                                                                                        < table> ... < /table>
                                                                                                                                                                                                                        {/up table-fixe}
                                                                                                                                                                                                                        col-left : nombre de colonnes toujours visible.
                                                                                                                                                                                                                        Une barre de défilement est ajoutée pour les autres colonnes.
                                                                                                                                                                                                                        @author: lomart @version: UP-1.0 - 07/2017 @license: GNU/GPLv3 @credit: lai32290 @tags: Responsive
                                                                                                                                                                                                                        • table_fixe: aucun argument
                                                                                                                                                                                                                        • col-left = 0: nombre de colonnes fixées à gauche
                                                                                                                                                                                                                        • max-height: max-height pour le bloc parent
                                                                                                                                                                                                                        • css-head (base-css): permet d'ajouter des style à la table incluse
                                                                                                                                                                                                                        • style: classes et styles pour le bloc parent
                                                                                                                                                                                                                        • class: classe(s) pour le bloc parent (obsolète)
                                                                                                                                                                                                                          🆙 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.
                                                                                                                                                                                                                          {up table-flip}
                                                                                                                                                                                                                          < table> ... < /table>
                                                                                                                                                                                                                          {/up table-flip}
                                                                                                                                                                                                                          @author: lomart @version: UP-1.0 - 07/2017 @license: GNU/GPLv3 @credit: Jason Gross @tags: Responsive
                                                                                                                                                                                                                          • table_flip (table_permute): aucun argument
                                                                                                                                                                                                                          • css-head (base-css): permet d'ajouter des style à la table incluse
                                                                                                                                                                                                                          • style: classes et styles inline pour balise table
                                                                                                                                                                                                                          • class: classe(s) pour balise table (obsolète)
                                                                                                                                                                                                                            🆙 table_sort : Trier, filtrer et paginer une table DEMO
                                                                                                                                                                                                                            syntaxe {up table-sort}LA TABLE{up table-sort}
                                                                                                                                                                                                                            @author: LOMART @version: UP-2.3 @license: GNU/GPLv3 @credit: script jQuery fancyTable de myspace-nu @tags: layout-dynamic
                                                                                                                                                                                                                            • table_sort: le paramètre principal
                                                                                                                                                                                                                            • col-type: mode de tri des colonnes. n=numerique, a=alphanum, i=alphanum case insensitive
                                                                                                                                                                                                                            • col-init: n° de la colonne triée au chargement et sens (asc, desc)
                                                                                                                                                                                                                            • globalSearch: vide= recherche sur toutes les colonnes, sinon liste des colonnes (1,2,5)
                                                                                                                                                                                                                            • placeholder = lang[en=Search;fr=Rechercher]: texte dans la zone recherche
                                                                                                                                                                                                                            • pagination = 0: nombre de lignes par pages ou 0 pour désactiver
                                                                                                                                                                                                                            • pagination-class: classe pour les boutons
                                                                                                                                                                                                                            • pagination-class-active: classe pour le bouton actif
                                                                                                                                                                                                                            • class: classe(s) ajoutées à la table
                                                                                                                                                                                                                            • style: style inline ajouté à la table
                                                                                                                                                                                                                            • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                                                                                                                                            • sortable = 1: Activer le tri
                                                                                                                                                                                                                            • searchable = 1: Activer la recherche
                                                                                                                                                                                                                              🆙 tabslide : ajoute des onglets pour ouvrir un panneau sur les bords de la fenêtre DEMO
                                                                                                                                                                                                                              syntaxe {up tabslide=btn-text | tabLocation=top}contenu{/up tabslide}
                                                                                                                                                                                                                              utilisation :
                                                                                                                                                                                                                              - un sommaire sur le coté du site
                                                                                                                                                                                                                              - un module connexion
                                                                                                                                                                                                                              @author: Lomart @version: UP-1.0 - MAJ 05/2020 @credit: script de hawk-ip @license: GNU/GPLv3 @tags: Body
                                                                                                                                                                                                                              • tabslide: titre de l'onglet
                                                                                                                                                                                                                              • tab-style: classes et styles inline pour onglets
                                                                                                                                                                                                                              • tab-class: classe(s) pour onglet (obsolète)
                                                                                                                                                                                                                              • panel-style: classes et styles inline pour panneau
                                                                                                                                                                                                                              • panel-class: classe(s) pour panneau (obsolète)
                                                                                                                                                                                                                              • speed = 300: OBSOLETE voir bounceSpeed
                                                                                                                                                                                                                              • positioning = fixed: or absolute, so tabs move when window scrolls
                                                                                                                                                                                                                              • toggleButton = .tab-opener: not often used
                                                                                                                                                                                                                              • tabLocation = left: left, right, top ou bottom
                                                                                                                                                                                                                              • tabHandle = .handle: JQuery selector for the tab, can use #
                                                                                                                                                                                                                              • action = click: action open, 'hover' or 'click'
                                                                                                                                                                                                                              • hoverTimeout = 5000: ms to keep tab open after no longer hovered - only if action = 'hover'
                                                                                                                                                                                                                              • offset = 200px: distance pour top or left (bottom or right if offsetReverse is true)
                                                                                                                                                                                                                              • offsetReverse = 0: 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 = 0: 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
                                                                                                                                                                                                                              • bounceSpeed = 300: time to animate bounces
                                                                                                                                                                                                                              • pathToTabImage = null: optional image to show in the tab
                                                                                                                                                                                                                              • imageHeight = null:
                                                                                                                                                                                                                              • imageWidth = null:
                                                                                                                                                                                                                              • onLoadSlideOut = 0: slide out after DOM load
                                                                                                                                                                                                                              • clickScreenToClose = 1: close tab when rest of screen clicked
                                                                                                                                                                                                                              • onOpen = function() {}: handler called after opening
                                                                                                                                                                                                                              • onClose = function() {}: handler called after closing
                                                                                                                                                                                                                              • onSlide = function() {}: handler called after opening or closing
                                                                                                                                                                                                                                🆙 text_fit : Ajuste un texte à son conteneur DEMO
                                                                                                                                                                                                                                syntaxe {up up text-fit=option_principale}texte{/up text-fit}
                                                                                                                                                                                                                                @version: UP-2.2 @author: LOMART @license: GNU/GPLv3 @credit: script Textblock de glyphic-co @tags: font
                                                                                                                                                                                                                                • text_fit: sélecteur du bloc. ex: h1, h1.foo, #id, h2#id, ...
                                                                                                                                                                                                                                • blocsize = 320-960: largeur mini-maxi en px du bloc conteneur
                                                                                                                                                                                                                                • fontsize = 1-1.8: taille mini-maxi en em de la police. Autre unité : em,rem,px,ex,%,vh,vw. ex : 16-32px
                                                                                                                                                                                                                                • lineheight = 1.33-1.25: hauteur de ligne mini-maxi. facteur multiplicateur de la taille de la police
                                                                                                                                                                                                                                • fontweight: graisse mini-maxi si police variable. ex: 400-900
                                                                                                                                                                                                                                • fontfile: chemin vers le fichier d'une police de caractère
                                                                                                                                                                                                                                • fontclass: nom de la classe attribué à la police
                                                                                                                                                                                                                                • container = parent: bloc utilisé pour calcul blocsize. parent ou self.
                                                                                                                                                                                                                                • tag = div: balise par defaut
                                                                                                                                                                                                                                • class: classe(s) pour bloc
                                                                                                                                                                                                                                • style: style inline pour bloc
                                                                                                                                                                                                                                • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                                                                                                                                                  🆙 text_typewriter : Afficher plusieurs phrases avec un effet machine à écrire DEMO
                                                                                                                                                                                                                                  syntaxe 1 : {up text-typewriter=mot1, mot2, ..., motN}
                                                                                                                                                                                                                                  syntaxe 2 : {up text-typewriter}alternatives dans blocs enfants {/up text-typewriter}
                                                                                                                                                                                                                                  @version: UP-2.4 @author: LOMART @license: GNU/GPLv3 @credit: script typed.js de mattboldt @tags: HTML
                                                                                                                                                                                                                                  • text_typewriter: liste de mots séparés par des virgules
                                                                                                                                                                                                                                  • class: classe(s) pour bloc
                                                                                                                                                                                                                                  • style: style inline pour bloc
                                                                                                                                                                                                                                  • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                                                                                                                                                  • typeSpeed = 0: vitesse de frappe en ms
                                                                                                                                                                                                                                  • startDelay = 0: délai en ms avant chaque série
                                                                                                                                                                                                                                  • backSpeed = 0: vitesse de l'espacement arrière en millisecondes
                                                                                                                                                                                                                                  • smartBackspace = true: n'efface que ce qui ne correspond pas à la chaîne précédente
                                                                                                                                                                                                                                  • shuffle = false: mélange les phrases
                                                                                                                                                                                                                                  • backDelay = 700: délai en ms avant effacement
                                                                                                                                                                                                                                  • fadeOut = false: Fondu au lieu de retour en arrière
                                                                                                                                                                                                                                  • fadeOutClass = typed-fade-out: classe CSS pour l'animation du fondu
                                                                                                                                                                                                                                  • fadeOutDelay = 500: Durée du fondu en millisecondes
                                                                                                                                                                                                                                  • loop = false: chaînes en boucle
                                                                                                                                                                                                                                  • loopCount = Infinity: nombre de boucles
                                                                                                                                                                                                                                  • showCursor = true: montrer le curseur
                                                                                                                                                                                                                                  • cursorChar = |: caractère pour le curseur
                                                                                                                                                                                                                                  • autoInsertCss = true: insérer le CSS pour le curseur et le fadeOut dans le HTML
                                                                                                                                                                                                                                  • attr = null: attribut pour la saisie. Ex: input placeholder, value, or just HTML text
                                                                                                                                                                                                                                  • bindInputFocusEvents = false: lier le focus et le blur si élément est une entrée de texte
                                                                                                                                                                                                                                  • contentType = html: 'html' ou 'null' pour texte brut
                                                                                                                                                                                                                                    🆙 toc : Sommaire automatique DEMO
                                                                                                                                                                                                                                    Création d'un sommaire à partir des titres de l'article
                                                                                                                                                                                                                                    syntaxe {up toc}
                                                                                                                                                                                                                                    @author: LOMART @version: UP-1.7 @license: GNU/GPLv3 @credit: https://www.jqueryscript.net/layout/Highly-Configurable-jQuery-Table-of-Contents-Plugin-TocJS.html @tags: Editor
                                                                                                                                                                                                                                    • toc: inutilisé
                                                                                                                                                                                                                                    • class: classe(s) ajoutées au bloc principal
                                                                                                                                                                                                                                    • style: style inline ajouté au bloc principal
                                                                                                                                                                                                                                    • css-head (base-css): style ajouté au head de la page
                                                                                                                                                                                                                                    • content = [itemprop="articleBody"]: bloc analysé pour le sommaire
                                                                                                                                                                                                                                    • selector = h2,h3,h4,h5,h6: liste des selecteurs utilisés pour le sommaire
                                                                                                                                                                                                                                    • exclude = .notoc: liste sélecteur pour exclusion du sommaire
                                                                                                                                                                                                                                    • indexingFormats: format des index : nombres, lettres ou
                                                                                                                                                                                                                                    • maxlen: longueur maxi des titres du sommaire
                                                                                                                                                                                                                                    • heading: Titre du sommaire
                                                                                                                                                                                                                                    • elementClass = uptoc: class de la div navigation
                                                                                                                                                                                                                                    • rootUlClass = toc-ul-root: class pour le bloc contenant la liste
                                                                                                                                                                                                                                    • ulClass = toc-ul: class pour la liste
                                                                                                                                                                                                                                    • levelPrefixClass = toc-level-: (interne) préfixe des classes
                                                                                                                                                                                                                                      🆙 tooltip : des info-bulles au survol d'un élément DEMO
                                                                                                                                                                                                                                      syntaxe {up tooltip=texte info-bulle}texte{/up tooltip}
                                                                                                                                                                                                                                      @author: LOMART @version: UP-1.9.5 @license: GNU/GPLv3 @credit: sur un script de stefangabos @tags: Editor
                                                                                                                                                                                                                                      • tooltip: texte de la bulle. bbcode permis
                                                                                                                                                                                                                                      • model: une des classes principales définies dans up-model.scss
                                                                                                                                                                                                                                      • position = center: left, right
                                                                                                                                                                                                                                      • bottom (b,bas) = 0: vrai pour afficher la bulle au-dessous
                                                                                                                                                                                                                                      • width (l,largeur,w) = 250: largeur maxi de l'info-bulle
                                                                                                                                                                                                                                      • offset = 0: décalage vertical de info-bulle. Négatif=vers le haut
                                                                                                                                                                                                                                      • opacity = 95: transparence de l'info-bulle
                                                                                                                                                                                                                                      • open = 0: info-bulle affichée au chargement de la page
                                                                                                                                                                                                                                      • class: classe(s) pour bloc
                                                                                                                                                                                                                                      • style: style inline pour bloc
                                                                                                                                                                                                                                      • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                                                                                                                                                                                                                        🆙 treeview : Affiche une liste sous forme d'un arbre (treeview) DEMO
                                                                                                                                                                                                                                        syntaxe {up treeview} liste UL/LI {/up treeview}
                                                                                                                                                                                                                                        @version: UP-2.5 @author: LOMART @license: GNU/GPLv3 @credit: script TreeViewJS de samarsault @tags: layout-dynamic
                                                                                                                                                                                                                                        • treeview: aucun argument
                                                                                                                                                                                                                                        • line = 0: ligne devant les items. 1 (ligne par defaut) ou attributs pour border
                                                                                                                                                                                                                                        • icon-folder = arrow: image pour les dossiers (noeuds)
                                                                                                                                                                                                                                        • icon-file: image pour éléments feuilles
                                                                                                                                                                                                                                        • custom-icon: liste des icônes personnalisées pour création CSS inline
                                                                                                                                                                                                                                        • expand-all = 0: 1 pour ouvrir tous les noeuds
                                                                                                                                                                                                                                        • expand = 0: 1 pour ouvrir les noeuds de niveau 1
                                                                                                                                                                                                                                        • btn-open-selector: sélecteur du lien 'Tout déplier'
                                                                                                                                                                                                                                        • btn-close-selector: sélecteur du lien 'Tout déplier'
                                                                                                                                                                                                                                        • delay = 0: durée ouverture noeuds
                                                                                                                                                                                                                                        • class: classe(s) pour bloc
                                                                                                                                                                                                                                        • style: style inline pour bloc
                                                                                                                                                                                                                                        • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                                                                                                                                                          🆙 tweeter_timeline : affiche la timeline Tweeter DEMO
                                                                                                                                                                                                                                          {up tweeter-timeline=}
                                                                                                                                                                                                                                          voir : dev.twitter.com/web/embedded-timelines/parameters
                                                                                                                                                                                                                                          @author: PMLECONTE @version: UP-1.3 du 22/05/2018 @license: GNU/GPLv3 @tags: widget
                                                                                                                                                                                                                                          • tweeter_timeline: nom.
                                                                                                                                                                                                                                          • style: classes et style inline bloc parent
                                                                                                                                                                                                                                          • class: classe bloc parent (obsolète)
                                                                                                                                                                                                                                          • theme: light ou dark
                                                                                                                                                                                                                                          • link-color: couleur des liens en hexa
                                                                                                                                                                                                                                          • border-color: couleur des bordures en hexa
                                                                                                                                                                                                                                          • height (h,hauteur) = 400: hauteur
                                                                                                                                                                                                                                          • width (l,largeur,w): largeur
                                                                                                                                                                                                                                          • tweet-limit: nombre maxi de tweet, sinon indéfini
                                                                                                                                                                                                                                          • chrome: noheader nofooter noborders transparent noscrollbar
                                                                                                                                                                                                                                          • lang = fr: code langage
                                                                                                                                                                                                                                            🆙 upactionslist : Liste des UP actions avec infos et paramètres DEMO
                                                                                                                                                                                                                                            {up upactionslist} toutes les actions
                                                                                                                                                                                                                                            {up upactionslist=action1, action2} une ou plusieurs actions
                                                                                                                                                                                                                                            {up upactionslist | md} fichier marknote
                                                                                                                                                                                                                                            {up upactionslist | csv} fichier CSV
                                                                                                                                                                                                                                            @version: UP-1.0 update 2019-10-25 @author: Lomart @update: 2019-10-25 @license: GNU/GPLv3 @tags: UP
                                                                                                                                                                                                                                            • upactionslist: liste des actions à récupérer. toutes par défaut
                                                                                                                                                                                                                                            • demo = 1: afficher le lien vers la demo
                                                                                                                                                                                                                                            • style: style ou class
                                                                                                                                                                                                                                            • class: idem style
                                                                                                                                                                                                                                            • filter: condition d'exécution
                                                                                                                                                                                                                                            • make-dico = 0: consolide le fichier principal dico.json avec ceux des actions
                                                                                                                                                                                                                                            • csv = 0: fichier doc-actions.csv avec les options des actions
                                                                                                                                                                                                                                            • comment = 0: interne: fichier comment-actions.csv avec les infos des entêtes des scripts pour relecture globale
                                                                                                                                                                                                                                            • md = 0: enregistre la documentation au format markdown dans plugins/content/up/doc-actions.md
                                                                                                                                                                                                                                            • exclude-prefix = _,x_: prefix des actions non listées. Separateur = comma
                                                                                                                                                                                                                                            • without-custom = 0: affiche les infos du dossier custom de l'action. 1 pour les masquer
                                                                                                                                                                                                                                              🆙 upbtn_makefile : Création des fichiers HTML pour le plugin editors-xtd DEMO
                                                                                                                                                                                                                                              syntaxe {up upbtn_makefile}
                                                                                                                                                                                                                                              @author: LOMART @version: UP-2.1 @license: GNU/GPLv3 @tags: UP
                                                                                                                                                                                                                                              • upbtn_makefile: Vide pour toutes les actions, sinon liste des actions à inclure ou exclure (list-exclude=1).
                                                                                                                                                                                                                                              • top10: liste des actions à dupliquer dans un groupe au début de la liste
                                                                                                                                                                                                                                              • by-tags = 1: si 0, les actions sont dans l'ordre alpha sans notion de groupes (sauf top10)
                                                                                                                                                                                                                                              • list-exclude = 0: 0:uniquement les actions indiquées, 1: toutes sauf les actions indiquées
                                                                                                                                                                                                                                              • export-folder: sous-dossier de TMP pour sauver l'arborescence. ex : up-pref-foo
                                                                                                                                                                                                                                              • without-custom = 0: 1 sans les infos dans prefs.ini (v2.6)
                                                                                                                                                                                                                                                🆙 upprefset : Affiche la liste de tous les prefsets de UP pour le site DEMO
                                                                                                                                                                                                                                                syntaxe {up upPrefSet}
                                                                                                                                                                                                                                                @author: LOMART @version: UP-1.8 @license: GNU/GPLv3 @tags: UP
                                                                                                                                                                                                                                                • upprefset: liste des actions ou vide pour toutes
                                                                                                                                                                                                                                                • action-exclude = 0: 1: toutes les actions sauf celles du paramétre principal
                                                                                                                                                                                                                                                • action-template = [h4]##action##[/h4]:
                                                                                                                                                                                                                                                • prefset-template = [b class="t-vertFonce"]##prefset##[/b] : [small]##options##[/small]:
                                                                                                                                                                                                                                                • info-template = [div class="bd-grey ph1"]##info##[/div]:
                                                                                                                                                                                                                                                • prefset-separator = [br]:
                                                                                                                                                                                                                                                • options-separator = [b class="t-vert"] | [/b]: les underscrores sont remplacés par des espaces
                                                                                                                                                                                                                                                • prefset-exclude = icons,options: sections exclues
                                                                                                                                                                                                                                                • export-prefs: ou sous-dossier de TMP pour sauver l'arborescence. ex : up-pref-foo
                                                                                                                                                                                                                                                • action-class: classes et style pour le bloc d'une action
                                                                                                                                                                                                                                                • class: classe(s) pour bloc
                                                                                                                                                                                                                                                • style: style inline pour bloc
                                                                                                                                                                                                                                                • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
                                                                                                                                                                                                                                                  🆙 upscsscompiler : Compile tous les fichiers SCSS dans les dossiers des actions DEMO
                                                                                                                                                                                                                                                  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: UP-1.2 @license: GNU/GPLv3 @credit: https://github.com/leafo/scssphp @tags: UP
                                                                                                                                                                                                                                                  • upscsscompiler: liste des actions à recompiler. toutes par défaut. 0 pour inactiver
                                                                                                                                                                                                                                                  • 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
                                                                                                                                                                                                                                                  • force-filter: oblige force si la condition est remplie
                                                                                                                                                                                                                                                  • without-custom: sans prise en compte des personnalisations. Usage interne pour créer le zip de UP
                                                                                                                                                                                                                                                    🆙 upsearch : Recherche une action dans le contenu des articles et/ou modules (params) DEMO
                                                                                                                                                                                                                                                    syntaxe {up upsearch=action1,action2 | regex=... | module}
                                                                                                                                                                                                                                                    Mots-clés pour template
                                                                                                                                                                                                                                                    ##id## ##title## ##title-link## ##cat## ##date-crea## ##date-modif##
                                                                                                                                                                                                                                                    ##text## : résultat recherche
                                                                                                                                                                                                                                                    @version: UP-2.5 @author: Lomart @license: GNU/GPLv3 @tags: UP
                                                                                                                                                                                                                                                    • upsearch: liste des actions (ou synonyme) séparées par des virgules
                                                                                                                                                                                                                                                    • regex: motif de recherche dans le shortcode ou dans tout le contenu si shortcode vide
                                                                                                                                                                                                                                                    • cat: liste des categories d'articles. vide = toutes
                                                                                                                                                                                                                                                    • sort-by = title: tri pour article: title, ordering, created, modified, publish_up, id, ... ou text pour contenu recherche
                                                                                                                                                                                                                                                    • sort-order = asc: ordre de tri : asc, desc
                                                                                                                                                                                                                                                    • no-published (no_published) = 0: 1 recherche dans tous les articles archivé, non publié, a la corbeille
                                                                                                                                                                                                                                                    • module: pour recherche dans le champ 'params'. vide = tous, partie du nom du module
                                                                                                                                                                                                                                                    • only-one = 0: 1 : afficher un seul resultat par article
                                                                                                                                                                                                                                                    • maxlen: nombre de caractères maxi pour le resultat
                                                                                                                                                                                                                                                    • template (item-template) = [p]##id## ; ##title-link## ; "##text##"[/p]: modèle pour retour. titre article et texte trouve pour tableau
                                                                                                                                                                                                                                                    • date-format = %Y-%m-%d: format pour les dates
                                                                                                                                                                                                                                                    • target = _blank: pour le lien sur article
                                                                                                                                                                                                                                                    • class: classe(s) pour bloc
                                                                                                                                                                                                                                                    • style: style inline pour bloc
                                                                                                                                                                                                                                                    • css-head (base-css): style ajouté dans le HEAD de la page
                                                                                                                                                                                                                                                      🆙 website : Affiche un screenshot d'un site avec un lien. DEMO
                                                                                                                                                                                                                                                      syntaxe {up website=URL}
                                                                                                                                                                                                                                                      par defaut, le texte affiche sous la vignette est l'URL sans http://
                                                                                                                                                                                                                                                      @author: LOMART @version: UP-1.4 @license: GNU/GPLv3 @tags: Widget
                                                                                                                                                                                                                                                      • website: URL du site
                                                                                                                                                                                                                                                      • link = 1: affiche le lien au-dessous du screenshot
                                                                                                                                                                                                                                                      • link-text: texte affiche pour le lien et alt
                                                                                                                                                                                                                                                      • target = _blank: ou _self pour ouvrir le site dans le même onglet
                                                                                                                                                                                                                                                      • renew = 30: nombre de jours pour actualiser les vignettes. 0 = jamais (v2.2)
                                                                                                                                                                                                                                                      • timeout = 15: delai pour recupérer les infos du serveur Google (v2.2)
                                                                                                                                                                                                                                                      • style: classes et style inline pour bloc
                                                                                                                                                                                                                                                      • class: classe(s) pour bloc (obsolete)
                                                                                                                                                                                                                                                      • css-head (base-css): règles CSS définies par le webmaster (ajout dans le head) v1.8
                                                                                                                                                                                                                                                        🆙 website_preview : Affiche une prévisualisation du site au survol d'un lien DEMO
                                                                                                                                                                                                                                                        syntaxe {up website-preview=CSS_selecteur}
                                                                                                                                                                                                                                                        @author: LOMART @version: UP-2.7 @license: GNU/GPLv3 @credit: script jQuery Mini Preview de lonekorean @tags: Widget
                                                                                                                                                                                                                                                        • website_preview = .com-content-article__body a: sélecteur CSS des liens à afficher
                                                                                                                                                                                                                                                        • mode = parenthover: mode chargement preview : parenthover, none, pageload
                                                                                                                                                                                                                                                        • width (l,largeur,w) = 256: largeur preview (px)
                                                                                                                                                                                                                                                        • height (h,hauteur) = 144: hauteur preview
                                                                                                                                                                                                                                                        • scale = .25: Echelle entre 0.1 et 1

                                                                                                                                                                                                                                                           

                                                                                                                                                                                                                                                          Avertissement

                                                                                                                                                                                                                                                          Les parcours présentés sur le site de perlimpinpin.fr, sont des comptes rendus de randonnées à bicyclette et pédestres présentant un caractère subjectif et grandement conditionné par le niveau technique de leur auteur, sa maîtrise, le type de matériel utilisé ainsi que par les conditions de réalisation.
                                                                                                                                                                                                                                                          Les renseignements donnés à titre indicatif, peuvent se révéler obsolètes par suite d'une évolution du terrain ou de l'environnement.
                                                                                                                                                                                                                                                          En aucun cas perlimpinpin.fr n'incite les utilisateurs à fréquenter les randonnées décrites sur le site et ne pourra être tenu pour responsable de l'utilisation des topos, des traces GPS et des éventuels incidents pouvant survenir sur les parcours présentés.


                                                                                                                                                                                                                                                          identification