Ajouter une description d'activité avec icônes : Différence entre versions

Version actuelle datée du 7 janvier 2020 à 09:59

Version m@gistère : 3.0.4

Basculer en mode édition et accéder au formulaire de modification de l'élément.

En premier lieu choisir une icône et repérer son nom dans la bibliothèque Font Awesome.

Pour l'intégrer dans l'activité, saisir simplement le nom de l'icône précédé de "fa-" entre crochets comme ceci :

[fa-question-circle]

Après avoir enregistré, l'icône apparaît.

Remarque : il est possible d'ajouter des styles :

Pour changer la couleur, l'éditeur Atto propose une liste de nuances compatibles avec la charte graphique de m@gistère.

Pour l'intégrer dans l'activité, copier le code proposé. Par exemple :

et dans l'éditeur de texte, passer en mode html en cliquant sur l’icône et coller ce texte à l'endroit souhaité.

Pour aller plus loin :

La page exemples donne du code de personnalisation plus avancé.

@@ 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.4]]}}
 ==Que devez-vous faire ?==
@@ Ligne 23 : / Ligne 29 : @@
 [[Fichier:Capture du 2018-05-29 16-08-10.png|Un exemple avec deux icônes]]
-Pour changer la couleur, il est nécessaire d'ajouter une balise HTML englobant l'icône. Pour cela, il faut utiliser le mode HTML de l'éditeur :
- <nowiki> <span style="color:#00000">[fa-question-circle fa-pull-left]</span></nowiki>
+Pour changer la couleur, l'éditeur Atto propose une liste de nuances compatibles avec la charte graphique de m@gistère.
+[[Fichier:Couleurs atto.png|Couleurs disponibles pour mettre en page le texte avec l’éditeur Atto]]
 ==Autre méthode : avec le code HTML==