هيلبرنت | Helpernt

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)
-   ركن شروحات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=94)
-   -   [XF 2.x] : بادئات المواضيع بطريقة جديدة مع إضافة أيقونات fa (https://www.helpernt.com/vb/showthread.php?t=7399)

maaidni 06-23-2018 04:53 PM

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

كود:

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/

maaidni 06-23-2018 05:15 PM

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

https://s1.gifyu.com/images/2018-06-23_14-10-36.gif

https://s1.gifyu.com/images/2018-06-23_14-11-41.gif

abo-karim 06-23-2018 05:23 PM

رد: بادئات المواضيع بطريقة جديدة مع إضافة أيقونات fa
 
مشاء الله تم عنل الاتى
1- تقييمكم يمكنكم مراجعه الملف الشخصى بكم
2- ثبيت الموضوع
3- تقييم الموضوع
4- حفظ الصور بالمرفقة
5- نشر الموضوع بمواقع التواصل

احسنت اخى
ونشكركم جزيل الشكر

maaidni 06-23-2018 06:02 PM

رد: بادئات المواضيع بطريقة جديدة مع إضافة أيقونات fa
 
شكرا لك أبو كريم على كل ما ذكرته

+ حزنت كثيرا عندما توقف المنتدى عن العمل وقلت في نفسي حدث أمر من إثنين

1- جاري تحويل المنتدى لسكريبت الزينفورو

2- أو أنكم لم تجددو الإشتراك السنوي في الإستضافة

على كل حصل خير عندما عاد المنتدى للعمل

rehan 06-23-2018 06:03 PM

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

وشرح وافي
يعطيك الف عافية اخي

بالتوفيق

abo-karim 06-23-2018 06:05 PM

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

المشاركة الأصلية كتبت بواسطة maaidni (المشاركة 20187)
شكرا لك أبو كريم على كل ما ذكرته

+ حزنت كثيرا عندما توقف المنتدى عن العمل وقلت في نفسي حدث أمر من إثنين

1- جاري تحويل المنتدى لسكريبت الزينفورو

2- أو أنكم لم تجددو الإشتراك السنوي في الإستضافة

على كل حصل خير عندما عاد المنتدى للعمل

حبيبى تسلم انت تستاهل اكثر من هذا
اما بخصوص توقف المنتدى ماكنش لا استضافة ولا التحويل انما كان توقف بسبب شكوى من ناس كرها الخير للمنتدى فابلغو الشركة الام للاستضافة وايضا ابلغو الموقع الرسمى للاسكريبت باننى استخدم نسخة منزوعه فتم التوقف على الفور والحمد الله قمنا بترخيص المنتدى علشان بس يبطلو حقد وغل

maaidni 06-23-2018 06:41 PM

رد: بادئات المواضيع بطريقة جديدة مع إضافة أيقونات fa
 
لا حول ولا قوة إلا بالله عسى أن تكرهو شيئا وهو خير لكم

عابر سبيل 06-23-2018 09:13 PM

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

المشاركة الأصلية كتبت بواسطة abo-karim (المشاركة 20189)
حبيبى تسلم انت تستاهل اكثر من هذا
اما بخصوص توقف المنتدى ماكنش لا استضافة ولا التحويل انما كان توقف بسبب شكوى من ناس كرها الخير للمنتدى فابلغو الشركة الام للاستضافة وايضا ابلغو الموقع الرسمى للاسكريبت باننى استخدم نسخة منزوعه فتم التوقف على الفور والحمد الله قمنا بترخيص المنتدى علشان بس يبطلو حقد وغل

من قام بذلك يا أبا كريم

حراام

MesterPerfect 06-29-2018 12:07 PM

رد: بادئات المواضيع بطريقة جديدة مع إضافة أيقونات fa
 
بالفعل ننتظر أن يقوم الأخ أبو كريم بطرح موضوعه الذي سيشرح فيه كل شيء حتى نعرف من يريد عدم الخير والمعرفة للآخرين

الله المستعان ربنا يصلح أحوالنا جميعا

MEDO3ABED 11-07-2018 12:07 PM

رد: بادئات المواضيع بطريقة جديدة مع إضافة أيقونات fa
 
جزاك الله كل خير مشرفنا الكريم على الشرح المميز جدا


الساعة الآن 08:20 PM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir