UP Universal Plugin

• addclass: nom de la classe ajoutée à la balise
• 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, ...

options secondaires

• id: identifiant
• css-head (base-css): code CSS pour head. Attention utiliser [] au lieu de {}
• filter: conditions. Voir doc action filter (v1.8)

• addcodehead: code à ajouter dans le head ou balise
• xxx = yyy: couple attribut-valeur. ex: title=le titre, href=//google.fr

options secondaires

• filter: conditions. Voir doc action filter (v1.8)
• id: identifiant

• addcsshead: fichier ou code CSS. ATTENTION [ ] à la place des {} pour code dans shortcode
• filter: conditions. Voir doc action filter (v1.8)
• id: identifiant

• addfilehead: liste des fichiers ou URL. séparateur virgule

• addscript = head: ou body pour insérer le code à la position du shortcode
• jquery: 1: entoure avec appel jquery (sauf fichier)
• filter: conditions. Voir doc action filter (v1.8)
• id: identifiant

• ajax_view: id article ou chemin vers fichier txt ou image

Style du bouton d'appel du contenu ajax

• btn-label = en=load content;fr=charger le contenu: texte sur le bouton appel
• btn-style = btn btn-primary: style et classe du bouton appel
• btn-tag = div: balise principale

Demande de mot de passe

• password: mot de passe pour télécharger le fichier

options secondaires

• HTML: 0= aucun traitement, 1=affiche le code, ou liste des tags à garder (ex: img,a)
• EOL: forcer un retour à la ligne
• ext-images = jpg,png,gif,webp: les extensions des fichiers images autorisés

Style

• id: identifiant
• main-tag (block) = 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)

• 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
• id: identifiant
• style: style inline appliqué au bloc
• class: classe(s) appliquée(s) au bloc

< img src="/image.jpg" >

• attr: classe(s) et/ou style
• tag: balise recherchée, sinon la première

Toutes les autres clés sont considérées comme des attributs

• xxx = yyy: couple attribut-valeur. ex: title=le titre, href=//google.fr

options secondaires

• id: identifiant
• class: classe(s) pour bloc interne
• style: style inline pour bloc interne
• css-head (base-css): style ajouté dans le HEAD de la page

• barcode = text: valeur alphanumérique du code code barre
• 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

styles

• id: identifiant
• 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: contenu au format 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

images

• 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

emplacement du fond image

• bg-selector = body: sélecteur du bloc pour image(s) de fond

paramètres de l'image

• 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

transparence du contenu de la page

• page-selector: si un bloc est 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

options secondaires

• filter: conditions. Voir doc action filter (v1.8)
• center: centrage vertical du contenu entre shortcodes
• id:
• style: style inline pour bloc
• css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)

images

• 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

emplacement du fond image

• bg-selector = body: bloc portant le slideshow

paramètres de l'image

• bg-overlay: calque superposé à l'image de fond (png, opacité, RGBA, CSS)
• bg-color: couleur sous image

transparence du contenu de la page

• page-selector: bloc sur contenu
• page-overlay: background de page-selector (png, opacité, RGBA, CSS)

options secondaires

• filter: conditions. Voir doc action filter (v1.8)
• center = 1: centrage vertical du contenu entre shortcodes
• id: identifiant
• 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

paramétres de l'animation

• 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

video

• 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é

paramètres de la vidéo

• 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

transparence du contenu de la page

• page-selector: bloc sur contenu
• page-overlay: background de page-selector (png, opacité, RGBA, CSS)

options secondaires

• center: style et classe pour centrage vertical du contenu entre shortcodes
• filter: conditions. Voir doc action filter (v1.8)
• id: identifiant
• 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)

gestion tarteaucitron

• height (h,hauteur) = 400px: hauteur d'une video Youtube ou Vimeo avec tarteaucitron
• rgpd = 1: 0 pour ne pas appliquer la règle pour le RGPD

• box: model [danger, info] ou prefset
• template (item-template) = ##head## ##title-link## ##subtitle## ##image## ##/head## ##content## ##action-link##: modèle
• 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

box

• id:
• class: classe(s) pour la box
• style: style inline pour la box

title

• 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

• 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: 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

• 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

• link: lien. . Si vide et demandé : on prend le premier lien sur title ou image
• link-target: _blank pour nouvelle fenêtre

header

• head-class: class pour le bloc entête. en général title, subtitle, image
• head-style: style pour le bloc entête

body

• 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

general

• 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 = com_content: liste des dossiers du cache (séparateur: point-virgule)

• cell = 12: nombre de colonnes
• mobile: nombre de colonnes sur petit écran
• tablet: nombre de colonnes sur moyen écran

style des blocs enfants (colonnes)

• 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

style et options secondaires

• id: identifiant
• class: class bloc principal
• style: style inline bloc parent
• filter: conditions. Voir doc action filter (v1.8)

• center: classe(s) et style(s) pour le bloc interne (celui qui est centré)
• id: identifiant
• 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: type de chart : area, bar,bubble,column,combo,line,pie,scatter,SteppedArea
• separator: séparateur des valeurs dans la liste

mise en forme du graph

• area: valeur en % dans l'ordre : left, top, width, height. EX: 10,25,90,75
• maximized: affichage remplit le bloc
• height (h,hauteur): min-height bloc parent
• colors: liste des couleurs

titre du graph

• title (titre): titre du graphique
• title-position: in, out, none (defaut)
• title-style: color: 'blue', fontsize: '14px', bold:true (attention à la syntaxe)

légende du graph

• legend-position: in, none (defaut), top, bottom
• legend-style: ex: color:'blue',fontSize:14,bold:true

Paramètres spécifiques selon le type de graph

• vertical: horizontal par défaut ou vertical. Tous sauf bar et bubble
• bar-width: largeur des barres en %. Area, bubble, pie, scatter & stepped
• 3D: camembert en relief. Tous sauf pie
• donut: part du trou central. ex: 0.5 pour la moitié. uniquement pour pie
• isstacked: 0, true (absolute) ou relative. Tous sauf bubble, line, pie & scatter
• options: les autres options proposées par google.chart (remplacer {} par [] dans la chaine JSON )

style et options secondaires

• id: identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

• 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

style des blocs selon le niveau

• 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

style et options secondaires

• id: identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

• clocks_gmt: Nom de la ville (pour légende)
• label-style: style inline pour le nom ville
• digital-style: style inline pour horloge digitale
• date-style: style inline pour date
• base-js-params: règles JS définies par le webmaster (ajout dans init JS)

style général

• id: id genérée automatiquement par UP
• class: classe(s) ajoutées au bloc principal
• style: style inline ajouté au bloc principal
• css-head (base-css): autres règles CSS définies par le webmaster (ajout dans le head)

Paramétres Javascript pour l'horloge

• offset: GMT offset
• title (titre) = Greenwich, England: titre
• skin = 1: indice images (voir la démo)
• dst = 1: gestion heure d'été
• analog = 1: afficher horloge analogique
• digital = 1: afficher horloge digitale
• timeformat = HH:mm: format pour la date
• date: afficher la date
• dateformat = MM/DD/YYYY: format pour l'heure
• imgpath: chemin vers les images

• 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: affiche la liste des couleurs avec leurs valeurs

• corner: texte affiché dans le coin ou ruban

position, taille et style du corner

• 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
• shadow: 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
• style: styles CSS (non proposés ci-dessus) pour le coin
• class: idem style

si le corner est clicable

• url: lien
• target = _blank: ou _self pour ouvrir le site dans le même onglet

style du bloc si le shortcode a un contenu

• bloc-class: classe(s) pour bloc
• bloc-style: style inline pour bloc

style et options secondaire

• id: identifiant
• css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)
• filter: chaine de conditions. Voir documentation filter

• countdown: date, nombre de secondes ou vide pour horloge
• align: left, center ou right

style et options secondaires

• id: identifiant
• class: classe
• style: style inline
• filter: condition d'éxécution

paramétres Javascript pour configuration du compteur

• callback: Fonction appelée à la fin du compte à rebours
• captionSize: fontsize legendes
• countdownAlertLimit = 10: alerte en seconde avant fin countdown
• displayCaptions: 1 = légendes affichées
• displayDays: 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: Temps initial en secondes pour le compte à rebours
• start = 1: démarrer automatiquement la minuterie
• theme = white: style : white, black ou blue

• countdown_simple: date cible ou délai si débute par +
• model: CSS de base pour la présentation (digital, rainbow)
• 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é

Textes ajoutés au compteur

• 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é

style des chiffres

• digit-class: classe(s) pour les chiffres
• zero: ajoute un zéro devant les heures, minutes et secondes

style et options secondaires

• id: identifiant
• 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: condition d'éxécution

• counter: min,max : valeurs de départ et de fin
• width (l,largeur,w): largeur minimal (par défaut en pixels)
• mono = 1: force la police en monospace

style et options secondaires

• id: identifiant
• 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: conditions. Voir doc action filter (v1.8)

paramétres Javascript pour configuration du compteur

