[TOUTES VERSIONS] 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

Invité
avatar
Invité

MessageInvité

  • 16px
  • 24px
  • Zoom
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 ou vous trouverez une multitude d’icônes http://fontawesome.io/icons/

en cliquant sur une icone 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 ou 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 finie

cette astuce a été faite sur la version EDGE
pour les autres versions il faudra peut etre 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)
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Jean-loup,
merci pour ce partage tape la



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





msfeettoes
avatar
Membre

Messagemsfeettoes

  • 16px
  • 24px
  • Zoom
hello cela ne fonctionne pas chez moi en phpbb3 !
Sacha
avatar
Membre

MessageSacha

  • 16px
  • 24px
  • Zoom
Hello,

Très bien, mais il serait préférable de ne rien oublier ! Bien que tu ne sois plus là pour lire Mdr !

Utiliser font Awesome sur un forum, c'est bien, mais cela ne reste que visible uniquement pour les membres enregistrer et connecter ! En effet, en mode invité ou maintenance, vous ne voyez pas les icônes de font Awesome.

Pour que cela puisse être visible par les invités ou si vous êtes en mode maintenance, il vous faut obligatoirement installer dans le head du template overall_header ceci :

Trouve ce bout de code dans le template :

Code:
{T_HEAD_STYLESHEET}

et juste au-dessus de cette ligne coller ceci :

Code:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

Valider et publier et vos invités et lorsque vous êtes en maintenance, verront les icônes de font Awesome.

Tester pour PHPBB2, les autres, je ne saurais dire, mais je pense que le principe reste le même.

Sacha.

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