Introduction
UP realizes actions in your articles and customized modules.
Just add a shortcode with UP, action name and options.
Example : {up website=mysite.com | target=_self } displays a link with an screenshot of mysite.com
To discover the possibilities : https://up.lomart.fr/infos/premiers-pas
UP is called once, he calls the actions. A little or never used action does not penalize your site.
It’s easy to adapt UP to your site and create new actions
The 150 actions available for version 5.1
$EDITOR
snippet create and load small text files (snippet)
BODY
bg-image Displays an image in the background of a block bg-slideshow Displays a series of scrolling images in the background of the site or one block bg-video Displays a youtube or local video in the site background or a block corner Displays text on a ribbon or corner snowfall Simulates snowfall or other events... tabslide add tabs to open a panel at window sides
EDITOR
ajax-view Displays a button to load the content of an article or a file bbcode Enter HTML code with a WYSIWYG editor date displays a date filter displays the content if all conditions are true hr displays a horizontal line with an icon and/or text icon standardizes the call of icons. Avoids switching to code mode for entry lang Choice of content according to visitor language link Displays a link to an URL or email listup Customize simple and/or ordered lists lorem Displays random text (style possible) lorem-flickr displays a random image lorem-unsplash displays a random image note Adding comments visible in WYSIWYG editor and not on the website popover Displays a big tooltip when clicking an element. printer Add a button to propose the printing of part of the page scroll-indicator Affiche la position dans la page dans un cercle autour du curseur toc Automatic Summary tooltip tooltips when hovering over an item
EXPERT
addclass adds a class to a CSS selector (default body) addcodehead adds free code to the head. addcsshead adds CSS code or files to the head. addfilehead Add JS or CSS files in the head addscript adds code or file JS or JQuery cache-cleaner Clears cache files data-info Returns fields from a data source according to a formatting template data2list Displays the content of a JSON or XML file as a list data2table Displays the contents of a JSON, XML ou CSV file as a table form-select drop-down box googlefont adds a GoogleFont font, as well as a class to use it gotop Displays a button with position indicator to return to the top of the page. php allows you to execute PHP code in an article. php-error Enable PHP error reports random selects one or more values from a list or folder site-visit counts the number of visit for a page sitemap Creation of a 'sitemap.xml' file in the root website
FILE
file Force the download of a file file-download Simple download manager with stats and password protection file-in-content Uses all files in a folder to build an article file-view Forces a file to load and display it in raw form markdown Displays MARKDOWN content from a file or entered between shortcodes pdf Displays a PDF in the content or generates a button to display it in a window pdf-gallery Displays a list of PDFs contained in a folder
GROUPE POUR BOUTON EDITEUR
site-stat counts the number of calls for this action and displays the number of visits
HTML
attr Adds attributes to the first internal tag center Center all child blocks by removing unnecessary margins color Returns the color value of an UP colorname csv-info Returns the raw value of an element (row/column) of CSV file div Facilitates the entry of an inline DIV block with a wysiwyg editor html allows you to create an HTML entity (tag) with class(es), style and attribute without switching to mode code iframe introduce a responsive iframe in an article popup Opens a popup after a delay or a position in the page sameheight equalizes the height of the direct children of the block (p or div) span Facilitates the entry of an inline SPAN block with a wysiwyg editor text-fit Adjusts a text to its container text-typewriter Display several sentences with a typewriter effect
IMAGE
image-compare comparison of 2 images by moving a cursor image-gallery Displays one or more images in a lightbox image-hover Overlay HTML content on an image with effects on hover image-logo Add an image or text on an image image-magnify displays a magnifying glass effect on an image image-pannellum Displays a 3D panorama from an equirectangular image image-random Randomly display one of the images in a folder image-rollover Change the image on hovering image-secure Prevent image saving imagemap a clickable and responsive imagemap slider-owl scrolling banner of images or HTML blocks
JOOMLA
field Returns the value of a custom field for the current content jcat-image Displays an image related to the category of the current item jcategories-by-tags list of articles in one or more category jcategories-list list of descending categories. The parent category is not displayed jcontent-by-categories list of articles in one or more category jcontent-by-subcat list of articles by one or more category jcontent-by-tags list of articles in one or more category jcontent-in-content ONE article in an other article jcontent-info Displays information about the current article jcontent-list list of articles in one or more category jcontent-metadata for metadata control jextensions-list list of extensions installed on the site jmenus-list menu list jmodules-list list of modules on the site sql SQL query with formatting and sorting
LAYOUT-DYNAMIC
anim-aos displays content with animations on page scroll (library in pure JS) faq an accordion folder-list returns a formatted list of the contents of a folder on the server marquee HTML content scrolling horizontally or vertically modal Displays content in a modal window (popup) readmore display/hide an HTML block using an accordion and 'read more' button scroller Vertical scrolling of an item list slideshow-billboard Responsive images slideshow with captions and links tab displays content in panels with tabs at the top, left or right. Responsive mode table-sort Sorting, filtering and paging a table treeview Displays a list as a tree (TreeView)
LAYOUT-STATIC
box displays a box with a title, subtitle, image, content and action cell displays 1 to 6 child blocks on the same line csv2def Converting CSV content into a definition list (DL/DT/DD) csv2list Converting CSV content into a list with a control point csv2table Converting CSV content into a table flexauto a responsive grid on several columns flexbox displays child blocks in a responsive FLEXBOX grid masonry Displays blocks in a fluid and responsive grid
MEDIA
media-plyr displays a video or audio player that fits at most in its parent block media-video displays a local video in HTML5 media-vimeo displays a Viméo video which is maximally in its parent block media-youtube displays a Youtube video that is registered at the maximum in its parent block sound-hover Plays a sound when flying over an element or event JS
RESPONSIVE
table-by-columns responsive tables by stacking the rows of a column. table-by-rows responsive tables by stacking columns by rows. table-fixe responsible tables: header line remains visible table-flip responsive tables by row/column permutation
UP
upactionslist INTERNAL - list of UP actions with information and parameters upbtn-makefile creation of HTML files for the editors-xtd plugin upprefset Displays a list of all UP presets for the site. upscsscompiler INTERNAL - Compile all SCSS files in the action folders upsearch Research an action in the content of articles and / or modules (params)
WIDGET
barcode Generates BarCode from TCPDF library. chart Statistical graphs with GoogleChart chart-org Shows an organization's graph clocks-gmt Displays an analog and/or digital clock with the time of a time zone countdown displays a countdown or digital clock countdown-simple Displays a simple and easily adaptable countdown timer counter Add a counter with prefix and suffix donation Donation form with Paypal facebook-timeline displays the Facebook timeline file-office-view Displays an MS Office file (word, excel, powerpoint) gmap displays a google map for an address kawa Serves as a virtual coffee mapael Shows an interactive vector map meteo-concept Returns the weather forecast for a given date for a FRENCH given city meteo-france displays the Météo France widget osmap displays an OpenStreetMap map page-search Search for a word in the current page qrcode Generates QRCodes with Google API tweeter-timeline displays the timeline Tweeter website Displays a screenshot of a site with link. website-preview Displays a preview of the site when hovering over a link
UP réalise des actions dans vos articles et modules personnalisés.
Ajoutez simplement un shortcode avec UP, le nom de l'action et les options.
Exemple : {up website=monsite.com | target=_self } affiche un lien avec une capture d'écran de monsite.com
Pour découvrir les possibilités : https://up.lomart.fr/infos/premiers-pas
UP est appelé une fois, il appelle les actions. Une action peu ou jamais utilisée ne pénalise pas votre site.
Il est facile d'adapter UP à votre site et de créer de nouvelles actions
Les 150 actions disponibles pour la version 5.1
$EDITOR
snippet créer et charger des petits fichiers texte (snippet)
BODY
bg-image Affiche une image en fond d'un bloc
bg-slideshow Affiche une série d'images défilantes en fond du site ou d'un bloc
bg-video Affiche une video locale ou youtube en fond de site ou dans un bloc
corner Affiche un texte sur ruban dans un angle
snowfall Simule des chutes de neige ou autres ...
tabslide ajoute des onglets pour ouvrir un panneau sur les bords de la fenêtre
EDITOR
ajax-view Affiche un bouton pour charger le contenu d'un article ou un fichier
bbcode Saisir du code HTML avec un éditeur WYSIWYG
date affiche une date
filter affiche du contenu si toutes les conditions sont remplies
hr affiche un trait horizontal avec une icône et/ou du texte
icon uniformise l'appel des icônes. Evite de passer en mode code pour la saisie
lang Choix du contenu selon la langue du visiteur
link Affiche un lien vers une URL, un numéro de téléphone ou un mail
listup Personnaliser des listes simples et ordonnées
lorem Affiche du texte aléatoire (enrichissement possible) lorem-flickr affiche une image aleatoire
lorem-unsplash affiche une image aleatoire
note Ajouter des commentaires visibles dans un éditeur WYSIWYG et pas sur le site
popover Affiche une grosse info-bulle lors d'un clic sur un élément.
printer Ajoute un bouton pour proposer l'impression d'une partie de la page
scroll-indicator Affiche la position dans la page dans un cercle autour du curseur
toc Sommaire automatique
tooltip des info-bulles au survol d'un élément
EXPERT
addclass ajoute une classe à un sélecteur CSS (body par défaut.)
addcodehead ajoute du code libre dans le head.
addcsshead ajoute du code ou fichier CSS dans le head.
addfilehead Ajoute des fichiers JS ou CSS dans le head
addscript ajoute du code ou un fichier JS ou JQuery
cache-cleaner Efface les fichiers du cache
data-info Retourne des champs d'une source de données selon un template de mise en forme
*
data2list Affiche le contenu d'un fichier JSON, XML ou CSV sous forme d'une liste
*
data2table Affiche le contenu d'un fichier JSON, XML ou CSV sous forme d'un tableau
form-select liste déroulante d'options
googlefont ajoute une police GoogleFont, ainsi qu'une classe pour l'utiliser
gotop Affiche un bouton avec indicateur de position pour revenir en haut de page.
php permet d'exécuter du code PHP dans un article.
php-error Active les rapports d'erreurs PHP
random sélectionne une ou plusieurs valeurs dans une liste ou un dossier
site-visit comptabilise le nombre d'appel de cette action et affiche le nombre de visite
sitemap Création d'un fichier 'sitemap.xml' en racine du site
FILE
file Force le téléchargement d'un fichier
file-download Gestionnaire simple de téléchargements avec stats et protection par mot de passe
file-in-content Utilise tous les fichiers d'un dossier pour construire un article
file-view Force le chargement d'un fichier pour l'afficher en brut
markdown Affiche du contenu MARKDOWN provenant d'un fichier ou saisi entre les shortcodes
pdf Affiche un PDF dans le contenu ou génère un bouton pour l'afficher dans une fenêtre
pdf-gallery Affiche une liste des PDF contenus dans un dossier
GROUPE POUR BOUTON EDITEUR
site-stat comptabilise le nombre d'appel de cette action et affiche le nombre de visite
HTML
attr Ajoute des attributs à la première balise interne
*
center Centre tous les blocs enfants en supprimant les margins superflus color retourne la valeur d'une couleur de la feuille de style de UP
csv-info Retourne la valeur brute d'un élément (ligne/colonne) d'un fichier CSV div Facilite la saisie de blocs DIV avec un éditeur wysiwyg
html permet de créer une entité HTML (balise) avec classe(s), style et attribut sans passer en mode code
iframe introduire un iFrame responsive dans un article
popup Ouvre un popup après un délai ou une position dans la page
sameheight égalise la hauteur des enfants directs du bloc (p ou div)
span Facilite la saisie d'un bloc inline SPAN avec un éditeur wysiwyg
text-fit Ajuste un texte à son conteneur
text-typewriter Afficher plusieurs phrases avec un effet machine à écrire
IMAGE
image-compare comparaison de 2 images par déplacement d'un volet
image-gallery Affiche une ou plusieurs images dans une lightbox image-hover Superpose un contenu HTML sur une image avec des effets lors du survol
image-logo Ajoute une image ou un texte sur une image
image-magnify affiche un effet de loupe sur une image
*
image-pannellum Affiche un panorama 3D à partir d'une image equirectangular
image-random Affiche aléatoirement une des images d'un dossier
image-rollover Change l'image au survol
image-secure Affiche une image de manière à compliquer sa récupération
imagemap une image clicable et responsive
slider-owl bandeau défilant d'images ou de blocs HTML
JOOMLA
field Retourne la valeur d'un custom field pour le contenu courant
jcat-image Affiche une image en rapport avec la catégorie de l'article courant
jcategories-by-tags liste des catégories d'un mot-clé (tag)
jcategories-list liste des catégories descendantes jcontent-by-categories liste des articles d'une catégorie
jcontent-by-subcat Les articles par categories et sous-categories
jcontent-by-tags liste des catégories d'un mot-clé (tag)
jcontent-in-content Affiche le contenu d'un article dans un autre
jcontent-info Affiche des informations sur l'article courant
jcontent-list liste des articles d'une catégorie
jcontent-metadata pour contréle des metadonnées jextensions-list liste des extensions installées sur le site
jmenus-list liste des menus
jmodules-list liste des modules sur le site
sql Requête SQL avec mise en forme et tri
LAYOUT-DYNAMIC
anim-aos affiche du contenu avec des animations sur scroll de page (librarie en pure JS)
faq accordion très simple
folder-list retourne la liste mise en forme du contenu d'un dossier sur le serveur
marquee contenu HTML défilant horizontalement ou verticalement
modal Affiche du contenu dans une fenêtre modale (popup)
readmore afficher/cacher un bloc HTML à l'aide d'un bouton 'lire la suite'
scroller Défilement vertical d'une liste d'éléments
slideshow-billboard Slideshow responsive d'images avec légendes et liens
tab affiche du contenu dans des panneaux avec onglets en haut, à gauche ou à droite. table-sort Trier, filtrer et paginer une table treeview Affiche une liste sous forme d'un arbre (treeview)
LAYOUT-STATIC
box affiche une boite avec un tite, sous-titre, image, contenu et action
cell affiche de 1 à 6 blocs enfants sur une même ligne
csv2def Conversion d'un contenu au format CSV en liste de définition (DL/DT/DD)
csv2list Conversion d'un contenu au format CSV en liste avec point de conduite
csv2table Conversion d'un contenu au format CSV en table
flexauto une grille responsive sur plusieurs colonnes
flexbox affiche des blocs enfants dans une grille FLEXBOX responsive
masonry Affiche des blocs dans une grille fluide et responsive
MEDIA
media-plyr affiche un lecteur video ou audio qui s'inscrit au maxima dans son bloc parent
media-video affiche une vidéo locale en HTML5
media-vimeo affiche une video Viméo qui s'inscrit au maxima dans son bloc parent
media-youtube affiche une video Youtube qui s'inscrit au maxima dans son bloc parent
sound-hover Joue un son au survol d'un élément ou d'un événement JS
RESPONSIVE
table-by-columns tables responsives par empilement des lignes d'une colonne.
table-by-rows tables responsives par empilement des colonnes par lignes.
table-fixe tables responsives: ligne entete reste visible
table-flip tables responsives par permutation lignes/colonnes
UP
upactionslist Liste des UP actions avec infos et paramètres
upbtn-makefile Création des fichiers HTML pour le plugin editors-xtd
upprefset Affiche la liste de tous les prefsets de UP pour le site
upscsscompiler Compile tous les fichiers SCSS dans les dossiers des actions
upsearch Recherche une action dans le contenu des articles et/ou modules (params)
WIDGET
barcode Création de code à barres à partir de la librairie TCPDF. chart Graphiques statistiques avec GoogleChart
chart-org Affiche le graphe d'une organisation
clocks-gmt Affiche une horloge analogique et/ou digitale avec l'heure d'un fuseau horaire
countdown affiche un compte à rebours ou une horloge digitale
countdown-simple Affiche un compte à rebours simple et facilement adaptable par CSS
counter Ajoute un compteur avec prefix et suffix
donation Formulaire de donation avec Paypal
facebook-timeline affiche la timeline Facebook
file-office-view Affiche un fichier MS Office (word, excel, powerpoint)
gmap affiche une carte google pour une adresse
kawa Sert un café virtuel
mapael Affiche une carte vectorielle interactive
meteo-concept Retourne les prévisions météo pour à date donnée pout une ville FRANCAISE donnée meteo-france affiche le widget de Météo France
osmap affiche une carte OpenStreetMap
page-search Cherche un mot dans la page courante
qrcode Génére des QRCodes avec Google API
tweeter-timeline affiche la timeline Tweeter website Affiche un screenshot d'un site avec un lien.
website-preview Affiche une prévisualisation du site au survol d'un lien
Share