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

# مع إضافة لون فقط ,,




# مع إضافة حجم و لون ,,







وإلى هنا نكون قد انتهينا من موضوعنا اليوم ,,
دمتم بود ,,
طريقة استخدام ايقونات مكتبة Font Awesome بداخل المواضيع و المشاركات
الـمـصـدر : معهد بسمة مصرية - مـن : قسم تطوير الـ vBulletin - كـاتـب الـمـوضـوع : WRONG WAY

مـن مـواضـيع WRONG WAY


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

الانتقال السريع
المواضيع المتشابهه
الموضوع
[ HTML ] تغيير كلاسات الـ Font Awesome عند الضغط عليها
[ Product ] هاك إضافة nofollow إلى الروابط الخارجية بالمواضيع و المشاركات
[ شـرح ] طريقة إستبدال أزرار المحرر بـ مكتبة Font Awesome مع تلميحات Tooltip
[ شـرح ] إضافة كود التنبيهات بدون هاك بإستخدام مكتبة Font Awesome
[ شـرح ] شرح لكيفية إستخدام تلميحات Tooltip مع مكتبة Font Awesome