المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : طريقة استخدام ايقونات Font Awesome بداخل المواضيع و المشاركات


meamo4
09-23-2015, 11:21 PM
السلام عليكم ورحمه الله وبركاته
موضوعنا اليوم عن إضافة BB Codes جديد إلى صندوق المحرر - يمكنك من إستخدام أيقونات مكتبة Font Awesome بداخل المواضيع و المشاركات .
[ اسم الشرح ] : استخدام ايقونات مكتبة Font Awesome بداخل المواضيع و المشاركات
[ الوصف ] : إضافة BB Code جديد لإستخدام ايقونات مكتبة Font Awesome بداخل المواضيع و المشاركات .
شرح الخطوات
- عليك مبدئيا تحميل ملفات المكتبة من موقعها الرسمى
https://fontawesome.com/
- بعد التحميل قم بفك الضغط عن المجلد ثم قم برفعها الى مجلد منتداك الرئيسى عن طريق الـ FTP
- ادخل لوحة الادارة - الاستايلات والقوالب - البحث عن قالب ضع اسم القالب headinclude كما بالصورة

https://www.helpernt.com/vb/attachment.php?attachmentid=1407&stc=1&d=1520707163

- وبعدها ادخل على القالب المذكور

https://www.helpernt.com/vb/attachment.php?attachmentid=1408&stc=1&d=1520707163

- ثم قم بوضع الكواد التالى والحاص يتعريف ملفات المكتبة في اخر قالب الـ headinclude .
<link rel="stylesheet" href="font-awesome-4.3.0/css/font-awesome.css" type="text/css" media="screen" />
<link rel="stylesheet" href="font-awesome-4.3.0/css/font-awesome.min.css"/>
كما بالصورة

https://www.helpernt.com/vb/attachment.php?attachmentid=1409&stc=1&d=1520707163

- ثم إذهب إلى أكواد BB Codes المخصصة >> إضافة كود منتدى جديد كما بالصورة .

https://www.helpernt.com/vb/attachment.php?attachmentid=1410&stc=1&d=1520707163


العنوان : FontAwesome .
BB Code اسم البطاقة : FontAwesome .
الاستبدال : <span class="{param}" style="margin:0 5px 0 5px;"></span> .
مثال : Font Code Here[FontAwesome] .
الوصف : إضافة ايقونات مكتبة Font Awesome إلى المواضيع و المشاركات .
استخدام {option} : لا .
زر الصورة (اختيارية) : قم برفع هذه الصورة https://www.helpernt.com/vb/attachment.php?attachmentid=13&stc=1&d=1520707163 إلى مجلد منتداك على المسار التالى

vb/images/editor

ثم إضافة مسار الصورة الى الحقل ,, images/editor/FA.png .
حذف الدالة (Tag) اذا كانت فارغة : نعم .
تعطيل BB Code حتى هذا BB Code : لا .
تعطيل الابتسامات حتى هذا BB Code : لا .
تجاهل التفاف الكلمات في هذا الكود : لا .
Disable Automatic Link Parsing Within This BB Code : لا .

ثم إضغط حفظ
- بعد الضغط حفظ يمكنك مشاهدة الأيقونة الجديدة بجانب أزرار المحرر
- حيث أنه سيتم إضافة كود الايقونة هكذا بهذا الشكل
[FONTAWESOME]fa fa-code
انتهى

الموضوع بالارشيف : https://web.archive.org/web/20190521171108/https://www.helpernt.com/vb/showthread.php?t=1343

abo-karim
09-24-2015, 01:29 AM
موضوع جميل نتمنى مواضيع حصريه احلى تقييم

meamo4
09-24-2015, 10:00 AM
موضوع جميل نتمنى مواضيع حصريه احلى تقييم

مرورك الجميل اخي ابو كريم

~ GOOGLE ~
01-14-2017, 05:26 PM
اخي هاظ الموقع تابع الهلبرنت وليس ترادينت لكن شكرأ لمجهودك الطيب

هيلبرنت
01-14-2017, 08:00 PM
اخي هاظ الموقع تابع الهلبرنت وليس ترادينت لكن شكرأ لمجهودك الطيب

شكرا ليك يابرنس على الانتباه ابو كريم ما اخدش باله انه كمان واضع اكثر من رابط خارجى له الله كريم

~ GOOGLE ~
01-14-2017, 11:08 PM
حياك الله يا اخي

WRONG WAY
01-15-2017, 01:56 AM
مشكور على نقل شرحى من ترايدنت cupidarrow

~ GOOGLE ~
01-16-2017, 04:20 AM
هههههههههههه هاظ وظعك لوز كل ناس نازله نسخ لصق خلي العالم تعم عليها الفايده

for sat
01-29-2017, 12:34 AM
بارك الله بك
وبارك الله صاحب الموضوع

غاوى مشاكل
06-29-2017, 04:28 PM
مميز ياشبح

هيلبرنت
03-10-2018, 07:27 PM
شكرا على الشرح

حياك

هيلبرنت
03-10-2018, 09:57 PM
تم تعديل الموضوع بناء على شرح الاخ الغالى Mc Nabulsy صاحب هذه المشاركة
طريقة استخدام ايقونات مكتبة Font Awesome بداخل صندوق المواضيع و المشاركات (https://www.helpernt.com/vb/showthread.php?p=17802#post17802)

هيلبرنت
04-10-2018, 09:26 PM
للرفع

للاهمية

والتنشيط

ahmed200
05-27-2018, 01:42 PM
يعطيك 1000

1000

عافية

هيلبرنت
05-21-2019, 08:12 PM
اضفنا الموضوع بالارشيف