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 131 actions available for version 2.9
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 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-placeimg 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. addscript adds code or file JS or JQuery cache-cleaner Clears cache files 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 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
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 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 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
MEDIA
media-plyr displays a video or audio player that fits at most in its parent block 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 131 actions disponibles pour la version 2.9
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 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-placeimg 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. addscript ajoute du code ou un fichier JS ou JQuery cache-cleaner Efface les fichiers du cache 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 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
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 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 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
MEDIA
media-plyr affiche un lecteur video ou audio qui s'inscrit au maxima dans son bloc parent 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 entête 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