Template Ajouter des icônes Font Awesome dans vos catégories (nodes icon) [2.0]

Nous vous conseillons de vérifier au préalable le contenu que vous téléchargez.
Si un lien de téléchargement ne fonctionne plus, merci de signaler le topic en question !

Membres qui ont lu cette discussion : 4

SyTry

Fondateur
SyTry Community
Fondateur
Messages
1 175
J'aime
805
Points
2 353
Hors ligne
#1
Salut à toi membre de SyTry Community !

Aujourd'hui je vous partages un tutoriel afin de vous évitez d'installer un add-on alors que vous pouvez le faire via votre template !

Pour avoir le même icône sur toutes vos catégories ajouter ce code dans EXTRA.less :​
Vous devez répondre à ce message pour voir ce contenu.

Résultat :
Screenshot_2.png


Pour avoir un icône uniquement sur une catégorie ajouter ce code dans EXTRA.less :​
Vous devez répondre à ce message pour voir ce contenu.

Résultat :
Screenshot_1.png


Il vous suffit de remplacer le numéro de l'ID pour l'utiliser sur vos catégories voulu. Par exemple pour Xenforo c'est 29 l'ID :​
Vous pouvez aussi utiliser différents CSS :​
Code:
color: blue;
background-image: url("@imagePath/xenforo/XXX.png");
Pour vos FA : https://fontawesome.com/icons?d=gallery

J'autorise le partage de ce tutoriel avec les crédits :
Vous n'avez pas la permission de voir le lien Connectez-vous ou inscrivez-vous dès maintenant.
!​
SyTry,
 

Squeakers

Ancien Staff
Ancien Staff
Messages
186
J'aime
37
Points
733
Hors ligne
#7
Merci du tuto ! ;)
 

Parias

Membre
Membre
Messages
17
J'aime
3
Points
58
Hors ligne
#10
Salut à toi membre de SyTry Community !

Aujourd'hui je vous partages un tutoriel afin de vous évitez d'installer un add-on alors que vous pouvez le faire via votre template !

Pour avoir le même icône sur toutes vos catégories ajouter ce code dans EXTRA.less :​
[Contenu caché]

Résultat :
Voir la pièce jointe 256

Pour avoir un icône uniquement sur une catégorie ajouter ce code dans EXTRA.less :​
[Contenu caché]

Résultat :
Voir la pièce jointe 255

Il vous suffit de remplacer le numéro de l'ID pour l'utiliser sur vos catégories voulu. Vous pouvez aussi utiliser différents CSS :​
Code:
color: blue;
background-image: url("@imagePath/xenforo/XXX.png");
Pour vos FA : https://fontawesome.com/icons?d=gallery

J'autorise le partage de ce tutoriel avec les crédits :
Vous n'avez pas la permission de voir le lien Connectez-vous ou inscrivez-vous dès maintenant.
!​
SyTry,
Ce que je cherchais ! Merci
 

Lucifer

Donateur
Donateur
Messages
31
J'aime
6
Points
613
Hors ligne
#14
Merci pour ce tuto Sytry !
 

Work ' N

Configurateur Xenforo
SyTry Community
Assistant
Messages
79
J'aime
16
Points
143
Hors ligne
#16
Merci beaucoup t'es le meilleur
 

RG-SMITH

Membre
Membre
Messages
21
J'aime
2
Points
58
Hors ligne
#17
Salut à toi membre de SyTry Community !

Aujourd'hui je vous partages un tutoriel afin de vous évitez d'installer un add-on alors que vous pouvez le faire via votre template !

Pour avoir le même icône sur toutes vos catégories ajouter ce code dans EXTRA.less :​
[Contenu caché]

Résultat :
Voir la pièce jointe 256

Pour avoir un icône uniquement sur une catégorie ajouter ce code dans EXTRA.less :​
[Contenu caché]

Résultat :
Voir la pièce jointe 255

Il vous suffit de remplacer le numéro de l'ID pour l'utiliser sur vos catégories voulu. Par exemple pour Xenforo c'est 29 l'ID :​

Vous pouvez aussi utiliser différents CSS :​
Code:
color: blue;
background-image: url("@imagePath/xenforo/XXX.png");
Pour vos FA : https://fontawesome.com/icons?d=gallery

J'autorise le partage de ce tutoriel avec les crédits :
Vous n'avez pas la permission de voir le lien Connectez-vous ou inscrivez-vous dès maintenant.
!​
SyTry,
MERCI DU PARTAGE
 

BaayLeer

Membre
Membre
Messages
29
J'aime
5
Points
43
Hors ligne
#19
Merci je test sur mon forum
 
Haut Bas