Difference between revisions of "Ajouter une description d'activité avec icônes"

From M@gistère
Jump to navigation Jump to search
(Page créée avec « Pour insérer des icones dans une description d'activités on peut procéder de la manière suivante. En premier lieu choisissez l'icône en cliquant dans la bibliothèqu... »)
 
Line 1: Line 1:
Pour insérer des icones dans une description d'activités on peut procéder de la manière suivante.
+
<i class="fa fa-font-awesome fa-lg" aria-hidden="true"></i>
 +
Pour insérer des icones dans une description d'activité on peut procéder de la manière suivante.
  
En premier lieu choisissez l'icône en cliquant dans la bibliothèque[https://fontawesome.com/icons Font Awesome].
+
En premier lieu choisir l'icône en cliquant dans la bibliothèque[https://fontawesome.com/icons Font Awesome].
  
Pour l'intégrer dans votre activité copiez le code proposé. Par exemple :
+
Pour l'intégrer dans l'activité, copier le code proposé. Par exemple :
  
<i class="fa fa-star" aria-hidden="true"></i>
+
<nowiki><i class="fa fa-star" aria-hidden="true"></i></nowiki>
  
et dans l'éditeur de texte, passer en mode html en cliquant sur l’icône <> et collez ce texte à l'endroit souhaité.
+
et dans l'éditeur de texte, passer en mode html en cliquant sur l’icône <i class="fa fa-code fa-lg" aria-hidden="true"></i> et coller ce texte à l'endroit souhaité.
 +
 
 +
'''
 +
Pour aller plus loin :'''
  
 
La page [http://fontawesome.io/examples/ exemples] donne du code de personnalisation plus avancé.
 
La page [http://fontawesome.io/examples/ exemples] donne du code de personnalisation plus avancé.

Revision as of 13:32, 1 February 2018

Pour insérer des icones dans une description d'activité on peut procéder de la manière suivante.

En premier lieu choisir l'icône en cliquant dans la bibliothèqueFont Awesome.

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