• start: 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: chemin vers fichier à afficher
• separator = ;: séparateur des colonnes (fichier uniquement)
• HTML: pour fichier (contenu CSV): 0=affiche le rendu, 1=affiche le code ou liste des tags conservés (strip_tags)
• model = stack: stack: empile par défaut. flex: sur 2 colonnes

Style du bloc liste de définition

• class: classe(s) pour la balise DL
• style: style inline pour la balise DL

Style des termes définis (DT)

• 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

Style des définitions (DD)

• 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

ne concerne que le mode FLEX

• 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

options secondaires

• id: identifiant
• css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)

• 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

Style des points de conduite

• leaders: points de conduite
• leaders-color: couleur points de conduite

style du bloc principal de la liste

• class: classe(s) pour la balise UL
• style: style inline pour la balise UL
• bgcolor: couleur de fond. #FFF par defaut

style des lignes de la liste

• col-style-*: style inline pour les nièmes balise SPAN
• list-style: code hexadecimal et couleur du caractère (bb,red ou 26BD,#F00)

Style de l'entête

• header: 0: pas de titre, 1: la première ligne du contenu sera le titre des colonnes
• 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

Style du pied de liste

• footer: 0: pas de pied, 1: la dernière ligne du contenu sera le pied des colonnes
• 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

style et options secondaires

• id: identifiant
• css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)

• csv2table: URL ou chemin et nom d'un fichier local
• separator = ;: séparateur des colonnes
• HTML: 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 : noborder, line, blue, green

style de la table

• class: classe(s) pour la table
• style: style inline pour la table

style des colonnes

• 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

style des lignes

• color-contrast: couleur des lignes impaires. la couleur des lignes paires est à définir dans class ou style

Entête des colonnes

• header: 0: pas de titre, 1: premiere ligne contenu, titre des colonnes format CSV
• header-class: classe(s) pour la balise thead
• header-style: style pour la balise thead

Pied des colonnes

• footer: 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

style et options secondaires

• id: identifiant
• css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)

• 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

emplacement et type des données

• data2list: URL vers data ou fichier
• datatype: pour forcer la détection du type de données (json, xml, csv)
• encoding: codage des caractères de la source. ex: ISO-8859-1

uniquement pour des données CSV ou XML

• csv-header = 1: 1 si la première ligne contient les titres des colonnes.
• csv-header-title: titres des colonnes séparées par csv-separator. Si défini, remplace les titres du fichier
• csv-separator = ;: caractère séparateur pour les colonnes
• xml-attributes: les champs dans la balise ouvrante sont dans un sous-tableau @attributes, Non par défaut

sélection des lignes

• lign-root: chemin vers la ligne racine. Exemple: trk/trkseg
• lign-select: indice(s) de(s) ligne(s) de données ou col1:val1;ou val2, colN:valN pour recherche contenu

sélection des colonnes/champs

• col-include: liste des champs retournés (séparateur virgule)
• col-exclude: liste des champs non retournés (séparateur virgule)

template pour mise en forme

• template = ##LABEL##: ##VALUE##: modèle pour une ligne
• array-subtitle: contenu du premier niveau de la liste. vide=indice

mise en forme du contenu

• col-class: classes pour les champs (champ1:class1 class2,champ2:class)
• col-label: correspondance entre nom du champ et titre colonne (champ1:col1,champ2:col2, ...)

type des contenus

• col-type: date, url, image, boolean, string ou format pour fonction php: sprintf
• date-format = %e %B %Y: format pour les dates
• boolean-in = 1,0: valeurs dans fichier pour true,false,null
• boolean-out = lang[fr=oui,non,-;en=yes,no,n.a.]: texte en sortie pour les valeurs true,false,null
• url-target = _blank: Cible pour ouverture URL
• image-path: chemin vers une image dans les données
• image-max-size: coté du carré dans lequel elle sera inscrite. Exemple: 100px

si un champ est vide

• col-empty: contenu d'un champ si vide u égal à zéro. ex: colname:none, ...
• col-empty-invisible: 1 = ne pas afficher les labels des champs avec valeur vide

habillage du bloc retourné

• id:
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

Gestion du cache interne

• cache-delay = 30: durée du cache en minutes. 0 pas de cache

emplacement et type des données

• data2table: URL vers data ou fichier
• datatype: pour forcer la détection du type de données (json, xml)
• encoding: codage des caractères de la source : ISO-8859-1

