من : غزل..ᥫ᭡
يَارب لُطفك بقلوبِنا وأحوالِنا وأيامِنا، واجعلْ لَنا فيها من الخيرِ الكَثير، وتولّ ما في قلوبِنا بفضلِك وسعتِك يا وهابَ السّعة♥️🕊
من : غزل..ᥫ᭡
ياهلا فيك @Gardi نورتي مكانك .. الحمد الله على كل حال .. 🌺🕊
من : مرحبا -  Gardi
إضافات جميلة بالمنتدى والإهداء كلش حلو …. شلونكم حبايب
  • من : غزل..ᥫ᭡
    يَارب لُطفك بقلوبِنا وأحوالِنا وأيامِنا، واجعلْ لَنا فيها من الخيرِ الكَثير، وتولّ ما في قلوبِنا بفضلِك وسعتِك يا وهابَ السّعة♥️🕊
  • من : غزل..ᥫ᭡
    ياهلا فيك @Gardi نورتي مكانك .. الحمد الله على كل حال .. 🌺🕊
  • من : مرحبا
    إضافات جميلة بالمنتدى والإهداء كلش حلو …. شلونكم حبايب
  • منتديات شباب الرافدين .. تجمع عراقي يقدم محتوى مميز لجميع طلبة وشباب العراق .. لذا ندعوكم للانضمام الى اسرتنا والمشاركة والدعم وتبادل الافكار والرؤى والمعلومات. فأهلاَ وسهلاَ بكم.
Ibn AliraQ

شرح عام XF بادئات المواضيع بطريقة جديدة مع إضافة أيقونات fa

Ibn AliraQعضوية موثقة

ヅ واحد من الناس ヅ

المدير العام للمنتديات
السمعة: 100%
2018-08-28
17,524
6,923
297
العراق
www.shababalrafedain.com
جوهرة
დ118,740
الجنس
ذكر
السلام عليكم ..
شرح اليوم هو عمل بادئات المواضيع بطريقة جديدة باضافة ايقونات fa

2018-06-23_13-52-52.gif

تابع الخطوات:

ابحث عن قالب EXTRA.less في الثيم المستخدم.

آخر القالب .. ضع الكود التالي :

CSS:
/*adding fa icon to prefix*/
.fa:before{
    font-family:FontAwesome;
    margin-right:3px
}

بعدين نروح للوحة التحكم .. المنتديات .. بادئات الموضوع .. ونختار البادئة الي نريد نعدل عليها

2018-06-23_14-10-36.gif

من عرض التصميم نختار اخر خيار : أخرى، باستخدام نمط CSS مخصص
ونخلي الكود التالي:

HTML:
label label--royalBlue fa fa-graduation-cap

2018-06-23_14-11-41.gif

لتغيير الألوان
.prefix.prefixRed
.prefix.prefixGreen
.prefix.prefixOlive
.prefix.prefixLightGreen
.prefix.prefixBlue
.prefix.prefixRoyalBlue
.prefix.prefixSkyBlue
.prefix.prefixGray
.prefix.prefixSilver
.prefix.prefixYellow
.prefix.prefixOrange

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

وسلامتكم.
 
التعديل الأخير:
إشعار - Mention رد
Similar threads الاكثر مشاهدة عرض المزيد
عودة
أعلى أسفل