Présentation en accordéon : Différence entre versions

De M@gistère
Sauter à la navigation Sauter à la recherche
(ajout des captures d'écran Accordian / Generico / Atto)
Ligne 21 : Ligne 21 :
 
En voici un exemple, extrait d'un parcours de l'académie de Montpellier.
 
En voici un exemple, extrait d'un parcours de l'académie de Montpellier.
 
* Premier élément de contenu déployé :
 
* Premier élément de contenu déployé :
[[Fichier:Accordian exemple 1 - Premier élément de contenu déployé.png|left|frame]]
+
[[Fichier:Accordian exemple 1 - Premier élément de contenu déployé.png|frame|none]]
  
 
* Second élément de contenu déployé :
 
* Second élément de contenu déployé :
[[Fichier:Accordian exemple 2 - Second élément de contenu déployé.png|left|frame]]
+
[[Fichier:Accordian exemple 2 - Second élément de contenu déployé.png|frame|none]]

Version du 1 septembre 2016 à 10:19

L'outil « accordian » de Generico, dans l'éditeur HTML Atto, permet de présenter du texte en plusieurs parties.

Utilisation

L'outil s'utilise à la manière des balises HTML de listes, <ul> et <ol> : ouverture de l'élément général, ouverture de l'élément de contenu, élement de contenu, fermeture de l'élément de contenu, fermeture de l'élément général.

Le code suivant peut être copié-collé dans un bloc HTML ou tout autre bloc de contenu :

{GENERICO:type="accordian"}
{GENERICO:type="accordianitem",titletext="Titre du premier élément"}
Contenu du premier élément
{GENERICO:type="accordianitem_end"}
{GENERICO:type="accordianitem",titletext="Titre du second élément"}
Contenu du second élément
{GENERICO:type="accordianitem_end"}
{GENERICO:type="accordianitem",titletext="Titre du troisième élément"}
Contenu du troisième élément
{GENERICO:type="accordianitem_end"}
{GENERICO:type="accordian_end"}

Exemple

En voici un exemple, extrait d'un parcours de l'académie de Montpellier.

  • Premier élément de contenu déployé :
Accordian exemple 1 - Premier élément de contenu déployé.png
  • Second élément de contenu déployé :
Accordian exemple 2 - Second élément de contenu déployé.png