Placer des icones font Awesome devant le titre des catégories et forums

Voir le sujet précédent Voir le sujet suivant Aller en bas

jlmic
jlmic

Messages : 3599
Points : 16523
Réputation : 9884
Date d'inscription : 20/10/2016
Voir le profil de l'utilisateur http://www.informaticsclubs.com/

Messagejlmic le Sam 11 Mar - 4:11

  • 18px
  • 24px
bonjour

voici comment mettre des icônes font Awesome devant chaque titre de catégorie ou forum

font Awesome c'est quoi ?
et bien c'est cela

que vous pouvez afficher de plusieurs façons
de la taille que vous souhaitez
 

de la couleur que vous souhaitez





et vous pouvez changer de taille et de couleur pour chaque icône

voici un aperçu de ce que ca donne sur un forum

Placer des icones font Awesome devant le titre des catégories et forums Awesom10

1) rendez-vous sur cette page où vous trouverez une multitude d’icônes http://fontawesome.io/icons/

en cliquant sur une icône de votre choix, une fenêtre s'ouvrira dans laquelle vous verrez ce genre de code
Code:
<i class="fa fa-free-code-camp" aria-hidden="true"></i>

remplacez
Code:
aria-hidden="true"

par
Code:
style="font-size:48px;color:yellow"

font-size:48px remplacez 48px par la taille de votre choix (pour mettre devant le titre d'un forum je vous conseille 24px)

color:yellow remplacer yellow par le code couleur de votre choix

vous devez donc obtenir ceci
Code:
<i class="fa fa-free-code-camp" style="font-size:24px;color:green">
le résultat sera


la mise en place maintenant

Général/Catégories et forums
cliquez sur chaque catégorie ou forum où vous voulez ajouter votre icône et collez le code obtenu précédemment devant le titre en ayant soin de laisser 2 espaces entre le code et le titre
comme ceci

Code:
<i class="fa fa-free-code-camp" style="font-size:24px;color:green">  LE titre DE MON FORUM


Pensez à enregistrer en cliquant sur  Placer des icones font Awesome devant le titre des catégories et forums 961295321  

voilà c'est fini

cette astuce a été faite sur la version EDGE
pour les autres versions, il faudra peut-être rajouter dans la feuille de style ceci


Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css)



jaja3
jaja3

Messages : 7137
Points : 32402
Réputation : 22927
Date d'inscription : 22/10/2016
Age : 79
Localisation : Occitanie/Hérault
Voir le profil de l'utilisateur

Messagejaja3 le Ven 28 Avr - 15:59

  • 18px
  • 24px



grignote
grignote

Messages : 3425
Points : 18827
Réputation : 13357
Date d'inscription : 22/10/2016
Age : 66
Localisation : Savoie
Voir le profil de l'utilisateur

Messagegrignote le Ven 28 Avr - 22:39

  • 18px
  • 24px
Merci Jlmic   :thanks:
picpus
picpus

Messages : 665
Points : 5119
Réputation : 2555
Date d'inscription : 06/12/2016
Voir le profil de l'utilisateur

Messagepicpus le Mar 16 Mai - 13:36

  • 18px
  • 24px
merci JL

du bon boulot

A+
Contenu sponsorisé

MessageContenu sponsorisé

  • 18px
  • 24px

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum