laurent68

Xenforo 2.x.x Remplacer les favicon de DragonByte Favicons par des icônes FA

Add-on xenforo 2

Ressources et modules complémentaires pour XenForo 2

Styles xenforo 2

Styles / Thèmes et apparence pour xenforo 2

Templates xenforo 2

Codes pour modifier les templates sur xenforo 2

Section Premium

Add-on et Styles pour membre Premium
laurent68

Xenforo 2.x.x Remplacer les favicon de DragonByte Favicons par des icônes FA

Catégorie Catégorie Modifications Templates
Titre du sujet Titre du sujet Remplacer les favicon de DragonByte Favicons par des icônes FA
Auteur de la discussion Auteur de la discussion laurent68
Date de début Date de début
Réponses Réponses 8
Affichages Affichages 995
Réaction Réaction 5
Dernier message par Dernier message par laurent68

laurent68

Fondateur

Staff
fondateur
Réputation: 100%
Discussions
4 855
Messages
12 608
Solutions
85
J'aime
7 892
Points
198
Cette modification vous mettra un icône FA unique, 1 pour les liens interne et un pour les liens externe.

Pour les liens interne mettez ce code dans votre template extra.less :


Résultat : Avant / Après :

f170478c9248da390f2cd0008fb03b0b.png
5c1621cf03545e7809808668fbb5e20a.png


Pour les liens externe mettez ce code dans votre template extra.less :


Résultat : Avant / Après :

b9bf7664ac780deac9435b961e6db1b2.png
77ed8c382e7561fdab20c1fc2c5d8467.png


Changer le code FA a votre convenance. ;)

PS : N’oublier pas de désactiver les favicons dans les options de DragonByte Favicons.

f2031b638544ffca922980bd58d238c9.png


Pour xenforo 2.2 :

 
bonjour meme en changeant avec font answenome 5 Pro et changer les codes j ai des carres vides

et pour mettre un favicone qui se trouve sur mon serveur je doit mettre quoi comme code stp merci
 
bonjour meme en changeant avec font answenome 5 Pro et changer les codes j ai des carres vides

et pour mettre un favicone qui se trouve sur mon serveur je doit mettre quoi comme code stp merci
Pourtant sa devrais fonctionner avec ces codes :
 
Je viens de tester et sa fonctionne avec ces codes :
Less:
.link--internal:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f0c1";
    padding-right: 3px;
}
.link--external:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f14c";
    padding-right: 3px;
}
 
bonjours, moi aussi j'ai des icone carre, merci j'espere régler ce probleme
Sinon teste avec ces codes :
Less:
.link--internal
{
    &:before
    {
        .m-faBase();
        .m-faContent(@fa-var-link);
        padding-right: 3px;
    }
}
.link--external
{
    &:before
    {
        .m-faBase();
        .m-faContent(@fa-var-external-link-square);
        padding-right: 3px;
    }
}

Fonctionne sans l'addon Dragonbyte favicons
 
Contenu similaire Les plus vues Voir plus
Retour
Haut Bas