JoomlaDay FR

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

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

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

                                                                                    Un shortcode est composé de :

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

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

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

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

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

                                                                                    Cela permet une saisie entièrement en wysiwyg

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