• csv-header = 1: 0 ou 1 pour indiquer que la première ligne contient les titres de colonnes
• csv-header-title: liste des titres de colonnes séparés par csv-separator
• csv-separator = ;: caractère séparateur pour les colonnes
• xml-attributes: les champs dans la balise ouvrante sont dans un sous-tableau @attributes, Non par défaut: 0 /* [st-sel-lign] sélection des lignes *

sélection racine données et lignes

• lign-root: chemin de la clé racine. Exemple: trk/trkseg
• lign-select: indice du groupe de données ou champ:valeur pour recherche contenu

sélection des colonnes/champs

• col-include: liste des champs (séparateur virgule) retournés
• col-exclude: liste des champs (séparateur virgule) non retournés

• col-class: classes pour les champs (champ1:class1 class2,champ2:class)
• col-label: correspondance entre nom du champ et titre colonne (champ1:col1,champ2:col2, ...)

type des contenus

• col-type: date, url, image, boolean, compact ou format pour fonction php: sprintf
• date-format = %e %B %Y: format pour les dates
• boolean-in = 1,0: valeurs dans fichier pour true,false,null
• boolean-out = lang[fr=oui,non,-;en=yes,no,n.a.]: texte en sortie pour les valeurs true,false,null
• url-target = _blank: Cible pour ouverture URL
• image-path: chemin vers une image dans les données
• image-max-size: coté du carré dans lequel elle sera inscrite. Exemple: 100px

si un champ est vide

• col-empty: contenu d'un champ si vide u égal à zéro. ex: colname:none, ...

habillage du bloc retourné

• model: nom de la classe modèle dans le fichier data2table.css : noborder, line, blue, green
• id:
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

• cache-delay = 30: durée du cache en minutes. 0 pas de cache

emplacement et type des données

• data_info: URL vers data ou fichier
• datatype: pour forcer la détection du type de données (json, xml, csv)
• encoding: codage des caractères de la source : ISO-8859-1

uniquement pour des données CSV ou XML

• csv-header = 1: 0 ou 1 pour indiquer que la première ligne contient les titres de colonnes
• csv-header-title: liste des titres de colonnes séparés par csv-separator
• csv-separator = ;: caractère séparateur pour les colonnes
• xml-attributes: les champs dans la balise ouvrante sont dans un sous-tableau @attributes, Non par défaut: 0 /* [st-sel-lign] sélection des lignes *

sélection des lignes

• lign-root: chemin de la clé racine. Exemple: trk/trkseg
• lign-select: indice du groupe de données ou champ:valeur pour recherche contenu

template pour mise en forme

• template (item-template): modèle de mise en forme résultat

type des contenus

• col-type: date, url, image, boolean, compact ou format pour fonction php: sprintf
• date-format = %e %B %Y: format pour les dates
• boolean-in = 1,0: valeurs dans fichier pour true,false,null
• boolean-out = lang[fr=oui,non,-;en=yes,no,n.a.]: texte en sortie pour les valeurs true,false,null
• url-target = _blank: Cible pour ouverture URL
• image-path: chemin vers une image dans les données
• image-max-size: coté du carré dans lequel elle sera inscrite. Exemple: 100px

si un champ est vide

• col-empty: contenu d'un champ si vide u égal à zéro. ex: colname:none, ...

habillage du bloc retourné

• id: identifiant
• tag: balise pour bloc principal
• class: classe(s) ou style inline pour bloc principal
• style: classe(s) ou style inline pour bloc principal
• css-head (base-css): style ajouté dans le HEAD de la page

cache interne

• cache-delay = 30: durée du cache en minutes. 0 pas de cache

• date: date reconnue par la fonction php : strtotime
• format = %A %e %B %Y: format. ex: %A %e %B %Y
• locale: le code pays (en_US) ou NULL=celui en cours
• id: identifiant
• tag = span:
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

• div: classes et style (séparateur : point-virgule)
• id: si indiqué, l'attribut ID est ajouté à la balise SPAN
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

• donation: Votre adresse e-mail PayPal enregistrée ou votre identifiant PayPal
• template (item-template) = ##title## ##amount## ##currency## ##button##: modèle mise en page

définition du titre (##title##)

• title (titre): texte pour ##title##. bbcode accepté
• title-tag: balise pour le titre (##title##) span par défaut si title-style
• title-style: classes et styles pour le titre

définition du texte d'accompagnement (##text##)

• text: texte bbcode pour motclé ##text##
• text-tag: balise pour le titre (##text##) span par défaut si text-style
• text-style: classes et styles pour texte d'accompagnement

définition du bouton (##button##)

• button = lang[en=Donate;fr=Faire un don]: texte ou image Paypal pour ##button##
• button-style = b;t-grisFonce;background:#FFC439;border:#ECB300 1px outset;border-radius:50px;cursor:pointer: classes et styles pour bouton (##button##)

définition du montant et de la devise (##amount## & ##currency##)

• 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
• amount-style: classes et styles pour montant (##amount##)
• currency-style: classes et styles pour choix devises (##currency##)

Données transmises et utilisées par le site de Paypal

• item-name = Donation: La raison de vos dons. Sera imprimé sur la confirmation PayPal
• image-url: URL du logo de de votre organisme affiché sur la confirmation d Paypal
• 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
• use-sandbox: pour tester la donation

style et options secondaires

• id: id pour bloc externe
• class = tc: classe(s) pour bloc externe
• style: style inline pour bloc externe
• css-head (base-css): style ajouté dans le HEAD de la page

• facebook_timeline: ID facebook. Voir https://findmyfbid.com
• tabs = timeline: Onglets à afficher, par exemple : timeline, events, messages
• 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.
• adaptwidth = 1: Essayer d’adapter la largeur au conteneur.
• facepile = 1: Affiche les photos de profils quand des amis aiment le contenu.
• hidecover: Masque la photo de couverture dans l’en-tête
• smallheader: Utiliser un en-tête réduit

style et options secondaires

• id: identifiant
• class: classe bloc parent
• style: style inline bloc parent

• faq: aucun argument nécessaire

Définition des titres des onglets

• title-tag = h4: pour utiliser une autre balise pour les titres
• title-tag-preserve: 1 pour conserver 'title-tag' au lieu de div
• title-class: classe pour le titre (onglet)
• title-style: style inline pour le titre

Définition des panneaux

• content-class: classe pour le contenu
• content-style: style inline pour le contenu

style et options secondaires

• id: identifiant
• css-head (base-css): style ajouté dans le HEAD

• 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: balise pour bloc principal

style et options secondaires

• id: identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

• 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, ...

style et options secondaires

• id: Identifiant
• class: classe(s) pour la balise a
• style: style inline pour la balise a

• 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
• password: mot de passe pour télécharger le fichier
• template (item-template) = ##icon## ##filename-link## (##size## - ##date##) [small]##hit## ##lastdownload##[/small] [br]##info##: modèle de mise en page. keywords + bbcode

Définition du type de liste

• main-tag (block) = 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

Définition d'une ligne pour un fichier

• 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)

format pour les mots-clés

• format-date = lang[en=m/d/Y H:i;fr=d/m/Y H:i]: 'd/m/Y H:i' format pour la date
• model-hit = téléchargé %s fois: présentation pour ##hit##
• model-lastdownload = dernier téléchargement le %s: présentation pour ##lastdownload##
• model-info = %s: présentation pour ##info##

style et options secondaires

• id: identifiant
• 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: condition pour exécuter l'action

• file_in_content: chemin et nom du fichier
• file-mask: pour sélectionner les fichiers d'un dossier sur le serveur. ex: fic-*
• maxi: nombre maxima de fichier (selon sort-order).
• sort-order = desc: sens du tri. asc ou desc. Tri selon date
• msg-no-file = en=no file;fr=aucun fichier: message si aucun fichier PDF dans le dossier
• template (item-template) = [h2]##title##[/h2][div]##image####content##[/div]: modèle pour affichage

balise et style du bloc contenant les différents fichiers

• main-tag (block) = div: balise pour le bloc externe (si main-tag<>0)
• main-style: idem class & style

balise et style du bloc d'un fichier

• item-tag = div: balise pour le bloc d'un fichier (si item-tag<>0)
• item-style: style et classe pour le bloc d'un fichier

Définition pour ##image##

• image-style: style et classe pour l'image
• image-popup: 1 pour afficher en grand dans fenêtre modale
• image-extension = jpg,JPG,jpeg,JPEG,png,PNG: liste des extensions acceptées

Formattage

• HTML: 0= aucun traitement, 1=affiche le code, ou liste des tags à garder (ex: img,a)
• EOL: forcer un retour à la ligne
• 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'

style et options secondaires

• id: identifiant
• class: classe(s) pour bloc (si main-tag<>0)
• style: idem class
• css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)

• file_office_view: nom du fichier
• mode = office-embed: ou office-view, google-docs, google-drive
• width (l,largeur,w) = 100%: largeur du bloc conteneur
• height (h,hauteur) = 50vh: hauteur du bloc conteneur

style et options secondaires

• id: identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

• file_view: chemin et nom du fichier

Style du bloc

• main-tag (block) = div: balise principale
• class: classe(s) pour bloc
• style: style inline pour bloc

Mise en forme du fichier

• HTML: 0= aucun traitement, 1=affiche le code, ou liste des tags à garder (ex: img,a)
• EOL: forcer un retour à la ligne

style et options secondaires

• id: identifiant
• css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)

• filter: condition sous la forme cond1:val1,val2 ; cond2:val1,val2

Les conditions

• 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

retour pour version mono-shortcode

• return-true = 1: valeur retournée si vrai et pas de contenu
• return-false: valeur retournée si faux et pas de contenu

Divers

• info: affiche les valeurs actuelles des arguments pour les conditions
• id: identifiant

• flexauto = 3: nombre de colonnes sur grand écran ou ordi-tablet-mobile
• tablet = 2: nombre de colonnes sur moyen écran
• mobile = 1: nombre de colonnes sur petit écran

Style

• id: identifiant
• class: classe(s) ajoutée(s) au bloc parent
• style: style inline ajouté au bloc parent
• bloc-style: style inline ajoutés au bloc enfant
• css-head (base-css): style ajouté dans le HEAD de la page

• 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

Style

• 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): style ajouté dans le HEAD de la page
• id: identifiant

• folder_list: chemin relatif du dossier sur le serveur
• mask: masque de sélection des fichiers
• recursive: niveaux d'exploration des sous-dossiers

Modèle de mise en forme

• 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

Balises pour les blocs parents et enfants

• main-tag (block): balise principale. indispensable pour utiliser id, class et style
• item-tag = p: balise pour un fichier ou dossier

Format des éléments mot-clé

• date-format = %Y/%m/%d %H:%M: format de la date
• decimal = 2: nombre de décimales pour la taille du fichier

Styles CSS

• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page
• id: Identifiant

• form_select = url: mot-clé (url, url-blank) ou argument pour onchange ou prefset
• file: fichier CSV pour contenu
• separator = ;: séparateur colonnes du fichier CSV
• size = 1: nombre de lignes affichées (6) ou hauteur de la liste (ex: 50vh).
• no-content-html = en=content not found : %s;fr=contenu non trouvé : %s: message erreur. %s:nom fichier

Label avant le select

• label: texte ajouté au dessus de la liste
• label-style: classes et style inline pour le label

bouton après le select

• btn (bouton): texte du bouton pour valider le choix dans la liste. active raccourci: enter et double-clic sur liste
• btn-style: classes et style inline pour le bouton

Styles CSS

• id: Identifiant
• style: classes et styles
• css-head (base-css): style ajouté dans le HEAD de la page
• filter: conditions. Voir doc action filter

• gmap (googlemap): adresse postale
• width (l,largeur,w) = 100%: largeur de la carte
• height (h,hauteur) = 300px: hauteur de la carte

Gestion RGPD (tarteaucitron)

• rgpd = 1: 0 pour ne pas appliquer la règle pour le RGPD

Styles CSS

• class: classe
• style: style-inline
• id: identifiant

• googlefont: nom police
• size: ajout font-size et line-height
• family: famille de substitution (cursive, fantasy)

Divers

• tag = span: balise HTML pour entourer le contenu
• className: nom de la classe pour utiliser la police ailleurs dans la page

Style

• id: identifiant
• css-head (base-css): complément de css: color, font-size, ....

• gotop: texte ou caractère unicode pour la flèche. ex \25b2, \21ea ou top
• circle-bgcolor: couleur de fond du cercle
• circle-color: couleur de la bordure du cercle
• circle-color-active: couleur de la bordure pour la partie activé
• icon-color: couleur pour l'icone ou le texte
• icon-color-hover: couleur pour l'icone ou le texte lors du survol

Divers

• id: identifiant
• css-head (base-css): style ajouté dans le HEAD de la page

• hr: nom icône, code unicode, chemin image ou nom dans prefs.ini + color, size

la ligne de séparation

• 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

texte ou image sur 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: 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

Divers

• fontname = icomoon: pour icomoon ou FontAwesome ou autres (a mettre dans pref.ini)
• id: identifiant

• html = div: balise html
• id: ID spécifique
• class: classe(s)
• style: style inline
• xxx = yyy: couple attribut-valeur. ex: title=le titre, href=//google.fr

• icon: jeu d'options ou src,color,size
• src: nom icône, code unicode, chemin image (indispensable si prefset)
• size: taille icône ou coté du carré dans lequel est inscrit l'image. px, rem, em, % (px par defaut). Responsive= basesize, breakpoint1:size1, breakpointN:sizeN
• color: couleur
• color-hover: couleur lors survol icône (sauf image et unicode coloré)

Pour ajouter l'icône à un bloc sur la page

• selector: selecteur CSS pour identifier le bloc ciblé

Divers

• info: 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
• 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)

Style CSS

• style: style inline
• class: classe
• id: identificateur

• iframe: URL site distant
• preview: image affichée avant chargement de l'iframe

paramétre de l'iframe

• 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)

Style CSS

• id: identifiant
• class: classe(s) pour bloc externe
• style: style inline pour bloc externe
• css-head (base-css): style ajouté dans le HEAD de la page

Interne, conservé pour compatibilité

• iframe-class: classe(s) pour bloc
• iframe-style: style inline pour bloc

• image_compare: aucun argument nécessaire

Style CSS

• id: Identifiant
• class: classe(s) pour le bloc
• style: style inline pour le bloc

paramètres Javascript pour la configuration

• 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: 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: 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
• random: tri aléatoire des images pour gallerie depuis un dossier

configuration de la legende (type et style)

• legend: label pour image unique
• legend-type = 2: 0:aucune, 1:hover-top, 2:hover-bottom, 3:sous l'image
• legend-class: classe(s) pour la légende vignette
• legend-style: style pour la légende vignette
• legend-template: modèle pour légende séparée par 3 tirets. ex: [span style=""]##1##[/span][span style=""]##after@##[/span]

pour proposer le téléchargement haute-définition de l'image

• download-label: texte ajouté à la légende . Ex: lang[en=Download; fr=Télécharger] ou 📥
• download-title: texte de la bulle d'aide
• download-style: classe ou style pour le lien de téléchargement. Ex: color:#FFF;bg-white

style des images

• img-class: classe(s) pour bloc figure avec image et legende
• img-style: style inline pour bloc avec image et legende

style du bloc principal

• id: identifiant
• class: classe(s) pour bloc principal
• style: style inline pour bloc principal
• css-head (base-css): style CSS inséré dans le HEAD

options pour layout=masonry uniquement (recherche et classement par sous-dossiers)

• search: afficher un champ de recherche
• shuffle-reverse: inverser l'ordre d'affichage des sous-dossiers

mode chargement progressif (layout=masonry uniquement)

• infinite-scroll: 0 ou le nombre d'images affichées pour activer infinite scroll

gestion responsive. paramétres des images adaptées (srcset)

• 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: 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

gestion du dossier de stockage des variantes de tailles pour les images (a mettre dans custom/prefset.ini)

• srcset-dir: par défaut, dans le dossier de l'image. 'tmp/subdir' = non sauvegardé par Akeeba-backup
• srcset-raz: 1 pour supprimer tous les sous-dossiers srcset du dossier passé comme option principale

• image_hover: nom de l'image
• effect = 11: nom de l'effet à trouver sur le site démo

Style CSS pour le bloc externe

• id: identifiant
• class: classe
• style: style inline

Style CSS pour l'image

• img-class: classe pour image
• img-style: style inline pour image

Style CSS pour le contenu HTML

• text-class: classe pour bloc texte lors survol
• text-style: style inline pour bloc texte lors survol

Divers

• css-head (base-css): code css pour le head. ATTENTION [] au lieu de {}

• 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

Style pour le logo

• id: identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc

Style pour le bloc externe

• main-class: classe(s) pour le bloc du contenu
• main-style: style inline pour le bloc du contenu

Divers

• css-head (base-css): style ajouté dans le HEAD de la page

• image_magnify: fichier image normale
• imgzoom: fichier image utilisé pour le zoom. si vide: image principale

Paramètres de la loupe

• 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

Style CSS

• class: classe(s) ajoutées au bloc principal
• style: style inline ajouté au bloc principal
• id: id genérée automatiquement par UP

• image_pannellum: chemin de l'image
• height (h,hauteur) = 400px: hauteur en px ou vh
• width (l,largeur,w) = 100%: largeur en px ou %
• fullscreen: 1 pour autoriser la vue plein écran
• language: liste motclé (bylineLabel,loadButtonLabel,loadingLabel) + traduction. Exemple:bylineLabel:lang[en=by %s;fr:par %s], loadingLabel:Loading...
• options: liste des options supplémentaires . ex: showZoomCtrl:true,compass:true - Attention au min/maj. voir cette page

Style CSS

• id: id genérée automatiquement par UP
• 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)

paramètres Javascript pour configuration

• panorama: chemin image (il est rempli automatiquement avec l'argument principal du shortcode)
• 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: chargement auto de l'image
• autoRotate: 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: 1 pour afficher les coordonnées hotspot dans la console

• image_random: dossier des images
• path-only: retourne uniquement le chemin de l'image pour utilisation par une autre action.

Style CSS

• id: Identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

• image_rollover: image repos
• hover: image au survol
• click: image lors clic

Style CSS

• id: identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc

• 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: pourcentage qualité en JPG
• reset: force la génération des images strip
• delete-source: supprime l'image source après génération des strips

Style CSS

• id: identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

• imagemap: le chemin et nom de l'image

Style CSS

• id: id genérée automatiquement par UP
• class: classe(s) ajoutées au bloc principal
• style: style inline ajouté au bloc principal

• jcat_image: dossier/chemin/url vers une image si la catégorie n'en possède pas

Style CSS

• id: identifiant
• 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: ID ou nom du tag
• maxi: Nombre maxi d'article dans la liste
• no-published (no_published): 1 pour obtenir les catégories non publiées
• sort-by = title: tri: title, ordering, created, modified, id, hits
• sort-order = asc: ordre de tri : asc, desc
• no-content-html = [p]aucune catégorie pour ce mot-clé[/p]: retour si aucune catégorie trouvée

Modèle pour affichage résultat

• template (item-template): modèle de mise en page. Si vide le modèle est défini par le contenu

Style du bloc principal

• main-tag (block) = 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)

Style d'une ligne résultat

• item-tag = div: balise pour le bloc. 0 pour aucun
• item-style: classes et styles inline
• item-class: classe(s)

Paramètres pour images

• image-src: lorempixel.com/150/150', // image par défaut
• image-alt = news: image, texte alternatif par défaut

Formats pour les mots-clés

• 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 eventuels tags
• tags-list-style: classe ou style pour les autres mots-clés

Style CSS

• id: identifiant
• css-head (base-css): style ajouté dans le HEAD de la page

• 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

Modèles de présentation

• 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]: présentation pour ##note##

Balise et style du bloc principal

• main-tag (block) = ul: balise pour bloc parent
• style: classes et styles
• id: identifiant

Balise pour les lignes

• item-tag = li: balise pour blocs enfants (lignes)

Style CSS

• css-head (base-css): style ajouté dans le HEAD de la page

• 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
• filter: conditions. Voir doc action filter
• maxi: Nombre maxi d'articles dans la liste. Vide = tous
• exclude: liste des id des catégories non reprises si option principale=0
• current: 1 pour inclure l'article en cours
• no-published (no_published) = 1: Liste aussi les articles non publiés
• author: filtre sur auteur: liste des id ou article, current
• sort-by = publish_up: tri: title, ordering, created, modified, publish_up, id, hits, random
• sort-order = desc: ordre de tri : asc, desc
• no-content-html = Pas de nouvelles, bonnes nouvelles ...[br]No news, good news ...: texte si aucune correspondance. 0=aucun texte

Modèles de présentation

• template (item-template): modèle de mise en page. Si vide le modèle est le contenu

Balise et style pour le bloc principal

• main-tag (block) = 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)

Balise et style pour un article

• 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)

Paramètre pour l'image

• image-src: lorempixel.com/300/300', // image par défaut
• image-alt = news: image, texte alternatif par défaut

Format pour les mots-clés

• 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
• 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

Style CSS

• id: identifiant
• css-head (base-css): code CSS dans le head

Sélection des catégories

• 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

filtrage et tri des articles

• maxi: Nombre maxi d'articles dans chaque catégorie. Vide = tous
• current: 1 pour inclure l'article en cours
• no-published (no_published): 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

Paramètres d'affichage des catégories

• cat-template = [small]##catpath##[/small] [b]##title##[/b]: modèle pour les lignes de catégories
• cat-tag = h5: balise pour ligne catégorie. LI pour passer en format liste UL/LI
• cat-class: classe(s) pour la ligne catégorie
• cat-style: style pour la ligne catégorie
• cat-separator = »: pour séparer l'arborescence des catégories
• cat-root-view = 1: afficher l'unique catégorie racine. root=jamais, plusieurs=toujours

Paramètres d'affichage des articles

• 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)

style du bloc principal

• main-tag (block) = p: balise pour le bloc englobant tous les articles.
• id: identifiant pour main-tag
• main-style: classes et styles inline pour bloc principal
• main-class: classe(s) pour bloc principal (obsolete)

Format pour les mots-clés

• 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
• 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

Divers

• no-content-html = lang[en=No content found;fr=Aucun contenu trouvé: texte si aucune correspondance. 0=aucun texte
• css-head (base-css): code CSS dans le head

• jcontent_by_tags: ID ou nom du tag
• maxi: Nombre maxi d'articles dans la liste
• no-published (no_published): 1 pour obtenir les catégories non publiées
• current: 1 pour inclure l'article en cours
• sort-by = title: tri: title, created, modified, id, hits, ordering
• sort-order = asc: ordre de tri : asc, desc

Modèles de présentation

• template (item-template): modèle de mise en page. Si vide le modèle est le contenu

balise & style pour le bloc principal

• main-tag (block) = div: balise pour le bloc englobant tous les articles. 0 pour aucun
• id: identifiant
• main-style: classes et styles inline pour bloc principal
• main-class: classe(s) pour bloc principal (obsolète)

balise & style pour un élément

• item-tag = div: balise pour un bloc article. 0 pour aucun
• item-style: classes et styles inline pour bloc principal
• item-class: classe(s) pour bloc principal (obsoléte)

Paramètre pour l'image

• image-src: lorempixel.com/150/150', // image par défaut
• image-alt = news: image, texte alternatif par défaut

Format pour les mots-clés

• 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

Divers

• no-content-html = aucune catégorie pour ce mot-clé: retour si aucune catégorie trouvée
• css-head (base-css): style ajouté dans le HEAD de la page

• jcontent_in_content: ID de l'article
• no-published (no_published) = 1: Liste aussi les articles non publiés

Modèle de présentation

• template (item-template) = ##content##: modèle de mise en page. Si vide le modèle est le contenu. BBCode accepté

Balise & style pour le bloc parent

• main-tag (block) = div: balise pour le bloc d'un article. 0 pour aucun
• id: identifiant
• main-style: classes et styles inline pour un article
• main-class: classe(s) pour un article (obsoléte)

Format pour les mots-clés

• date-format = %e %B %Y: format pour les dates
• date-locale: localisation pour les dates. Par défaut, celle du navigateur client.

Style CSS

• css-head (base-css): code CSS dans le head

• jcontent_info: le nom d'un élément ou rien

Modèle de présentation

• template (item-template) = ##content##: modèle de mise en page. Si vide le modèle est le contenu. BBCode accepté

balise & style du bloc principal

• tag = _div: balise pour le bloc d'un article. _div = div si class ou style, sinon rien. = 0=jamais
• id: identifiant
• style: classes et styles inline pour un article
• class: classe(s) pour un article (obsoléte)

Format pour les mots-clés

• 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]: présentation mise en vedette
• 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.

Style CSS

• css-head (base-css): code CSS dans le head

• 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
• author: filtre sur auteur: liste des id ou article, current
• sort-by = title: tri: title, ordering, created, modified, publish_up, id, hits
• sort-order = asc: ordre de tri : asc, desc

Style du bloc principal

• id: identifiant
• main-class: classe(s) pour bloc principal (obsoléte)
• main-style: classes et styles inline pour bloc principal
• class: idem main-class. Conservé pour compatibilité descendante
• style: idem main-style. Conservé pour compatibilité descendante

Titre : balise et style

• 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)

Style de la liste

• list-style: classes et styles inline pour la liste
• list-class: classe(s) pour la liste (obsoléte)

Style CSS

• css-head (base-css): code CSS dans le head

• jextensions_list = component,module,plugin: nom d'un prefset ou un des types suivants : component,module,plugin
• type-exclude: 1= tous les types sauf ceux passés en paramètre principal
• client: 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: 1 pour lister les extensions dépubliées
• sort = type,folder,name: tri

Modèle de présentation

• template (item-template) = ##state####name##[small] ##client## ##type####folder## ##version## (id:##id##) ##author## [/small] ##note##: modèle de mise en page. keywords+bbcode

Balise et style du bloc principal

• main-tag (block) = ul: Balise pour bloc principal
• style: classes et styles
• id: identifiant

Balise pour les lignes

• item-tag = li: Balise pour blocs lignes

Format pour les mots-clés

• model-folder = %s: présentation pour ##folder##
• model-version = vers:%s: présentation pour ##version##
• model-note = [i class="t-blue"]%s[/i]: présentation pour ##note##
• state-list = t-red: liste de choix : inactif, actif 🔴

Style CSS

• css-head (base-css): style ajouté dans le HEAD de la page

• jmenus_list: prefset, nom menutype ou vide pour tous
• menuid: ID menu parent pour limiter à cette branche

Balise et style du bloc principal

• main-tag (block) = ul: balise pour la liste des fichiers
• style: classes et styles
• id:

Modèle de présentation

• template-menutype = [h5]##title## (id:##id##)[/h5] ##description## / ##menutype##: modèle pour menutype. keywords + bbcode
• template-menu = ##title-link##[small] (id:##id##) ##access## - ##component## ##language##[/small] ##note##: modèle item menu. keywords + bbcode
• model-note = [i class="t-blue"] %s[/i]: modèle pour ##note## keywords + bbcode

Style CSS

• css-head (base-css): style ajouté dans le HEAD de la page

Critères de sélection des modules

• jmodules_list: prefset ou position(s). vide=tous les modules site
• position-exclude: 1= toutes les positions sauf celles passées en paramètre principal
• client: 0=site, 1=admin, 2=tous
• module: nom du module. ex: LM-Custom-SITE
• module-exclude: 1= tous les modules sauf ceux passés au paramètre module
• actif-only: 1 pour lister les extensions dépubliées
• order = position, ordering, title: ordre de tri. sépérateur virgule
• no-content-html = [p]aucun module a cette position[/p]: retour si aucune catégorie trouvée

Balise et style du bloc principal

• main-tag (block) = ul: balise pour le bloc englobant tous les modules. 0 pour aucun
• id: identifiant
• main-style: classes et styles inline pour bloc principal
• main-class: classe(s) pour bloc principal (obsolète)

Balise et style d'un bloc module

• 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)

Modèle de présentation

• 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]: présentation pour ##note##
• state-list = icon-unpublish t-rouge, icon-publish t-vert, icon-trash t-gris: liste de choix : inactif, actif 🔴

Style CSS

• css-head (base-css): style ajouté dans le HEAD de la page

• kawa (coffee): vide = café court, long = café long
• sucre (sugar) = 1: option sucre
• speculoos: speculoos base ou spécifier marque (lotus)

Style CSS

• id: identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc

• lang: langue pour vérifer le rendu (vide en production)
• lang-order = en,fr: ordre de saisie des langues dans contenu

Style CSS

• tag: balise entourant le contenu retourné
• id: identifiant
• 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)

Divers

• info: affiche la langue du navigateur et celle affichée
• http: utilise l'entête HTTP au lieu de JFactory::getLanguage()

• link: URL ou EMAIL pour l'attribut href
• label: texte alternatif pour le lien
• blank: ouvre le lien dans un nouvel onglet

Icône

• icon: icone affichée devant le lien : 0=pas d'icône, 1=icône par defaut, Unicode, fonticon ou image
• icon-style: classes et styles pour l'icône
• icon-url = Ux1F517: Icone par defaut pour les URL
• icon-phone = Ux260E: Icone par defaut pour les téléphone - v2.9
• icon-mail = Ux2709: Icone par defaut pour les MAIL

Style CSS

• id: identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

Divers

• font-prefix = icon-: pour icomoon ou 'fa fa-' pour font-awesome (a mettre dans pref.ini)
• filter: conditions. Voir doc action filter (v2.9)

• listup: style des puces (séparateur point-virgule) par niveaux (markers) (séparateur virgule)

Valeurs par défaut

• ul-default = square;t-c1: type liste par défaut
• ol-default = decimal;t-c1: type liste numérotée par défaut

Style CSS

• id: identifiant
• class: classe(s) pour bloc principal
• style: class ou style inline pour bloc principal
• style-*: class ou style pour les niveaux des puces
• css-head (base-css): style ajouté dans le HEAD de la page

Divers

• start: indice pour début liste numérotée
• 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

• lorem: nombre de paragraphe et mots-clés séparés par des virgules

Divers

• max-char: nombre maxima de caractères
• max-word: nombre maxima de mots

Style CSS

• tag = div: (v1.6) tag du bloc contenant le texte en retour ou tag=0 pour aucun.
• id: pour forcer l'id (sans effet, si tag=0)
• class: classe(s) pour bloc (sans effet, si tag=0)
• style: style inline pour bloc (sans effet, si tag=0)

• lorem_flickr (lorempixel,lorem_placeimg): mot(s) clé(s) séparé par des virgules
• height (h,hauteur) = 200: hauteur image téléchargée
• width (l,largeur,w) = 200: largeur image téléchargée
• color: g (gris), p (pixellisé), red, green, ou blue

Bloc parent

• main-tag (block) = div: balise du bloc parent à l'image si options main-class ou align
• main-class: classe(s)
• align: alignement horizontal : left, center, right

Style CSS

• id: identifiant
• class: classe(s)
• style: classes et styles

• 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: rendu en niveau de gris
• sepia: rendu sépia

Style CSS

• id: identifiant
• class: classe(s) (obsolète)
• style: classes et styles

• 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: force la récupération aléatoire
• grayscale: pour rendu en niveaux de gris
• blur: rendu flou
• gravity: recadrage : north, east, south, west, center

Style CSS

• id: identifiant
• class: classe(s) (obsolète)
• style: classes et styles

• 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
• id:
• class: classe(s) obsolète
• style: classes et styles

• 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"}}

Gestion des fichiers CSV

• 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

Style des bulles d'aide

• tooltip-class: Nom de classe CSS des infobulles
• tooltip-style: Proprietes CSS pour les infobulles

Divers

• before-init: voir demo
• after-init: voir demo

Style CSS

• 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
• id: remplace l'id generee automatiquement par UP
• 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: 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.

Style CSS

• id: identifiant
• class: classe(s) pour bloc (obsolète)
• style: classes et styles pour bloc

• marquee: le texte de l'etiquette
• model = base: style CSS dans .upmq-*style*. 0=aucun
• height (h,hauteur) = 100px: hauteur defaut pour scroll vetical

Style CSS

• 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: 1 = label sur une ligne

Divers

• id: identifiant
• filter: conditions. Voir doc action filter (v1.8)

Paramètres Javascript pour configuration

• direction = left: right, up, down
• loop = - 1: nombre d'affichage, -1 : infini
• scrolldelay: 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: scroll uniquement lors survol

• masonry = 480:2,720:3,960:4,1200:5: colonnes et marges par breakpoint : bp:col*x*y. ex: 960:2*10*10,480:1
• margin: marge en pixels. x*y pour des marges différentes en horizontal et vertical

Options annexes

• preserve-order: 1: l'ordre des blocs est préservé. 0=priorité à l'égalité de la hauteur des colonnes
• wait-images: 1: charge toutes les images avant le calcul. 0: calcul à chaque chargement d'image.
• breakpoints-container: 0: breakpoints définis sur la largeur du navigateur. 1: largeur du bloc parent

mise en forme CSS

• id: id genérée automatiquement par UP
• 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

• 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

Style CSS

• id: identifiant
• class: classe(s) ajoutée(s) au bloc extérieur
• style: style inline ajouté au bloc extérieur

• media_vimeo: code de la video (à la fin de l'url vimeo)
• width (l,largeur,w): largeur de la video en px ou %
• autoplay: démarrage automatique
• title (titre): afficher le titre de la vidéo
• portrait: afficher l'image de profil de l'auteur (portrait)
• loop: boucle en fin de video
• muted: coupe le son
• play-on-visible: démarre et arrête la video selon sa visibilité sur l'ecran

Style CSS

• id: identifiant
• class: classe pour bloc externe
• style: code css libre pour bloc externe

Divers

• rgpd = 1: 0 pour ne pas appliquer la règle pour le RGPD

• media_youtube (youtube): code de la video (à la fin de l'url youtube)
• ratio = 16/9: homothétie de la vidéo sous la forme 16/9 ou 1.77
• width (l,largeur,w): largeur de la video en px ou %
• autoplay: demarrage automatique
• loop: boucle sur la video
• muted: coupe le son
• play-on-visible: démarre et arrête la video selon sa visibilité sur l'ecran

Style CSS

• id: Identifiant
• class: classe pour bloc externe
• style: code css libre pour bloc externe

Divers

• rgpd = 1: 0 pour ne pas appliquer la règle pour le RGPD

• meteo_concept: Date de la prévision sous la forme AAAAMMJJ (journée) ou AAAAMMJJHHMM (quart de journée début à 1,7,13 ou 19h)
• insee: Localisation par code insee de la commune (mode prioritaire)

Si la date n'est pas dans les 14 jours à venir

• msg: 1 pour afficher un message si hors période de 14 jours
• msg-before = L\'événement est terminé depuis le %s: message si date antérieure
• msg-after = Prévisions disponibles à partir du %s: message si date postérieur

CSS pour bloc principal

• tag = div: balise utilisée pour le bloc principal si un style est indiqué.
• style: classe et style pour le bloc principal.

Paramètres webmaster

• date-format = %A %e %B %Y: format de la date
• cache-delay = 60: durée du cache en minutes. 0 pas de cache
• token: Token fourni par Météo Concept

• 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

Style CSS

• id: Identifiant
• class: classe(s) pour bloc parent
• style: style inline pour bloc parent

• modal: contenu ou type de contenu
• type: pour forcer le type : inline, iframe, image, video, ajax
• label: texte du lien pour afficher le popup. bbcode accepté

options diverses

• filter: conditions. Voir doc action filter (v1.8)
• close-left: croix de fermeture en haut à gauche. haut-droite par défaut
• zoom-suffix = -mini: suffixe pour les versions vignettes des images
• base-js-params: règles JS définies par le webmaster (ajout dans init JS)

Gestion des styles

• id: identifiant. identique pour lier des modales
• class: classe(s) pour bloc label
• style: style inline pour bloc label
• css-head (base-css): règles CSS définies par le webmaster (ajout dans le head)

Options pour Javascript

• overlayClose = 1: 1 pour fermer la fenêtre modale en cliquant sur la zone grisée autour du contenu
• videoAutoPlay: 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 = texte masqué. HTML autorisé: texte à masquer

• 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
• id: id genérée automatiquement par UP
• class: classe(s) ajoutées au bloc principal
• style: style inline ajouté au bloc principal

• page_search = body: sélecteur CSS du bloc où rechercher. J3=.article-details OU J4=.com-content-article__body

Position de la zone de recherche

• 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

Icone et texte de la zone de recherche

• 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)

Mise en évidence du résultat

• highlight-bg = yellow: couleur de surlignage des mots trouvés

Style CSS

• id: id genérée automatiquement par UP
• 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: chemin du fichier pdf
• method (methode) = PDFJS: ou Google, Embed ... ou 0
• view = 1: 0 = masque le PDF
• width (l,largeur,w) = 100%: largeur iframe
• height (h,hauteur) = 500px: hauteur iframe

Gestion du lien pour télécharger le PDF

• 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

Gestion bouton pour afficher le PDF

• btn (bouton): 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

Divers

• close-left: 1=croix de fermeture en haut à gauche. 0=haut-droite par défaut
• flip: activer le mode flipbook uniquement si PDFJS
• background: couleur fond perdu du PDF au format #rrggbb
• pdfjs-model = web: ou mobile (non opérationnel)

Style CSS

• id: identifiant
• class: classe(s) pour bloc parent
• style: style inline pour bloc parent
• tag = div: balise pour bloc parent - v2.9
• css-head (base-css): style ajouté dans le HEAD de la page

• pdf_gallery: chemin du dossier contennat les PDF
• file-mask: pour sélectionner les fichiers d'un dossier. ex: fic-*
• sort-by = name: tri des fichiers. name ou date. Voir la demo
• sort-order = asc: sens du tri. asc ou desc
• msg-no-file = en=no file;fr=aucun fichier: message si aucun fichier PDF dans le dossier
• template (item-template) = ##human-name## [small](##size## - ##date##)[/small] ##btn-view## ##btn-download##: modele pour affichage (bbcode et motcle)

Balise pour affichage de la liste

• main-tag (block) = ul: balise principale. 0 = aucune
• item-tag = li: balise pour le bloc d'un fichier. 0 = aucune

Configuration prévisualisation du PDF

• preview-width = 100%: largeur du bloc pour preview
• preview-height = 500px: hauteur du bloc pour preview
• preview-background: couleur fond perdu du PDF (preview et modal) au format #rrggbb

Configuration fenêtre modale

• popup-width: largeur de la fenêtre popup avec unité. Ex: 90vw, 80%, ...
• popup-height: hauteur de la fenêtre popup avec unité. Ex: 90vh, 500px, ...
• popup-close-left: croix de fermeture en haut à gauche. haut-droite par défaut

Bouton télécharger le PDF

• add-sitename: texte à ajouter au début des fichiers téléchargés
• btn-download-text = en=Download %s;fr=Telecharger %s: texte pour le bouton 'télécharger'
• btn-download-style: classe et style inline pour le bouton 'télécharger'

Bouton voir le PDF

• btn-view-text = Voir: texte pour bouton 'voir'
• btn-view-style: classe et style inline pour le bouton 'voir'

style pour ##image##

• image-style: classe et style pour l'image
• info-style: classe et style pour le contenu du fichier .info. Ajoute un bloc DIV

Label du fichier

• label-replace: liste des remplacements sous la forme ancien:nouveau, ... BBcode admis

Format pour les mots-clés

• 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'
• prefix-date-size: ou le nombre de caractères pour définir la date. 13 si YYYYMMDDHHMM-, 11 si YYYY-MM-DD-

Style CSS

• id: identifiant
• 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: le code PHP

Style CSS

• tag = div: balise utilisée pour les classes, styles et id si class ou style définis
• id: identifiant
• class: classe(s) ou style pour le bloc retour'
• style: classe(s) ou style pour le bloc retour'

Divers

• filter: conditions. Voir doc action filter (v1.8)

• php_error = dev: mode rapport d'erreurs : none, 0, min, max, dev
• id: identifiant

• popover: bbcode pour élément déclencheur

Style de la fenêtre popup

• 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

Style de l'élément déclencheur

• tag = button: balise pour élément déclencheur
• id: id genérée automatiquement par UP
• 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
• filter: conditions. Voir doc action filter

paramètres Javascript pour la configuration du popover

• width (l,largeur,w) = 250: largeur du popover en px
• top (t) = false: true : popover au-dessus du trigger, sinon au-dessous
• arrow = true: affichage de la fleche
• offset: 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.

Mode et conditions d'exécution

• popup = 5s: Délai en sec (15s), position dans la page (50%) ou sélecteur de bloc (#bloc)
• scroll-offset = 3: x = tolérance avant-après pour le scroll. x1-x2 = avant et après
• filter: condition pour exécuter l'action
• cookie-duration: nombre de jours de conservation des cookies. 0 pour la session ou -1 pour ignorer

Position et style de la fenêtre surgissante

• popup-position: position YX du popup : TL, TC, TR, CL, CC, CR, BL, BC, BR
• popup-style: classe ou style pour la fenetre popup

Arrière-plan

• overlay-lock = 1: 1: le popup bloque la navigation sur la page
• overlay-style: classe ou style pour masquer/atténuer le contenu

Bouton fermeture popup

• close-only-button = 1: 1: fermeture uniquement par le bouton, 0: en cliquant hors du popup
• close-style: classe ou style pour la fenetre popup
• close-label = &times;: texte ou symbole pour le bouton. BBCode et action UP admis

Animation

• animation-in: classe unique pour animation ouverture du popup
• animation-out: classe unique pour animation fermeture du popup
• animation-target = popup: popup ou overlay: cible de l'animation

Divers

• id: id genérée automatiquement par UP
• css-head (base-css): style ajouté dans le HEAD de la page

• printer = &#x2399; Imprimer: texte du bouton
• selector: sélecteur CSS du bloc à imprimer

Position du bouton

• btn-before: le bouton est après le contenu à imprimer
• btn-display-on-print: 0 = masque le bouton sur l'impression

Divers

• filename: nom du document si impression PDF
• id: identifiant

Style CSS du bouton

• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

• qrcode = text: type de QRCode : text/url/sms/email/phone/location/wifi/contact
• size = 200: Largeur

Les types de contenus

• 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

Divers

• alt: texte alternatif, si le qrcode n'est pas affiché
• encoding = UTF-8: code pour texte

Style CSS

• id: identifiant
• 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: idem textmore

Texte des boutons

• textmore = lire la suite: texte bouton OUVRIR
• textless = replier: texte bouton FERMER

Style des boutons

• textmore-style: classe et style pour le bouton OUVRIR
• textmore-class: classe et style pour le bouton OUVRIR
• textless-style: classe et style pour le bouton FERMER
• textless-class: classe et style pour le bouton FERMER

Style pour le panneau contenu

• panel-style: classes et style pour le contenu (v2.6)

Style CSS des boutons

• id: identifiant
• class = uprm-btn: classe(s) pour les boutons OUVRIR et FERMER
• style: idem

• sameheight: inutilisé
• id:
• class: classe(s) pour bloc principal
• style: style pour bloc principal
• css-head (base-css): code css libre dans le head. attention: ] au lieu de }

• scroll_indicator: aucun argument
• bg-color: couleur de base du cercle (rgba() ou #RRGGBBAA )
• color: couleur du segment indicateur (rgba() ou #RRGGBBAA )
• size: largeur du segment indicateur (1 à 100)

Style CSS

• id: Identifiant
• css-head (base-css): style ajouté dans le HEAD de la page

• scroller: nombre d'élément ou hauteur du bloc en px

Style CSS

• id: Identifiant
• 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)

paramètres Javascript pour configuration

• newsPerPage = 4: nombre de blocs par page. Idem option principale
• navigation = true: affiche la navigation haut/bas
• autoplay = true: active la lecture automatique
• direction = up: sens de défilement (up/down)
• animationSpeed = normal: normal, slow ou fast
• newsTickerInterval = 4000: autoplay interval en ms
• pauseOnHover = true: arrêt défilement lors survol souris

Options pour enregistrement du suivi

• site_stat: vide : enregistre l'accès, sinon masque= *:tous, 1:courant, ID article ou masque fichiers (id-alias)
• catid-include: liste des id catégories à inclure, séparateur virgule
• catid-exclude: liste des id catégories à exclure, séparateur virgule
• usergroup-list: liste des groupes d'utilisateurs à exclure, séparateur virgule
• ip-list = 127.0.0.8, localhost: liste des IP à ignorer. les botnets sont ignorés, séparateur virgule
• bots-list = bot,spider,crawler,libwww,search,archive,slurp,teoma,facebook,twitter: liste de bots exclus

Options pour affichage résultats

• view-catid-include: liste des catégories prise en compte
• detail-max-month: Nombre de mois affichés. 0: tous
• tmpl-lign = ##ALIAS## ##CATALIAS## ##DETAIL##: modele d'affichage pour un article ou total
• tmpl-detail-period = [b class="t-blue bg-grisClair ph1"]##PERIOD##[/b] ([b]##TOTAL##[/b] - ##LANG##): template pour une période
• tmpl-detail-period-lang = [i]##LANG##[/i]:[b]##COUNT##[/b]: Sous-template pour un langage
• tmpl-total-detail-period = [b class="t-blanc bg-brun ph1"]##PERIOD##[/b] ([b]##TOTAL##[/b] - ##PAGES-VISITORS##): template pour le nombre de pages vues par les visiteurs
• tmpl-total-detail-PV = [i]##NBPAGES##p[/i]:##COUNT##: Sous-template groupe de nombres de pages par visiteurs
• date-format = lang[en=%B %se, %Y; fr=%e %B %Y]: format pour la date
• no-content-html = lang[en=No statistical data; fr=Aucune donnée statistique]: message affiché si aucun résultat pour la sélection

Paramètres consolidation pour prefs.ini

• keep-days = 3: nombre de jours non compactés en mois. Aujourd'hui non inclus. Ces jours ne sont pas comptabilisé dans leur mois
• keep-months = 12: nombre minimum de mois non compactés en années. (0=année courante, 12=année courante et précédente)
• delay-unique = 300: delai (en secondes) entre 2 visites d'une page par une IP pour la considerer comme unique
• bots-nbpages = 200: nb pages/jour pour suspision de robots

Classe(s) et style(s) pour la ligne total

• total-style = bg-grisClair: style pour la dernière ligne

Gestion style d'une ligne

• item-tag: balise pour les lignes de la liste
• item-class: classe pour les lignes de la liste
• item-style: style pour les lignes de la liste

Gestion style du bloc principal

• main-tag (block): balise pour la liste
• id: identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

Pour webmaster - à ajouter dans le fichier prefs.ini

• dir-logs = up/site-stat: dossier pour logs

Options principales

• site_visit: nom du compteur, si vide = alias article (si info=0)
• catid-include: liste des id catégories à inclure, séparateur virgule
• catid-exclude: liste des id catégories à exclure, séparateur virgule
• usergroup-list: liste des groupes d'utilisateurs à exclure, séparateur virgule
• ip-list = 127.0.0.0, localhost: liste des IP à ignorer. les botnets sont ignorés, séparateur virgule
• bots-list = bot,spider,crawler,libwww,search,archive,slurp,teoma,facebook,twitter: liste de bots exclus

Options pour affichage résultats

• info: masque des fichiers stat et log dont le contenu est listé. vide = article courant, * = tous ou masque fichier
• info-template = ##counter## visites au ##lastdate##: modele d'affichage
• info-catid-include: liste des catégories prise en compte
• info-sort: tri de la liste. Par défaut ##alias##. Tous les mots sont utilisables
• info-sort-order = asc: sens de tri sur l'ensemble des mots-clé de info-sort
• detail-period-style: style ajouté pour la période de la liste détaillée
• use-bbcode: utilise le format bbcode dans le résultat. A utiliser pour un export en CSV
• date-format = lang[en=%B %se, %Y;fr=%e %B %Y]: format pour la date
• no-content-html = "lang[en=No statistical data;fr=Aucune donnée statistique]": message affiché si aucun résultat pour la sélection

Gestion style d'une ligne

• item-tag: balise pour les lignes de la liste
• item-class: classe pour les lignes de la liste
• item-style: style pour les lignes de la liste

Gestion style du bloc principal

• main-tag (block): balise pour la liste
• id: identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

Pour webmaster - à ajouter dans le fichier prefs.ini

• log = 1: argumente un fichier nom_compteur.log avec IP, langage et date
• dir-logs = up/site-visit: dossier pour logs

• sitemap: nom menutype exclus. séparateur: virgule
• 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: afficher le nombre de liens et la liste des pages non indexées
• id: identifiant

• slider_owl: aucun paramètre nécessaire

Style CSS

• id: id genérée automatiquement par UP
• 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

JS : autoplay

• autoPlay: 0 ou durée affichage image en millisecondes
• slideSpeed = 200: vitesse de transition en millisecondes

JS : pagination

• paginationSpeed: durée changement en millisecondes
• pagination = true: affiche pagination
• paginationNumbers: affiche numéros à l'intérieur des boutons de pagination

JS : navigation

• 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"

JS : nombre d'images selon largeur écran

• responsive = true: adaptation sur petits ecrans
• items: 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: 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

Style CSS

• id: id genérée automatiquement par UP
• 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

paramètres Javascript pour configuration

• 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: tente de détecter automatiquement la taille de chaque diapositive
• stretch = 1: étire les images pour remplir le conteneur

• snowfall = snow-01.png: image ou dossier
• selector = body: cible pour snowfall

Taille, vitesse et nombre des images

• 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

Style CSS

• id: identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc
• center: style et classe pour centrage vertical du contenu entre shortcodes
• z-index = 99: z-index des images

Divers

• filter: conditions. Voir doc action filter

• sound_hover: fichier_son
• evenement = onmouseenter: ou onclick, onmouseover...

Style CSS

• tag = div: balise pour le bloc. span pour un bloc inline
• id: id genérée automatiquement par UP
• class: classe(s) pour le bloc parent
• style: style pour le bloc parent

• span: classes et style (séparateur : point-virgule)
• id: si indiqué, l'attribut ID est ajouté à la balise SPAN
• 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: nom de la table
• select = *: listes des colonnes
• where: commande SQL : where
• order: commande SQL : order
• group: commande SQL : group
• innerjoin: commande SQL : innerjoin
• outerjoin: commande SQL : outerjoin
• leftjoin: commande SQL : leftjoin
• rightjoin: commande SQL : rightjoin
• setlimit: commande SQL : setlimit

informations sur la base de données

• dbinfos: vide= la liste des tables OU nom_table = la liste des colonnes

mise en forme du résultat

• presentation = table: présentation du résultat : list,table,div ou 0
• template (item-template): modèle mise en page
• 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)
• no-content-html = aucun résultat: essage si echec requete

Style CSS pour afficher le résultat

• id: identifiant
• 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

• tab = tab: tab ou accordion
• auto: 0 ou delai en millisecondes pour changement automatique d'onglet

Style des titres (onglets)

• title-tag = h4: balise utilisée pour les titres onglets
• title-style: classe(s) et style inline onglets
• title-class: classe(s) onglets (obsolète)

Style des panneaux de contenu

• content-style: classe(s) et style inline contenu
• content-class: classe(s) contenu (obsolète)
• espace-vertical = 1: 0, 1 ou 2 : niveau des éléments à répartir

Style du bloc principal

• id: identifiant
• style: classe(s) et style(s) bloc principal
• class: classe(s) bloc principal (obsolète)
• css-head (base-css): règles CSS mises dans le head

paramètres Javascript pour configuration

• side: left ou right
• active_tab: 1 a N
• plugin_type: accordion (interne, ne pas modifier)
• content_display = block: interne, ne pas modifier, défini par espace-vertical

• table_by_columns (table_par_colonnes): rien
• 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
• breakpoint = 720px: bascule en vue responsive
• key-width = 35%: largeur de la première colonne en vue responsive
• title-style: style pour la ligne titre en vue responsive

Style CSS

• id: Identifiant
• 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): rien
• breakpoint = 720px: bascule en vue responsive
• max-height: max-height pour la table

Style CSS

• id: identifiant
• 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

paramètres Javascript pour configuration

• 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: aucun argument
• col-left: nombre de colonnes fixées à gauche
• max-height: max-height pour le bloc parent

Style CSS

• id: identifiant
• style: classes et styles pour le bloc parent
• class: classe(s) pour le bloc parent (obsolète)
• css-head (base-css): permet d'ajouter des style à la table incluse

• table_flip (table_permute): aucun argument

Style CSS

• id: identifiant
• style: classes et styles 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_sort: Aucun argument
• 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)

champs pour recherche

• placeholder = lang[en=Search;fr=Rechercher]: texte dans la zone recherche
• globalSearch: vide= recherche sur toutes les colonnes, sinon liste des colonnes (1,2,5)

Pagination

• pagination: nombre de lignes par pages ou 0 pour désactiver
• pagination-class: classe pour les boutons
• pagination-class-active: classe pour le bouton actif

Style CSS

• id: id genérée automatiquement par UP
• 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

paramétres JS

• sortable = 1: Activer le tri
• searchable = 1: Activer la recherche

l'onglet

• tabslide: titre de l'onglet
• tab-style: classes et styles inline pour onglets
• tab-class: classe(s) pour onglet (obsolète)

le panneau

• id: identifiant
• panel-style: classes et styles inline pour panneau
• panel-class: classe(s) pour panneau (obsolète)

Options JS disparues - conservés pour compatibilité

• speed = 300: OBSOLETE voir bounceSpeed
• positioning = fixed: or absolute, so tabs move when window scrolls
• toggleButton = .tab-opener: not often used

paramétres JS : définition de l'onglet

• tabLocation = left: position : left, right, top ou bottom
• onLoadSlideOut: slide out after DOM load
• clickScreenToClose = 1: fermer l'onglet lorsque le reste de l'écran est cliqué
• tabHandle = .handle: Sélecteur JQuery pour l'onglet, peut utiliser #
• action = click: mode ouverture : 'hover' ou 'click'
• hoverTimeout = 5000: sélai en ms pour garder l'onglet ouvert après la fin du survol - uniquement si action = 'hover'
• offset = 200px: distance pour top or left (bottom or right si offsetReverse est vrai)
• offsetReverse: true= aligné a droite ou en bas
• otherOffset = null: si défini, la taille du panneau est définie pour maintenir cette distance à partir du bas ou de la droite (haut ou gauche si offsetReverse)
• handleOffset = null: Si null, détecte la bordure du panneau pour bien aligner la poignée, sinon la distance en px
• handleOffsetReverse: si vrai, poignée alignée avec la droite ou le bas du panneau

paramétres JS : Animation

• bounceDistance = 50px: distance autorisée pour le rebond
• bounceTimes = 4: nombre de rebonds si 'bounce' est appelé
• bounceSpeed = 300: vitesse d'animation des rebonds

paramétres JS : image pour l'onglet

• pathToTabImage = null: image facultative à afficher dans l'onglet
• imageHeight = null: hauteur image
• imageWidth = null: largeur image

paramétres JS : pour expert

• onOpen = function () {}: appelé après l'ouverture
• onClose = function () {}: appelé après la fermeture
• onSlide = function () {}: appelé après l'ouverture ou la fermeture

• text_fit: sélecteur du bloc. ex: h1, h1.foo, #id, h2#id, ...

Définition des valeurs minimales/maximales

• 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

Divers

• 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.

Style CSS

• tag = div: balise par defaut
• id: identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

• text_typewriter: liste de mots séparés par des virgules

Style CSS

• id: identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

paramétres JS : vitesse affichage

• typeSpeed: vitesse de frappe en ms
• startDelay: délai en ms avant chaque série
• backSpeed: vitesse de l'espacement arrière en millisecondes
• backDelay = 700: délai en ms avant effacement

paramétres JS : gestion du fondu pour transition

• 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

paramétres JS : affichage en boucle

• loop = false: chaînes en boucle
• loopCount = Infinity: nombre de boucles

paramétres JS : divers

• smartBackspace = true: n'efface que ce qui ne correspond pas à la chaîne précédente
• shuffle = false: mélange les phrases
• 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: inutilisé

Style CSS

• id: id genérée automatiquement par UP
• 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

JS: définir le contenu analysé

• 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

JS: Mise en forme du sommaire

• indexingFormats: format des index : nombres, lettres ou
• maxlen: longueur maxi des titres du sommaire
• heading: Titre du sommaire

JS: Divers pour experts

• 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: texte de la bulle. bbcode permis

style et position de la bulle

• model: une des classes principales définies dans up-model.scss
• position = center: left, right
• bottom (b,bas): vrai pour afficher la bulle au-dessous
• width (l,largeur,w) = 250: largeur maxi de l'info-bulle
• offset: décalage vertical de info-bulle. Négatif=vers le haut
• opacity = 95: transparence de l'info-bulle
• open: info-bulle affichée au chargement de la page

Style CSS pour l'élément déclencheur

• id: identifiant
• 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: aucun argument

icônes et ligne

• icon-folder = arrow: image pour les dossiers (noeuds)
• icon-file: image pour éléments feuilles
• icon-size: taille de l'icone. Ex: 48px,960:32px,1200:24px
• custom-icon: liste des icônes personnalisées pour création CSS inline
• line: ligne devant les items. 1 (ligne par defaut) ou attributs pour border

Ouverture automatique et délai

• expand-all: 1 pour ouvrir tous les noeuds
• expand: 1 pour ouvrir les noeuds de niveau 1
• delay: durée ouverture noeuds en msec

Boutons ouverture et fermeture

• btn-open-selector: sélecteur du lien 'Tout déplier'
• btn-close-selector: sélecteur du lien 'Tout déplier'

Style CSS

• id: identifiant
• class: classe(s) pour bloc
• style: style inline pour bloc
• css-head (base-css): style ajouté dans le HEAD de la page

• tweeter_timeline: tweet id

Paramétres pour API tweeter

• 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

Style CSS

• id: identifiant
• style: classes et style inline bloc parent
• class: classe bloc parent (obsolète)