Présentation en accordéon : Différence entre versions
(ajout du code pour utilisation) |
|||
| (5 révisions intermédiaires par 3 utilisateurs non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
| + | <!--DébutCommentaire. | ||
| + | Aide: si nécessaire, ajoutez ci-dessous une des balises suivantes : | ||
| + | [[Catégorie:Amodifier]] [[Catégorie:Asupprimer]] [[Catégorie:Encours]] [[Catégorie:Arelire]] | ||
| + | FinCommentaire--> | ||
| + | |||
| + | {{Version| [[version::3.0.8]]}} | ||
| + | |||
L'outil « accordian » de [[Generico]], dans l'éditeur HTML [[Éditeur HTML Atto|Atto]], permet de présenter du texte en plusieurs parties. | L'outil « accordian » de [[Generico]], dans l'éditeur HTML [[Éditeur HTML Atto|Atto]], permet de présenter du texte en plusieurs parties. | ||
| Ligne 6 : | Ligne 13 : | ||
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> | |
| − | |||
| − | < | ||
| − | + | 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 == | ||
| − | 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|frame|none]] | ||
| − | + | * Second élément de contenu déployé : | |
| + | [[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 actuelle datée du 12 juin 2020 à 12:09
| Version m@gistère : 3.0.8 |
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é :
- Second élément de contenu déployé :
