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 : 9

SyTry

Fondateur
SyTry Community
Fondateur
Messages
779
J'aime
597
Points
1 853
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
185
J'aime
35
Points
733
Hors ligne
#7
Merci du tuto ! ;)
 

Parias

Membre
Membre
Messages
17
J'aime
3
Points
28
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
 
Haut Bas