Ajouter une description d'activité avec icônes

Que devez-vous faire ?

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

Comment devez-vous procéder ?

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 :

• changer la taille [fa-question-circle fa-3x]
• aligner à gauche avec habillage du texte [fa-question-circle fa-pull-left]

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

Couleurs disponibles pour mettre en page le texte avec l’éditeur Atto

Autre méthode : avec le code HTML

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

<i class="fa fa-star" aria-hidden="true"></i>

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é.