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

[WRONG WAY]

http://store1.up-00.com/2015-03/142529458521.png
أهلا و مرحبا بكم أعضاء و زوار معهد بسمة مصرية (http://www.egybasma.com/forum) الكرام ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
موضوعنا اليوم عن إضافة BB Codes جديد إلى صندوق المحرر - يمكّنك من إستخدام أيقونات مكتبة Font Awesome بداخل المواضيع و المشاركات .
How To Add a New BB Code To Use Font Awesome Icons Into Threads and Posts .
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
عليك مبدئيا تحميل ملفات المكتبة من موقعها الرسمى ,,
Download Font Awesome Icons (https://fortawesome.github.io/Font-Awesome/)
قم بفك الضغط ثم رفعها الى مجلد منتداك الرئيسى عن طريق الـ FTP ,,
ثم تعريف ملفات المكتبة بداخل قالب الـ 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"/>
نبدأ بالشرح ,,
*-.-**-.-**-.-**-.-**-.-**-.-**-.-**-.-*
1- إذهب إلى لوحة تحكم منتداك ,,
http://www.example.com/vb/admincp
2- من داخل لوحة التحكم إذهب إلى ,,
أكواد BB Codes المخصصة >> إضافة كود منتدى جديد كما بالصورة .
http://store2.up-00.com/2015-08/1440819815591.png
3- إبدا بـ ملئ الحقول بالبيانات التالية ,,
* العنوان : FontAwesome .
* BB Code اسم البطاقة : FontAwesome .
* الاستبدال : <span class="{param}" style="margin:0 5px 0 5px;"></span> .
* مثال : [FontAwesome]Font Code Here[FontAwesome] .
* الوصف : إضافة ايقونات مكتبة Font Awesome إلى المواضيع و المشاركات .
* استخدام {option} : لا .
* زر الصورة (اختيارية) : قم برفع هذه الصورة ,, http://www.egybasma.com/forum/images/editor/FA.png
إلى مجلد منتداك على المسار التالى ,,
vb/images/editor
ثم إضافة مسار الصورة الى الحقل ,, images/editor/FA.png .
* حذف الدالة (Tag) اذا كانت فارغة : نعم .
* تعطيل BB Code حتى هذا BB Code : لا .
* تعطيل الابتسامات حتى هذا BB Code : لا .
* تجاهل التفاف الكلمات في هذا الكود : لا .
* Disable Automatic Link Parsing Within This BB Code : لا .
ثم إضغط حفظ ,,
http://store2.up-00.com/2015-08/1440820197231.png
4- بعد الضغط حفظ يمكنك مشاهدة الأيقونة الجديدة بجانب أزرار المحرر بهذا الشكل ,,
http://store2.up-00.com/2015-08/1440820325771.png
* حيث أنه سيتم إضافة كود الايقونة هكذا بهذا الشكل ,,
fa fa-code
* كما يمكنك الحصول على اكواد الأيقونات من هنا ,,
The complete set of 585 icons in Font Awesome 4.4.0 (https://fortawesome.github.io/Font-Awesome/icons/)
* مثال مباشر على استخدام أيقونات المكتبة داخل المواضيع و المشاركات ,,
# بدون لون أو حجم ,,
fa fa-code
# مع إضافة لون فقط ,,
fa-code
fa-code
fa-code
fa-code
# مع إضافة حجم و لون ,,
fa-code
fa-code
fa-code
fa-code
fa-code
fa-code
fa-code
وإلى هنا نكون قد انتهينا من موضوعنا اليوم ,,
دمتم بود ,,
http://store1.up-00.com/2015-03/1425294585292.png