Icônes Font Awesome des BBCodes personnalisée

[admin]

Ceci est un exemple pour l'ajout d'icônes Font Awesome à 4 BBCodes personnalisés.
Vous pouvez en ajouter autant que vous le souhaitez.

Dans le répertoire template/ de votre style personnalisé créez le fichier bbcode.js avec ce contenu

Code : Tout sélectionner

$(document).ready(function(){
    $('.bbcode-warning').html("<i class='icon fa-exclamation-circle fa-fw'></i>");
    $('.bbcode-tip').html("<i class='icon fa-thumbs-up fa-fw'></i>");
    $('.bbcode-note').html("<i class='icon fa-commenting fa-fw'></i>");
    $('.bbcode-important').html("<i class='icon fa-exclamation-triangle fa-fw'></i>");
});

Éditez le fichier overall_footer.html ajoutez {% INCLUDEJS 'bbcode.js' %}

Enregistrez et videz le cache.

BBCode.png (8.82 Kio) Consulté 1004 fois

[admin]

Il est tout à fait possible de colorer ces icônes en modifiant le script pour insérer une couleur

Code : Tout sélectionner

$(document).ready(function(){
    $('.bbcode-warning').html("<i class='icon fa-exclamation-circle fa-fw' style='color: #e74c3c'></i>");
    $('.bbcode-tip').html("<i class='icon fa-thumbs-up fa-fw' style='color: #2ecc71'></i>");
    $('.bbcode-note').html("<i class='icon fa-commenting fa-fw' style='color: #3498db'></i>");
    $('.bbcode-important').html("<i class='icon fa-exclamation-triangle fa-fw' style='color: #f1c40f'></i>");
});

bbcodes.png (2.96 Kio) Consulté 39 fois