Ce site personnel, hébergé sur les serveurs de la société o2switch, est réalisé avec la dernière version de Joomla!

Les extensions utilisées

Ce site, donc l'objectif est la démonstration du plugin UP, utilise très peu d'extensions.

  • Le template utilisé est Helix Ultimate
  • La présentation des démos pour les actions utilise le module Simple Isotope de Pascal Leconte - ConseilGouz
  • Le formulaire de contact est réalisé avec FlexiContactPlus. J'aime bien son CAPTCHA simple et ludique.
  • La gestion des téléchargements est confiée à JDownloads
  • LM-Prism me permet d'afficher du code avec coloration syntaxique.
  • LMZoom permet d'agrandir dans une lightbox les images
  • LM-Custom me permet d'utiliser UP dans un module
  • L'alerte sur l'utilisation de cookies est faite par le plugin Kick GDPR
  • Le sitemap est fait par OSMap
  • L'optimisation et la sécurité du site sont assurées par aeSecure

Même si cela ne se voit pas, j'utilise en backend les extensions suivantes :

  • l'incontournable Akeeba backup pour les sauvegardes
  • QuickCacheCleaning pour nettoyer les caches et déverrouiller les éléments bloqués
  • JDump pour déboguer mes créations
  • en complément de l'éditeur wysiwyg TinyMCE, la saisie en mode code est faite avec Rokpad.
  • Le changement d'éditeur est réalisé avec Editor Switcher
  • Mon plugin AdminOrder fait en sorte de toujours me présenter les listes comme je le désire
  • LM-MetaData sur la page d'accueil backend me permet de suivre l'état des articles et d'éditer rapidement les derniers
  • Pour compiler les modifications CSS, j'utilise mon plugin SCSS Compiler

Gestion des données personnelles

Ce site ne conserve aucune donnée. Le formulaire de contact permet uniquement d'envoyer un email au gestionnaire du site.

Certaines des actions proposées par UP utilisent des services externes qui peuvent déposer des cookies. Cela est signalé dans leur documentation. Vous devez en tenir compte avant de les utiliser sur votre site.

Accès, utilisation, respect des droits d'auteur

Ce site est destiné à votre information. Vous disposez d'un droit d'utilisation des informations qui y sont contenues à des fins exclusivement personnelles et non commerciales.

Vous n'êtes pas autorisés à modifier, distribuer, transmettre, diffuser, représenter, reproduire, publier, transférer ou vendre tout ou partie de ce site, tout document téléchargé à partir de ce site ou toutes listes de liens obtenues à partir de ce site, ni à créer des oeuvres dérivées de ces documents ou listes de liens, sauf accord particulier et préalable conclu avec l'éditeur et/ou l'auteur.

L'ensemble du site relève de la législation sur le droit d'auteur et la propriété intellectuelle. Rappel de l'article L.112-3 du Code de la Propriété Intellectuelle.

Tous les droits de reproduction sont réservés, ce qui inclut les documents à télécharger, les représentations iconographiques et photographiques. La reproduction des textes sur support papier est autorisée sous réserve du respect de la gratuité de la diffusion, de l'intégrité des documents reproduits et de la citation, claire et lisible de la source.

Cookies & Analyse de trafic

Ce site utilise Google Analytics, un service d’analyse de site internet fourni par Google Inc. (« Google »).

Google Analytics utilise des cookies , qui sont des fichiers texte placés sur votre ordinateur, pour aider le site internet à analyser l’utilisation du site par ses utilisateurs. Les données générées par les cookies concernant votre utilisation du site (y compris votre adresse IP) seront transmises et stockées par Google sur des serveurs situés aux Etats-Unis. Google utilisera cette information dans le but d’évaluer votre utilisation du site, de compiler des rapports sur l’activité du site à destination de son éditeur et de fournir d’autres services relatifs à l’activité du site et à l’utilisation d’Internet. Google est susceptible de communiquer ces données à des tiers en cas d’obligation légale ou lorsque ces tiers traitent ces données pour le compte de Google, y compris notamment l’éditeur de ce site. Google ne recoupera pas votre adresse IP avec toute autre donnée détenue par Google.

