laurent68

Xenforo 2.x.x [Foro.Agency] FontAwesome BbCode 1.0.2

  • Auteur de la discussion Auteur de la discussion laurent68
  • Date de début Date de début

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
  • ⚠️ Section Premium. Réserver aux Membres Premium ⚠️
laurent68

Xenforo 2.x.x [Foro.Agency] FontAwesome BbCode 1.0.2

  • Auteur de la discussion Auteur de la discussion laurent68
  • Date de début Date de début
Catégorie Catégorie Add-Ons
Titre du sujet Titre du sujet [Foro.Agency] FontAwesome BbCode 1.0.2
Auteur de la discussion Auteur de la discussion laurent68
Date de début Date de début
Réponses Réponses 33
Affichages Affichages 2 719
Réaction Réaction 5
Dernier message par Dernier message par jawa

laurent68

Fondateur

Staff
fondateur
Réputation: 100%
Discussions
4 927
Messages
12 833
Solutions
85
J'aime
8 008
Points
198
- Cet addOn coûte 4€.

Par défaut XenForo ne supporte pas l'intégration des FontAwesome dans les sujets, signatures etc ... Avec cette addOn vous pouvez intégrer des FontAwesome dans vos applications.

[Foro.Agency] FontAwesome BbCode permet l'intégration d'un nouveau BbCode dans votre forum XenForo.

- Comment l'utiliser ?

Pour utiliser ce nouveau BbCode, vous devez entrer dans votre applications (sujets etc ...) [FA]fa-home {autres_paramètres}[/FA], ce code fera apparaitre l'icône FontAwesome.

{autres_paramètre} est fa-spin, fa-2x etc ...,

[Foro.Agency] FontAwesome BbCode

c5c89d5eb7e18af25aff8aed6a0563c0.png


Voici les noms des animations :

Code:
[FA]fa-wrench faa-wrench[/FA] - faa-wrench
[FA]fa-bell faa-ring[/FA] - faa-ring
[FA]fa-envelope faa-horizontal[/FA] - faa-horizontal
[FA]fa-thumbs-o-up faa-vertical[/FA] - faa-vertical
[FA]fa-warning faa-flash[/FA] - faa-flash
[FA]fa-thumbs-o-up faa-bounce[/FA] - faa-bounce
[FA]fa-spinner faa-spin[/FA] - faa-spin
[FA]fa-plane faa-float[/FA] - faa-float
[FA]fa-hearth faa-pulse[/FA] - faa-pulse
[FA]fa-envelope faa-shake[/FA] - faa-shake
[FA]fa-trophy faa-tada[/FA] - faa-tada
[FA]fa-space-shuttle faa-passing[/FA] - faa-passing
[FA]fa-space-shuttle faa-passing-reverse[/FA] - faa-passing-reverse
[FA]fa-circle-o faa-burst[/FA] - faa-burst
[FA]fa-star-o faa-falling[/FA] - faa-falling

Ce qui donne :

85565741f72f584efb95c55e1cc1d03a.gif


D'autre code :

Code:
[COLOR=#00b300][FA]fa-check-circle[/FA][/COLOR]
[FA]fa-star fa-2x[/FA]

[FA]fa-angellist[/FA]
[FA]fa-spinner fa-spin[/FA]
[FA]fa-spinner fa-pulse[/FA]

[FA]fa-shield fa-rotate-90[/FA]
[FA]fa-shield fa-rotate-180[/FA]
[FA]fa-shield fa-rotate-270[/FA]
[FA]fa-shield fa-flip-horizontal[/FA]
[FA]fa-shield fa-flip-vertical[/FA]

<i class="fa fa-star"></i>
<font color=#00b300><i class="fa fa-circle"></i></font>
<i class="fa fa-star fa-2x"></i>

<i class="fa fa-spinner fa-spin"></i>
<i class="fa fa-spinner fa-pulse"></i>

<i class="fa fa-shield fa-rotate-90"></i>
<i class="fa fa-shield fa-rotate-180"></i>
<i class="fa fa-shield fa-rotate-270"></i>
<i class="fa fa-shield fa-flip-horizontal"></i>
<i class="fa fa-shield fa-flip-vertical"></i>



Telecharger
 
oui normale il faut que tu active le mode debug pour l'activé il te faut mettre cette ligne :
$config['development']['enabled'] = true;

dans le config.php
 
Moi j'ai simplement ajouter un code css dans extra.less
Tu as pas l’icône car cette add-on est pour xf2.0, mais les bbcode [FA] fonctionne sur xf2.1, moi je l'utilise ici :)
Voici mon code :
.fr-toolbar .fr-command.fr-btn .fa-fort-awesome:before { font-family: "Font Awesome 5 Brands"; content: "\f3a3"; }

Et laisse le code fort-awesome dans ton screen.
 
Contenu similaire Les plus vues Voir plus
Retour
Haut Bas