readmore ~ volet déroulant "lire la suite"

Pour faciliter et alléger un article, il est souvent utile de masquer du texte ou des images.

🆙 readmore : afficher/cacher un bloc HTML à l'aide d'un bouton 'lire la suite'

Cliquer pour lire la documentation

syntaxe:
{up readmore=texte bouton | textless=replier} contenu caché {/up readmore}
@author: Lomart @version: UP-1.0 @license: GNU/GPLv3 @credit: script de Matt @tags: layout-dynamic
  • readmore: idem textmore

Texte des boutons

  • textmore = lire la suite: texte bouton OUVRIR
  • textless = replier: texte bouton FERMER

Style des boutons

  • textmore-class: classe et style pour le bouton OUVRIR
  • textless-class: classe et style pour le bouton FERMER

Style pour le panneau contenu

  • panel-style: classes et style pour le contenu (v2.6)

Style CSS des boutons

  • id: identifiant
  • class = uprm-btn: classe(s) pour les boutons OUVRIR et FERMER
  • style: idem
Version 2.6
ajout option panel-style pour mettre en évidence le contenu
Version 2.9
ajout options textmore-class et textless-class pour styler le bloc enfant du bouton.
Voir les nouveautésreplier

Utilisation minimaliste

{up readmore}
... le contenu masqué ...
{/up readmore}

affiche ce bouton sur toute la largeur de l'article qui permet d'affichier un contenu masqué.

... le contenu masqué ...
lire la suitereplier

Options

{up readmore=lang[fr=Cliquer pour voir les explications;en=Click for more information]
    | textless=c'est bon, j'ai compris
    | class=btn btn-primary 
    | panel-style=bg-jauneClair bd-gris p1}
... le contenu masqué ...
{/up readmore}
readmore
le libellé du bouton quand le contenu est masqué *
textless
le libellé du bouton quand le contenu est visible *
class / style
classe(s) pour personnaliser les boutons. Remplace le style par défaut
panel-style
classe(s) et style pour mettre en évidence le contenu (v2.6)

* Les traductions optionnelles sont indiquées avec la syntaxe lang (readmore) ou avec l'action lang (textless)

Cliquer pour voir les explicationsc'est bon, j'ai compris
Pour info, cette page utilise 8 action(s) :
upactionslist (1) readmore (3) csv2def (1) lang (2) jcontent-info (1)
Détails