Vous pouvez désactiver l’utilisation de cookies en sélectionnant les paramètres appropriés de votre navigateur. Cependant, une telle désactivation pourrait empêcher l’utilisation de certaines fonctionnalités de ce site.

En utilisant ce site internet, vous consentez expressément au traitement de vos données nominatives par Google dans les conditions et pour les finalités décrites ci-dessus.

{up addcsshead=.fg-row p[text-align:center;font-weight:bold] }

Pour éviter une surcharge des serveurs et permettre un chargement rapide, les modèles de carte affichés ci-après sont des images.

Pour modifier le rendu d'une carte, il suffit d'insérer le paramètre tile avec comme argument le nom du fichier de définition. Exemple : tile=mapbox.pencil

Pour utiliser d'autres fonds de carte (tuiles), UP propose 2 méthodes :

  1. indiquer dans le shortcode l'URL du serveur de tuile (tile-url) et ses options (tile-options)
  2. créer un fichier JSON dans le sous-dossier tiles de l'action. Inspirez-vous des fichiers existants pour concevoir le vôtre.

Classiques

osm-mapnik-fr défaut

osm-mapnik

osm-mapnik-de

osm-humanitarian

opentomap

mapbox.streets clé necéssaire

mapbox.emerald clé necéssaire

mapbox.outdoors clé necéssaire

stamen-terrain

mapbox.run-bike-hike clé necéssaire

Satellite

mapbox.streets-satellite clé necéssaire

Noir et blanc

osm-mapnik-bw

mapbox.light clé necéssaire

mapbox.dark clé necéssaire

mapbox.high-contrast clé necéssaire

stamen-toner

stamen-toner-lite

Fantaisie

mapbox.comic clé necéssaire

mapbox.wheatpaste clé necéssaire

mapbox.pirates clé necéssaire

mapbox.pencil clé necéssaire

stamen-watercolor

Sans texte

mapbox.satellite clé necéssaire

osm-mapnikno-labels

stamen-terrain-background

{up markdown=plugins/content/up/history.md}

Le contenu de cette page provient du fichier history.md qui est mis à jour automatiquement lors de la mise à jour du plugin UP
le shortcode pour afficher le texte est :

{up markdown=plugins/content/up/history.md}

kawa Nouveau
prépare un café virtuel

Cette action permet d'éviter les palpitations dues à un excés de café lors des longues séances de programmation.

Créé 27/06/2018

osmap Nouveau
affiche une carte OpenStreetMap

Une alternative "libre" à GoogleMap.

Créé 18/06/2018

markdown
afficher un fichier ou du contenu markdown

Conversion d'un contenu Markdown en HTML

Créé 09/02/2018

imagemap
image clicable responsive

Une image clicable responsive

Créé 10/12/2017

file
ouvrir ou télécharger un fichier

Génére un lien avec une icône et permet de forcer le téléchargement d'un fichier sous un nom plus agréable que celui du fichier

Créé 04/12/2017

media_plyr
affiche un lecteur vidéo ou audio

Pour écouter un MP3 ou voir une vidéo Youtube, Vimeo, sur un serveur distant ou locale

Créé 01/11/2017

slider_owl
bandeau défilant images et blocs HTML

Un bandeau défilant d'images ou de blocs HTML. .

Créé 10/08/2017

slideshow_billboard
diaporama d'images avec légendes

Un diaporama d'image avec des légendes HTML dans un article ou un module

Créé 10/08/2017

upscsscompiler
compilation SCSS

Cette méthode permet de demander la compilation des fichier SCSS de UP et de ses actions

Créé 03/10/2017

sound_hover
joue un son

Jouer un son au survol de la souris, lors d'un clic ou tout événement javascript

Créé 10/08/2017

article-category
liste des articles d'une catégorie

Ce simple shortcode permet d'insérer une liste des articles d'une catégorie.

Créé 19/09/2017

addCodeHead
ajoute du code libre dans le head

Cette action permet d'ajouter du code libre dans la balise HEAD de la page, sans risque de nettoyage par un éditeur WYSIWYG

Créé 18/09/2017

filter
afficher sous conditions

Afficher selon certaines conditions : date, utilisateur, langage, mobile ...

Créé 12/09/2017

image-magnify
voir les détails d'une photo

Un effet de loupe pour voir les détails d'une photo

Créé 12/09/2017

