Template 2.1 Ajouter des icônes Font Awesome à vos préfixes [2.1]

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

SyTry

Fondateur
SyTry Community
Fondateur
Posteur du mois
Messages
2 338
Réactions
1 546
Points
3 603
Hors ligne
Salut à toi membre de SyTry Community !

Aujourd'hui je vous partages un tutoriel que j'ai fait pour xenForo 2.0, le voici pour la version 2.1 avec les Font Awesome 5.5 ! :d

Version pour XenForo 2.0 :
S'il vous plaît, Connexion ou S'inscrire pour voir le lien !


Ajouter ce code dans votre template EXTRA.less :​
Pour afficher le contenu, vous devez vous Identifier ou vous Inscrire.
Si vous voulez avoir des icônes différents il vous suffit d'ajouter une autre classe CSS, voici le code de base :​
Pour afficher le contenu, vous devez vous Identifier ou vous Inscrire.
Pour modifier l'icône c'est cette partie du code :
Code:
S'il vous plaît, Connexion ou S'inscrire pour voir le code !
Vous avez une liste des icônes dans la template core_fa.less ! ;)

Une fois dans le préfixe de votre choix, cocher autre :
Code:
S'il vous plaît, Connexion ou S'inscrire pour voir le code !
Le label--silver c'est la couleur, et faPrez spider l'icône Font Awesome. Pour connaitre la couleur de vos préfixes :
Screenshot_1.png


Résultat :
Screenshot_3.png


Icônes Font Awesome en version 5.5 :
S'il vous plaît, Connexion ou S'inscrire pour voir le lien !


J'autorise le partage de ce tutoriel avec les crédits : SyTry !​
SyTry,
 

360matt

Membre
Membre
Messages
46
Réactions
6
Points
583
Hors ligne
Merci beaucoup pour ce partage
 

bobob10

Membre
Membre
Messages
50
Réactions
10
Points
1 343
Hors ligne
Bonjour merci du partage
 

prevue

Membre
Membre
Messages
22
Réactions
1
Points
58
Hors ligne
merci beaucoup pour le partage
 

Zer00

Premium
Premium
Messages
23
Réactions
2
Points
598
Hors ligne
Merci pour le partage SytrY, je venez de refaire tout les préfixe sur xENFORO 2.0 ¨¨ Pff la haine
 

froze

Membre
Membre
Messages
15
Réactions
1
Points
88
Hors ligne
Merci beaucoup pour ce partage
 

BadDev

Membre
Membre
Messages
20
Réactions
1
Points
1 318
Hors ligne
Salut à toi membre de SyTry Community !

Aujourd'hui je vous partages un tutoriel que j'ai fait pour xenForo 2.0, le voici pour la version 2.1 avec les Font Awesome 5.5 ! :d

Version pour XenForo 2.0 :
S'il vous plaît, Connexion ou S'inscrire pour voir le lien !


Ajouter ce code dans votre template EXTRA.less :​
[Contenu caché]

Si vous voulez avoir des icônes différents il vous suffit d'ajouter une autre classe CSS, voici le code de base :​
[Contenu caché]

Pour modifier l'icône c'est cette partie du code :
Code:
S'il vous plaît, Connexion ou S'inscrire pour voir le code !
Vous avez une liste des icônes dans la template core_fa.less ! ;)

Une fois dans le préfixe de votre choix, cocher autre :
Code:
S'il vous plaît, Connexion ou S'inscrire pour voir le code !
Le label--silver c'est la couleur, et faPrez spider l'icône Font Awesome. Pour connaitre la couleur de vos préfixes :
Voir la pièce jointe 949

Résultat :
Voir la pièce jointe 950

Icônes Font Awesome en version 5.5 :
S'il vous plaît, Connexion ou S'inscrire pour voir le lien !


J'autorise le partage de ce tutoriel avec les crédits : SyTry !​
SyTry,
Merci je n'avais pas vu que tu avais fait un Tuto pour la 2.1.
*EDIT :
Comment change tu le background sur ce tutoriel ? SyTry
 
Dernière édition:

SyTry

Fondateur
SyTry Community
Fondateur
Posteur du mois
Messages
2 338
Réactions
1 546
Points
3 603
Hors ligne
Merci je n'avais pas vu que tu avais fait un Tuto pour la 2.1.
*EDIT :
Comment change tu le background sur ce tutoriel ? SyTry
Essaye d'ajouter un background: #000; par exemple dans la class CSS ;)
 

SyTry

Fondateur
SyTry Community
Fondateur
Posteur du mois
Messages
2 338
Réactions
1 546
Points
3 603
Hors ligne

Sidor

Membre
Membre
Messages
6
Réactions
1
Points
88
Hors ligne
Cool merci beaucoup je cherchais partout ! ;)
 

Lartaxx

Membre
Membre
Messages
6
Réactions
1
Points
558
Hors ligne
Merci !
 
Dernière édition par un modérateur:

Alpha Pronos

Ancien Staff
Ancien Staff
Messages
130
Réactions
19
Points
1 438
Hors ligne
Salut à toi membre de SyTry Community !

Aujourd'hui je vous partages un tutoriel que j'ai fait pour xenForo 2.0, le voici pour la version 2.1 avec les Font Awesome 5.5 ! :d

Version pour XenForo 2.0 :
S'il vous plaît, Connexion ou S'inscrire pour voir le lien !


Ajouter ce code dans votre template EXTRA.less :​
***[Hidden content]***

Si vous voulez avoir des icônes différents il vous suffit d'ajouter une autre classe CSS, voici le code de base :​
***[Hidden content]***

Pour modifier l'icône c'est cette partie du code :
Code:
S'il vous plaît, Connexion ou S'inscrire pour voir le code !
Vous avez une liste des icônes dans la template core_fa.less ! ;)

Une fois dans le préfixe de votre choix, cocher autre :
Code:
S'il vous plaît, Connexion ou S'inscrire pour voir le code !
Le label--silver c'est la couleur, et faPrez spider l'icône Font Awesome. Pour connaitre la couleur de vos préfixes :
Voir la pièce jointe 949

Résultat :
Voir la pièce jointe 950

Icônes Font Awesome en version 5.5 :
S'il vous plaît, Connexion ou S'inscrire pour voir le lien !


J'autorise le partage de ce tutoriel avec les crédits : SyTry !​
SyTry,
Merci
 

DciBelia

Membre
Membre
Messages
36
Réactions
2
Points
68
Hors ligne
merci :)

Sinon possible d'avoir d'autre icone?
 
Dernière édition par un modérateur:

Alpha Pronos

Ancien Staff
Ancien Staff
Messages
130
Réactions
19
Points
1 438
Hors ligne
Sinon possible d'avoir d'autre icone?
Oui tu doit édité la ligne de code CSS
&.spider::before { .m-faContent(@fa-var-spider); }

et changer ça aussi
label label--silver faPref spider

Exemple :
&.adjust::before { .m-faContent(@fa-var-adjust); }
label label--silver faPref adjust

Tu trouve le nom des icone ici
S'il vous plaît, Connexion ou S'inscrire pour voir le lien !
 
Haut Bas