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

De M@gistère
Sauter à la navigation Sauter à la recherche
m (Genael.valet education.gouv a déplacé la page Accordian vers Présentation en accordéon)
(2 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 17 : Ligne 17 :
 
{GENERICO:type="accordianitem_end"}<br>
 
{GENERICO:type="accordianitem_end"}<br>
 
{GENERICO:type="accordian_end"}</code>
 
{GENERICO:type="accordian_end"}</code>
 +
 +
Comme dans tout bloc HTML, on peut intégrer dans l'élément de contenu du texte, mais aussi des images, des vidéos et des liens.
  
 
== Exemple ==
 
== Exemple ==
Ligne 25 : Ligne 27 :
 
* 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|frame|none]]
 
[[Fichier:Accordian exemple 2 - Second élément de contenu déployé.png|frame|none]]
 +
[[Catégorie:Accordian]]
 +
[[Catégorie:Atto]]
 +
[[Catégorie:HTML]]
 +
[[Catégorie:Generico]]

Version du 25 octobre 2018 à 13:29

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"}

Comme dans tout bloc HTML, on peut intégrer dans l'élément de contenu du texte, mais aussi des images, des vidéos et des liens.

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