Présentation en accordéon : Différence entre versions
(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>{GENERICO:type="accordian"}<br> |
| − | + | {GENERICO:type="accordianitem",titletext="Titre du premier élément"}<br> | |
| − | Contenu du premier élément< | + | Contenu du premier élément<br> |
| − | + | {GENERICO:type="accordianitem_end"}<br> | |
| − | + | {GENERICO:type="accordianitem",titletext="Titre du second élément"}<br> | |
| − | + | Contenu du second élément<br> | |
| − | + | {GENERICO:type="accordianitem_end"}<br> | |
| − | + | {GENERICO:type="accordianitem",titletext="Titre du troisième élément"}<br> | |
| − | + | Contenu du troisième élément<br> | |
| − | + | {GENERICO:type="accordianitem_end"}<br> | |
| − | + | {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é :
- Second élément de contenu déployé :
