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

De M@gistère
Sauter à la navigation Sauter à la recherche
(ajout du code pour utilisation)
(ajout des captures d'écran Accordian / Generico / Atto)
Ligne 6 : Ligne 6 :
 
Le code suivant peut être copié-collé dans un bloc HTML ou tout autre bloc de contenu :
 
Le code suivant peut être copié-collé dans un bloc HTML ou tout autre bloc de contenu :
  
<code>{GENERICO:type="accordian"}</code>
+
<code>{GENERICO:type="accordian"}<br>
<code>{GENERICO:type="accordianitem",titletext="Titre du premier élément"}<br>
+
{GENERICO:type="accordianitem",titletext="Titre du premier élément"}<br>
Contenu du premier élément</code>
+
Contenu du premier élément<br>
 
+
{GENERICO:type="accordianitem_end"}<br>
<code>{GENERICO:type="accordianitem_end"}</code>
+
{GENERICO:type="accordianitem",titletext="Titre du second élément"}<br>
 
+
Contenu du second élément<br>
<code>{GENERICO:type="accordianitem",titletext="Titre du second élément"}</code>
+
{GENERICO:type="accordianitem_end"}<br>
<code>Contenu du second élément</code>
+
{GENERICO:type="accordianitem",titletext="Titre du troisième élément"}<br>
<code>{GENERICO:type="accordianitem_end"}</code>
+
Contenu du troisième élément<br>
 
+
{GENERICO:type="accordianitem_end"}<br>
<code>{GENERICO:type="accordianitem",titletext="Titre du troisième élément"}</code>
+
{GENERICO:type="accordian_end"}</code>
<code>Contenu du troisième élément</code>
 
<code>{GENERICO:type="accordianitem_end"}</code>
 
 
 
<code>{GENERICO:type="accordian_end"}</code>
 
  
 
== Exemple ==
 
== Exemple ==
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é :
 +
[[Fichier:Accordian exemple 1 - Premier élément de contenu déployé.png|left|frame]]
  
+
* Second élément de contenu déployé :
 +
[[Fichier:Accordian exemple 2 - Second élément de contenu déployé.png|left|frame]]

Version du 1 septembre 2016 à 10:18

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