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

De M@gistère
Sauter à la navigation Sauter à la recherche
(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... »)
 
Ligne 1 : Ligne 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é.

Version du 1 février 2018 à 13:32

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