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

DciBelia

Membre
Membre
Messages
36
Réactions
2
Points
68
Hors ligne
merci beaucoup, m'ai j'utilise cela déjà :)

.pre-SIX::before {
content:"\f00c";
}

du coup j'aimerais garder se style me faut juste comment ajouter une image sur mes préfixe qui sont déjà crée mais cela fais cela :/



mais plutot que le carré j'aurais aimer comme sur votre fofo ça :

 
Dernière édition par un modérateur:

Alpha Pronos

Ancien Staff
Ancien Staff
Messages
130
Réactions
19
Points
1 438
Hors ligne
du coup j'aimerais garder se style me faut juste comment ajouter une image sur mes préfixe qui sont déjà crée mais cela fais cela :/



mais plutot que le carré j'aurais aimer comme sur votre fofo ça :

Oui donc tu veux remplacer le carré par l'icone, je verrais ça plus tard je te dirait si je trouve la solution
 

SyTry

Fondateur
SyTry Community
Fondateur
Posteur du mois
Messages
2 114
Réactions
1 383
Points
3 603
Hors ligne
merci beaucoup, m'ai j'utilise cela déjà :)

.pre-SIX::before {
content:"\f00c";
}

du coup j'aimerais garder se style me faut juste comment ajouter une image sur mes préfixe qui sont déjà crée mais cela fais cela :/



mais plutot que le carré j'aurais aimer comme sur votre fofo ça :

Via le lien que BlackBetting a donné tu choisi ton icône puis le code, exemple : f007 :)
 

Alpha Pronos

Ancien Staff
Ancien Staff
Messages
130
Réactions
19
Points
1 438
Hors ligne
merci beaucoup, m'ai j'utilise cela déjà :)

.pre-SIX::before {
content:"\f00c";
}

du coup j'aimerais garder se style me faut juste comment ajouter une image sur mes préfixe qui sont déjà crée mais cela fais cela :/



mais plutot que le carré j'aurais aimer comme sur votre fofo ça :

J'ai résolut ton problème,
remplace le code que tu as dans ton extra.less
Code:
S'il vous plaît, Connexion ou S'inscrire pour voir le code !
Par ça :
Code:
S'il vous plaît, Connexion ou S'inscrire pour voir le code !
Voilà après sa ne change pas de ce que tu as vu ici
S'il vous plaît, Connexion ou S'inscrire pour voir le lien !
 

DciBelia

Membre
Membre
Messages
36
Réactions
2
Points
68
Hors ligne
pas besoin de copier tous le code, juste modifier cette ligne en faite ^^

font-family: "Font Awesome 5 Pro";


en tous cas fonctionnel merci à vous :) je vous aimes ^^
 

Alpha Pronos

Ancien Staff
Ancien Staff
Messages
130
Réactions
19
Points
1 438
Hors ligne
pas besoin de copier tous le code, juste modifier cette ligne en faite ^^

font-family: "Font Awesome 5 Pro";


en tous cas fonctionnel merci à vous :) je vous aimes ^^
Oui
 

benoithit

Membre
Membre
Messages
11
Réactions
1
Points
28
Hors ligne
waaaw j'ai chercher avant de trouver ec tuto
 

100Pseudo

Membre
Membre
Messages
47
Réactions
1
Points
83
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
 

Louuki.

Membre
Membre
Messages
46
Réactions
1
Points
68
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 super, en plus en2.1
 

waldizk

Premium
Premium
Messages
31
Réactions
2
Points
603
Hors ligne
salut,
quelque icons ça ne marche pas
par exemple: fa linux
comment résoudre le problème ?
 

SyTry

Fondateur
SyTry Community
Fondateur
Posteur du mois
Messages
2 114
Réactions
1 383
Points
3 603
Hors ligne
salut,
quelque icons ça ne marche pas
par exemple: fa linux
comment résoudre le problème ?
Vérifie que tu es en 2.1, et que c'est le bon code pour l'icône que tu veux
 
Haut Bas