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

avatar
jlmic
Administrateur
Administrateur
Messages : 1675
Points : 4953
Réputation : 2003
Date d'inscription : 20/10/2016
Voir le profil de l'utilisateur http://balades-normandes.forumactif.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



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    

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)



avatar
jaja3

Messages : 2671
Points : 6779
Réputation : 3228
Date d'inscription : 22/10/2016
Age : 78
Localisation : Occitanie : Hérault
Voir le profil de l'utilisateur

Messagejaja3 le Ven 28 Avr - 15:59

  • 18px
  • 24px


★·.·´¯`·.·★jaja★·.·´¯`·.·★

Le Forum

Facebook


la chaine youtube


avatar
grignote

Messages : 995
Points : 3455
Réputation : 1710
Date d'inscription : 22/10/2016
Age : 65
Localisation : Savoie
Voir le profil de l'utilisateur

Messagegrignote le Ven 28 Avr - 22:39

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

Messages : 250
Points : 1292
Réputation : 406
Date d'inscription : 06/12/2016
Localisation : bretagne
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

Message personnel aux visiteurs

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