L'Agora sur Chronica – Gestliens - Shaarli

Certains css sont dans le plugin markdown

null@example.com (Katryne) — Fri, 12 Jan 2024 13:23:36 +0000

Comme le style des citations (blockquote)

plugins/markdown/markdown.css

Page Quotidien (daily)

null@example.com (Katryne) — Sat, 06 May 2023 11:55:23 +0000

En général, je ne l'utilise pas. Mais au cas où, pour que le post suivant n'empiète pas sur le précédent où il y a une vignette :
- dans daily.html, ligne 22, ajouter un div class clearfix
- dans user.css

.clearfix {height:0.1rem;clear:both;}

RSS

null@example.com (Katryne) — Sat, 06 May 2023 11:41:22 +0000

Remplacer le lien RSS du menu par dailyrss. C'est dans tpl/frama/page.header.html

Liens en _blank du mur d'images

null@example.com (Katryne) — Sat, 06 May 2023 11:37:00 +0000

C'est dans picwall.html

Refaire le plan de pages en Hn

null@example.com (Katryne) — Sat, 06 May 2023 11:34:36 +0000

- dans linklist.html, remettre du H1 sur le titre de pages Liste des liens.
- styler le H1 dans frama.css
- puis H2 sur linktitle
- dans tpl/frama/daily.html, mettre h2 au lieu de div lignes 38-40 s/ link-title
- Tags cloud : ajouter un titre h1 avec "Nuages de mots clefs en dur"

Franciser playvideo

null@example.com (Katryne) — Sat, 03 Sep 2022 12:14:35 +0000

Le fichier de langue se trouve dans plugins/playvideo/playvideo.html

Supprimer la colonne de droite

null@example.com (Katryne) — Sat, 03 Sep 2022 12:12:32 +0000

Créer une class accueil avec width : 100% dans frama.css.
Remplacer dans tpl/frama/linklist.html class col_md_9 par la class accueil ligne 26

Supprimer la boîte Tag-Clouds de la colonne de droite

null@example.com (Katryne) — Sat, 03 Sep 2022 12:10:03 +0000

à droite de la page. C'est dans tpl/frama/linkist.html a/c ligne 126

J'ai perdu mon mot de passe !

null@example.com (Katryne) — Tue, 11 Jan 2022 05:09:26 +0000

Détruire par ftp data/config.php et réafficher la page : on pourra créer de nouveaux identifiants.

Liens dans barre de menu

null@example.com (Katryne) — Wed, 25 Mar 2020 05:06:26 +0000

Cela se gère dans tpl/frama/page.header.html.

Afficher les billets complets

null@example.com (Katryne) — Fri, 18 Jan 2019 00:40:31 +0000

Avec le style original, les billets sont tronqués via le css à 20rem de hauteur, le reste étant accessible via le scroll.
Pour afficher tout d'un coup au lieu que ça défile dans une fenêtre, on peut supprimer max-height: 20rem pour .link-description (ou l'augmenter notablement) vers la ligne 1131 de tpl/frama/inc/frama.css.

Bien sûr, il vaut mieux en ce cas diminuer le nombre de posts par page, qui est de 20 en standard. J'ai mis 5, mais pour un format blog, on pourrait ne mettre que 1.
Ça se passe dans data/config.php vers la ligne 30. J'ai l'impression que ça ne marche pas, alors, je change aussi dans index.php à la racine. Penser à vider le cache et supprimer les cookies de session pour le voir en action.

Syntaxe Markdown

null@example.com (Katryne) — Fri, 09 Nov 2018 14:06:48 +0000

Avec activation du plugin Markdown

Paragraphe : séparer 2 lignes de texte par une ligne vide
Italique : entouter l'expression par des astérisques * ou des tirets bas _
Gras : entourer l'expression par des doubles astérisques ** ou des doubles tirets bas _ _
Titres : dans la ligne en -dessous de l'expression, remplir comme pour souligner ce qu'il y a au-dessus avec des signes égal ===== pour h1 ou des tirets hauts ----- pour h2
ou encore, faire précéder le titre par un ou plusieurs dièses :
# pour h1
## pour h2
### pour h3 etc
Liste à puces : faire précéder les items sur chaque ligne d'un astérisque * ou d'un signe plus +
Citation : faire précéder les lignes citées d'un chevron de fermeture >
Liens : placer le texte du lien entre crochets suivi de l'url entre parenthèses : [texte](url)
Images : comme pour les liens, mais mettre un point d'exclamation ! devant le 1er crochet. Le texte entre crochets sera le alt de l'image. ![texte alternatif de l'image](url de l'image)
barre horizontale : suite de tirets hauts ----- ou d'astérisques *****

Pour insérer des images dans Shaarli, je peux les envoyer par ftp dans /images et faire un lien relatif : /images/images.jpg

Pour mettre une légende pour l'image, Markdown ne connait pas fig-caption. Solution :
1 - faire suivre l'insertion d'image de la légende en italique, soit entourée d'astérisques *.
saisir :

![Les  lumières de la ville](http://chauvigne.info/images/toulon-lumieres.gif)*Les lumières de la ville*

ce qui donne en html :

Les lumières de la ville

2 - styler img + em dans le css.

img + em {margin:0 auto;text-align:center;font-variant:small-caps; display: block;}

Voir le résultat : https://actu.revestou.fr/?M0FrnQ#M0FrnQ