هيلبرنت | Helpernt

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)
-   ركن تطوير منتديات vb3.8.0 (https://www.helpernt.com/vb/forumdisplay.php?f=99)
-   -   طريقة استخدام ايقونات Font Awesome بداخل المواضيع و المشاركات (https://www.helpernt.com/vb/showthread.php?t=1343)

meamo4 09-23-2015 11:21 PM

طريقة استخدام ايقونات Font Awesome بداخل المواضيع و المشاركات
 
5 مرفق
السلام عليكم ورحمه الله وبركاته
موضوعنا اليوم عن إضافة 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} : لا .
  • زر الصورة (اختيارية) : قم برفع هذه الصورة https://www.helpernt.com/vb/attachme...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 : لا .
ثم إضغط حفظ
- بعد الضغط حفظ يمكنك مشاهدة الأيقونة الجديدة بجانب أزرار المحرر
- حيث أنه سيتم إضافة كود الايقونة هكذا بهذا الشكل
كود PHP:

[FONTAWESOME]fa fa-code[/FONTAWESOME

انتهى

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

abo-karim 09-24-2015 01:29 AM

رد: لاستخدام ايقونات Font Awesome بداخل المواضيع و المشاركات
 
موضوع جميل نتمنى مواضيع حصريه احلى تقييم

meamo4 09-24-2015 10:00 AM

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

المشاركة الأصلية كتبت بواسطة abo-karim (المشاركة 1630)
موضوع جميل نتمنى مواضيع حصريه احلى تقييم

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

~ GOOGLE ~ 01-14-2017 05:26 PM

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

هيلبرنت 01-14-2017 08:00 PM

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

المشاركة الأصلية كتبت بواسطة ~ google ~ (المشاركة 12296)
اخي هاظ الموقع تابع الهلبرنت وليس ترادينت لكن شكرأ لمجهودك الطيب

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

~ GOOGLE ~ 01-14-2017 11:08 PM

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

WRONG WAY 01-15-2017 01:56 AM

رد: لاستخدام ايقونات Font Awesome بداخل المواضيع و المشاركات
 
مشكور على نقل شرحى من ترايدنت cupidarrow

~ GOOGLE ~ 01-16-2017 04:20 AM

رد: لاستخدام ايقونات Font Awesome بداخل المواضيع و المشاركات
 
هههههههههههه هاظ وظعك لوز كل ناس نازله نسخ لصق خلي العالم تعم عليها الفايده

for sat 01-29-2017 12:34 AM

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

غاوى مشاكل 06-29-2017 04:28 PM

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


الساعة الآن 04:26 AM

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