Tutorial Icone FA devant les Prefix de discussions

Salut communauté iHaxGlobal

Ce tutoriel vous permet d'ajouter une icone FontAwesome aux préfixe de discussion.
Ce tutoriel vient comme une alternative à la solution précédente qui est pas suffisamment optimisée : https://ihaxglobal.com/threads/ajouter-des-icones-fontawesome-aux-prefixes-de-discussions.5360/

Le résultat est identique :



Voici les instructions :

Etape 1 :

Tout d'abord il faut s'assurer d'avoir ajouter le CSS FontAwesome :
Dans le template page_container_js_head, Chercher ceci :

Code:

<!--XenForo_Require:JS-->

Ajoutez en dessous de ceci, Cela:

Code:

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

Etape 2:

Dans le template EXTRA.CSS ajouter :

Contenu caché:

Vous devez d'abord répondre au sujet pour pouvoir consulter les données cachées contenues ici.

Etape 3 :

Sur l'adminCP, cliquer sur l'onglet : Applications
Sur la barre latérale gauche cliquez sur "Préfixes de discussions"
Puis cliquez sur : + Créer un nouveau préfixe de discussion
Titre : vous définissez le titre, exemple : Tutorial
Afficher l'effet de style : cocher :

• Autre, utilisation personnalisé du nom de la class CSS:

Puis dans le champs de saisi, vous allez définir la classe CSS du préfixe qu'on vient de créer.
Exemple :

Contenu caché:

Vous devez d'abord répondre au sujet pour pouvoir consulter les données cachées contenues ici.

La liste des class CSS pour les prefix est presente dans le template : thread_prefixes.css Soit :

Contenu caché:

Vous devez d'abord répondre au sujet pour pouvoir consulter les données cachées contenues ici.

Voici la liste complète des icônes FA : http://fontawesome.io/icons/

Résultat :




Ce tutoriel touche à sa fin