Merhabalar arkadaşlar.

XenForo forumunuzda konularınıza eklediğiniz ön eklere nasıl Font Awesome'ı entegre edeceğinizi bu konuda anlatıyorum.

Öncelikle (eğer daha önce bir ön ek oluşturmadıysanız) admin panelinden oluşturun (admin.php?thread-prefixes/ yoluyla ulaşabilirsiniz).

Ardından extra.css şablonuna şu kodları ekleyin:
(Guide yerine ön ekin adını yazın)

titleBar .prefix.prefixGuide {
    font-size: 14pt;
}
.prefixGuide:before {
    content: "\f1cd";
    font-family: FontAwesome;
    margin-right: 4px;
}
.prefix.prefixGuide {
    background: none repeat scroll 0 0 #4A843C;
    color: #fafafa !important;
    font-weight: normal;
    border: double !important;
    font-size: 10pt;
}
.prefix.prefixGuide:hover {
    background: none repeat scroll 0 0 #4A4E51 !important;
    color: #fafafa !important;
İkonu değiştirmek için "content: "\f1cd";" kısmındaki f1cd yerine istediğiniz ikonun kodunu yazın. İkon kodunu bulmak için http://fontawesome.github.io/Font-Awesome/icons/ adresine gidin, istediğiniz ikona tıklayın. Unicode yazan yer koddur.



Dönen ikon nasıl oluşturabilirim?

Örnek:


.prefix.prefix(ön ek adı) sınıfından hemen sonra ekleyin:
animation: rotation 2s infinite linear;
Not: Yukarıdaki anlatım varsayılan temada sorunsuz bir şekilde çalışmaktadır, diğer temalarda kodlardan kaynaklı olarak bozuk çalışma ya da çalışmama sorunlarıyla karşılaşmanız olasıdır.
Demo görüntüsü: http://i.imgur.com/jIy3Zto.png