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

De M@gistère
Sauter à la navigation Sauter à la recherche
Ligne 1 : Ligne 1 :
 
==Objectifs==
 
 
Insérer une icône.
 
  
 
==Que devez-vous faire ?==
 
==Que devez-vous faire ?==
  
* Basculer en mode édition
+
Basculer en mode édition et accéder au formulaire de modification de l'élément.
* Cliquer sur Modifier > Paramètres
 
  
 
==Comment devez-vous procéder ?==
 
==Comment devez-vous procéder ?==
 
Pour insérer des icônes dans une description d'activité on peut procéder de la manière suivante.
 
  
 
En premier lieu choisir une icône et repérer son nom dans la bibliothèque [https://fontawesome.com/icons?d=gallery&m=free Font Awesome].
 
En premier lieu choisir une icône et repérer son nom dans la bibliothèque [https://fontawesome.com/icons?d=gallery&m=free Font Awesome].

Version du 29 mai 2018 à 14:54

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.

Le nom de l'icône

Pour l'intégrer dans l'activité, saisir simplement le nom de l'icône précédé de "fa-" entre deux 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 couleur [fa-question-circle red]
  • changer la taille [fa-question-circle fa-3x]


Un exemple avec deux icônes

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