From d2c5e8716f116f78df3c3db87cc068bcc1232639 Mon Sep 17 00:00:00 2001 From: Cyrille L Date: Fri, 24 Jun 2022 10:53:35 +0200 Subject: [PATCH] Help: documentation for images --- help/comment_ecrire-article.md | 54 +++++++++++----------- var/lib/gsl/help/comment_ecrire-article.md | 54 +++++++++++----------- 2 files changed, 52 insertions(+), 56 deletions(-) diff --git a/help/comment_ecrire-article.md b/help/comment_ecrire-article.md index cf1e42e..bcd93a0 100644 --- a/help/comment_ecrire-article.md +++ b/help/comment_ecrire-article.md @@ -91,7 +91,7 @@ brut: NUMERO : NOM-DU-FICHIER image: NUMERO : NOM-DU-FICHIER : TEXT-ALTERNATIF ``` -## Contenu de l'article: +## Contenu de l'article Les marqueurs (hors listes) *et leur contenu* (ex: ```·ceci est en gras·```) **doivent être sur la même ligne**. @@ -206,44 +206,42 @@ image: 2 : FILENAME : ALT-TEXT ``` Dans l'article... -Définir le marqueur ```_image``` et spécifiez 5 valeurs séparées par -```:```. Placez ```+``` pour faire un lien vers l'image ou définir un -lien http/ftp pour faire un lien externe sur l'image. +Définir le marqueur ```_image``` et spécifier 5 valeurs séparées par +```:```. Placez ```+``` pour faire un lien vers l'image locale ou définir +un lien http/ftp pour faire un lien externe sur l'image. **Le lien ne doit +pas contenir 2 fois ```:```** -Seul la première valeur est obligatoire. Les suivantes peuvent être, soit -la valeur prévue, soit un lien. +Seul la première valeur est obligatoire. Les suivantes sont optionnelles +et peuvent être, soit la valeur prévue, soit un lien ````+``` ou ```http/ftp```. Les valeurs: -1. Numero d'image -2. Alignement: l,r,(g,d également),c pour gauche, droite, centre) -- - maclasse au lieu de l,r,g,d,c pour utiliser la classe css "maclasse" -- - ```+``` : CSS center. Lien vers l'image -- - ```http/ftp``` : CSS center. Lien externe sur l'image -3. Longueur width : unité par défaut: px si inconnue -- - ```0``` : longueur non définie -- - ```+``` : CSS maclasse. Lien vers l'image -- - ```http/ftp``` : CSS maclasse. Lien externe sur l'image -4. Largeur height : unité par défaut: px si inconnue -- - ```+``` : CSS maclasse. Lien vers l'image -- - ```http/ftp``` : CSS maclasse. Lien externe sur l'image -5. lien : vers l'image interne ou un lien externe -- - ```+``` : CSS maclasse. Lien vers l'image -- - ```http/ftp``` : CSS maclasse. Lien externe sur l'image +1. Numero d'image : Valeur 1er champ après "image:" en METAS +2. Alignement : l,r,(g,d),c,maclasse pour gauche, droite, centre, maclasse +- - vide ou lien : classe défaut c (center) +3. Longueur : unité par défaut "px" si inconnue +- - ```0``` : longueur non définie (renseigner largeur) +4. Largeur : unité par défaut "px" si inconnue +5. lien : vers l'image interne **OU** un lien externe +- - ```+``` : Lien vers l'image +- - ```http/ftp``` : Lien externe sur l'image -Exemple d'images affichées l'une à côté de l'autre +Le ratio de l'image est automatiquement conservé si pas de largeur ou si +la longueur est à ```0``` + +#### Exemples de mise en place d'images +Images affichées l'une à côté de l'autre ``` ( _image:1 -_image:2:c:640px:25% -_image:3:maclass:320:+ -_image:4:maclass:0:400:https://echolib.re +_image:2:c:+ +_image:3:g:640px:https://echolib.re/ +_image:4:maclass:320:200:+ +_image:5:maclass:0:20%:https://echolib.re/ ) ``` -Exemple d'images affichées l'une en dessous de l'autre, dont la première -s'ouvrir dans un nouvel onglet avec sa taille originale et la classe css -center +Images affichées l'une en dessous de l'autre ``` ( diff --git a/var/lib/gsl/help/comment_ecrire-article.md b/var/lib/gsl/help/comment_ecrire-article.md index cf1e42e..bcd93a0 100644 --- a/var/lib/gsl/help/comment_ecrire-article.md +++ b/var/lib/gsl/help/comment_ecrire-article.md @@ -91,7 +91,7 @@ brut: NUMERO : NOM-DU-FICHIER image: NUMERO : NOM-DU-FICHIER : TEXT-ALTERNATIF ``` -## Contenu de l'article: +## Contenu de l'article Les marqueurs (hors listes) *et leur contenu* (ex: ```·ceci est en gras·```) **doivent être sur la même ligne**. @@ -206,44 +206,42 @@ image: 2 : FILENAME : ALT-TEXT ``` Dans l'article... -Définir le marqueur ```_image``` et spécifiez 5 valeurs séparées par -```:```. Placez ```+``` pour faire un lien vers l'image ou définir un -lien http/ftp pour faire un lien externe sur l'image. +Définir le marqueur ```_image``` et spécifier 5 valeurs séparées par +```:```. Placez ```+``` pour faire un lien vers l'image locale ou définir +un lien http/ftp pour faire un lien externe sur l'image. **Le lien ne doit +pas contenir 2 fois ```:```** -Seul la première valeur est obligatoire. Les suivantes peuvent être, soit -la valeur prévue, soit un lien. +Seul la première valeur est obligatoire. Les suivantes sont optionnelles +et peuvent être, soit la valeur prévue, soit un lien ````+``` ou ```http/ftp```. Les valeurs: -1. Numero d'image -2. Alignement: l,r,(g,d également),c pour gauche, droite, centre) -- - maclasse au lieu de l,r,g,d,c pour utiliser la classe css "maclasse" -- - ```+``` : CSS center. Lien vers l'image -- - ```http/ftp``` : CSS center. Lien externe sur l'image -3. Longueur width : unité par défaut: px si inconnue -- - ```0``` : longueur non définie -- - ```+``` : CSS maclasse. Lien vers l'image -- - ```http/ftp``` : CSS maclasse. Lien externe sur l'image -4. Largeur height : unité par défaut: px si inconnue -- - ```+``` : CSS maclasse. Lien vers l'image -- - ```http/ftp``` : CSS maclasse. Lien externe sur l'image -5. lien : vers l'image interne ou un lien externe -- - ```+``` : CSS maclasse. Lien vers l'image -- - ```http/ftp``` : CSS maclasse. Lien externe sur l'image +1. Numero d'image : Valeur 1er champ après "image:" en METAS +2. Alignement : l,r,(g,d),c,maclasse pour gauche, droite, centre, maclasse +- - vide ou lien : classe défaut c (center) +3. Longueur : unité par défaut "px" si inconnue +- - ```0``` : longueur non définie (renseigner largeur) +4. Largeur : unité par défaut "px" si inconnue +5. lien : vers l'image interne **OU** un lien externe +- - ```+``` : Lien vers l'image +- - ```http/ftp``` : Lien externe sur l'image -Exemple d'images affichées l'une à côté de l'autre +Le ratio de l'image est automatiquement conservé si pas de largeur ou si +la longueur est à ```0``` + +#### Exemples de mise en place d'images +Images affichées l'une à côté de l'autre ``` ( _image:1 -_image:2:c:640px:25% -_image:3:maclass:320:+ -_image:4:maclass:0:400:https://echolib.re +_image:2:c:+ +_image:3:g:640px:https://echolib.re/ +_image:4:maclass:320:200:+ +_image:5:maclass:0:20%:https://echolib.re/ ) ``` -Exemple d'images affichées l'une en dessous de l'autre, dont la première -s'ouvrir dans un nouvel onglet avec sa taille originale et la classe css -center +Images affichées l'une en dessous de l'autre ``` (