الموضوع: [XF 2.x] : بادئات المواضيع بطريقة جديدة مع إضافة أيقونات fa
عرض مشاركة واحدة
احصائياتى

الردود
9

المشاهدات
3969
الصورة الرمزية maaidni
maaidni
.:: معرب ومطور ومشرف ::.
قسم منتديات XenForo
  • maaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to behold

  • maaidni غير متواجد حالياً

المشاركات
998

+التقييم
187

تاريخ التسجيل
Oct 2015

الاقامة
المغرب

نظام التشغيل
windows 8.1

رقم العضوية
605
06-23-2018, 04:53 PM
المشاركة 1
06-23-2018, 04:53 PM
المشاركة 1
افتراضي بادئات المواضيع بطريقة جديدة مع إضافة أيقونات fa
سبق وشرحت طريقة تغيير البادئات للجيل الأول في الربط أسفله

كود:
https://www.helpernt.com/vb/showthread.php?t=5500
أما في هذه المشاركة فيسكون عمل بادئات للمواضيع مع إضافة أيقونات FA

صوره من نتيجة العمل



أضف في آخر القالب الكود أسفله:
كود:
EXTRA.less
كود:
/*adding fa icon to prefix*/
.fa:before{
    font-family:FontAwesome;
    margin-right:3px
}
إختر من لوحة التحكم عمل بادئات تم




أخرى، باستخدم نمط CSS مخصص



ضع الكود في النمط المخصص

كود:
label label--royalBlue fa fa-graduation-cap
لتغيير الألوان
.prefix.prefixRed
.prefix.prefixGreen
.prefix.prefixOlive
.prefix.prefixLightGreen
.prefix.prefixBlue
.prefix.prefixRoyalBlue
.prefix.prefixSkyBlue
.prefix.prefixGray
.prefix.prefixSilver
.prefix.prefixYellow
.prefix.prefixOrange

موقع مكتبة الأيقونات

كود:
http://fontawesome.io/icons/


التعديل الأخير تم بواسطة abo-karim ; 06-23-2018 الساعة 05:21 PM سبب آخر: تم حفظ الصور بالمرفقات