عرض مشاركة واحدة
احصائياتى

الردود
14

المشاهدات
5618
meamo4
.:: عضو مشارك ::.
  • meamo4 will become famous soon enough

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

المشاركات
15

+التقييم
21

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

الاقامة

نظام التشغيل

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


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


- ثم قم بوضع الكواد التالى والحاص يتعريف ملفات المكتبة في اخر قالب الـ headinclude .
كود PHP:
<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"/> 
كما بالصورة


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

  • العنوان : FontAwesome .
  • BB Code اسم البطاقة : FontAwesome .
  • الاستبدال : <span class="{param}" style="margin:0 5px 0 5px;"></span> .
  • مثال : [FontAwesome]Font Code Here[FontAwesome] .
  • الوصف : إضافة ايقونات مكتبة Font Awesome إلى المواضيع و المشاركات .
  • استخدام {option} : لا .
  • زر الصورة (اختيارية) : قم برفع هذه الصورة إلى مجلد منتداك على المسار التالى
كود:
vb/images/editor
  • ثم إضافة مسار الصورة الى الحقل ,, images/editor/FA.png .
  • حذف الدالة (Tag) اذا كانت فارغة : نعم .
  • تعطيل BB Code حتى هذا BB Code : لا .
  • تعطيل الابتسامات حتى هذا BB Code : لا .
  • تجاهل التفاف الكلمات في هذا الكود : لا .
  • Disable Automatic Link Parsing Within This BB Code : لا .
ثم إضغط حفظ
- بعد الضغط حفظ يمكنك مشاهدة الأيقونة الجديدة بجانب أزرار المحرر
- حيث أنه سيتم إضافة كود الايقونة هكذا بهذا الشكل
كود PHP:
[FONTAWESOME]fa fa-code[/FONTAWESOME
انتهى

الموضوع بالارشيف : https://web.archive.org/web/20190521...ead.php?t=1343


التعديل الأخير تم بواسطة هيلبرنت ; 05-21-2019 الساعة 08:11 PM سبب آخر: تمت التعديل من خلال شرح الاخ Mc Nabulsy