box
mise en forme de blocs

Pour créer rapidement des pavés, cartes, messages, ...

Créé 10/08/2017

table-fixe
entête et/ou première colonne fixe

Une table responsive pour bloquer le défilement de l'entête et de colonnes

Créé 08/09/2017

table-permute
inversion lignes-colonnes

Permuter les colonnes et les lignes d'une table pour faciliter la lecture sur les petits écrans

Créé 08/09/2017

table-par-colonnes
empile les lignes par colonnes

Idéal pour afficher une table planning en responsive

Créé 08/09/2017

table-par-lignes
empile les colonnes d'une ligne

Afficher toutes les colonnes d'une ligne les unes unes au dessous des autres sur un mobile

Créé 08/09/2017

php
exécuter du code PHP sur le serveur

Pour exécuter du code PHP dans un article

Créé 06/09/2017

icon
simplifier l'utilisation des polices d'icônes

Utiliser facilement votre police d'icône dans vos articles

Créé 06/09/2017

marquee
du contenu défilant

marqueeDécrié, mais pratique et demandé, une action pour mettre du texte défilant dans vos articles

Créé 06/09/2017

tabslide
des onglets sur le bord du site

Une action pour afficher des onglets sur les bords du navigateur

Créé 06/09/2017

tab
des onglets responsives

Des onglets et accordions responsives

Créé 06/09/2017

sameheight
blocs à la même hauteur

Ou comment afficher plusieurs blocs à la même hauteur

Créé 06/09/2017

addCssHead
ajoute du code CSS dans le head

Cette action permet d'ajouter des règles CSS dans la balise HEAD de la page, sans risque de nettoyage par un éditeur WYSIWYG

Créé 17/08/2017

html
saisir du html en mode wysiwyg

saisir du code HTML dans un article en mode Wysiwyg (sans passer en mode code)

Créé 06/09/2017

readmore
volet déroulant "lire la suite"

Comment masquer du texte ou des images dans un article

Créé 05/09/2017

lorempixel
image aléatoire

Pour insérer des images factices dans vos maquettes de site

Créé 05/09/2017

flexBox
blocs enfants dans une grille flexbox

Une Flexbox très souple et très légère conçue pour UP

Créé 10/08/2017

lorem
texte aléatoire

Pour insérer du faux-texte dans vos maquettes de site

Créé 05/09/2017

flexAuto
grille responsive sur plusieurs colonnes

Idéal pour répartir des blocs sur plusieurs colonnes "responsives"

Créé 10/08/2017

image-Compare
comparaison de 2 images

Pour comparer 2 images comme une vue avant et après.

Créé 10/08/2017

image-hover
affichage texte avec effets lors survol

Des effets pour afficher du texte au survol d'une photo

Créé 10/08/2017

meteo-france
prévision Météo France

Le widget Météo France sur votre site

Créé 10/08/2017

gmap
carte GoogleMap

On ne peut pas faire plus simple pour afficher une GoogleMap

Créé 10/08/2017

media_youtube
affiche des vidéos youtube

La solution la plus simple pour afficher une vidéo Youtube en responsive

Créé 10/08/2017

upactionslist
interne - liste et docs des actions

Cette méthode vous permet d'afficher la documentation des actions installées sur votre site

Créé 03/09/2017

faq
accordions

Un accordion très facile à mettre en oeuvre

Créé 17/08/2017

countdown
horloge, minuteurs et compte à rebours

Afficher une horloge, le temps restant jusqu'à une date ou un compte à rebours.

Créé 17/08/2017

googlefont
utiliser les polices Google

L'action googlefont est très pratique pour utiliser une police spécifique à un évenement.

Créé 17/08/2017

addClass
ajoute une classe à une balise ou son parent

Une action qui permet de styler vos pages individuellement

Créé 17/08/2017

cell
mise en page avec table-cell

Des cellules sur une seule avec alignement vertical

Créé 10/08/2017

{up addcsshead=.page-header[display:none]}

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

{up filter | guest} {up upactionslist} {=======}

Consolidation du fichier dico.json effectuée

{up upactionslist | make-dico} {/up filter}

Un shortcode est composé de :

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

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

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

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

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

Cela permet une saisie entièrement en wysiwyg

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