informaticsclubs
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le deal à ne pas rater :
Nike : Jusqu’à 50% sur les articles de fin de saison
Voir le deal

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

4 participants

Aller en bas

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

Message par jlmic Sam 11 Mar - 4:11

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 [Vous devez être inscrit et connecté pour voir ce lien]

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)
jlmic
jlmic
Administrateur
Administrateur

Messages : 5238
Date d'inscription : 20/10/2016
jackpot 2244

https://informaticsclubs.forumactif.com

Revenir en haut Aller en bas

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

Message par jaja3 Ven 28 Avr - 15:59

[Vous devez être inscrit et connecté pour voir ce lien]
Merci
jaja3
jaja3
Animateur
Animateur

Messages : 7772
Date d'inscription : 22/10/2016
Age : 84
Localisation : Occitanie/Hérault
jackpot 1723

Revenir en haut Aller en bas

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

Message par grignote Ven 28 Avr - 22:39

Merci Jlmic   :thanks:
grignote
grignote
Membre
Membre

Messages : 6266
Date d'inscription : 22/10/2016
Age : 71
Localisation : Savoie
jackpot 8724

Revenir en haut Aller en bas

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

Message par picpus Mar 16 Mai - 13:36

merci JL

du bon boulot

A+
picpus
picpus
Membre
Membre

Messages : 689
Date d'inscription : 06/12/2016
Age : 75
Localisation : bretagne
jackpot 298

Revenir en haut Aller en bas

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

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

-  Sujets similaires


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