بسمة مصرية

مساحة إعلانية


بسمة مصرية

قديم 2015-08-29, 07:25 AM المشاركة : ( 1
.:: ! HTML PROF ::.
WRONG WAY
.:: EGY BASMA ::.
الصورة الرمزية WRONG WAY

Technical Support

غير متواجد
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
ضبط عاطلين بالجيزة بدعوى إتجارهما بالمواد المخدرة
ضبط 20 متهما جنائيا مطلوبين في تنفيذ أحكام
Twitch ينتقل من صيغة Flash إلى HTML5
مدير شرطة النقل والمواصلات يتفقد انتظام الخدمات الأمنية بمحطات المترو
Google - مليار عملية بحث شهريا على الموقع نصفها من الهواتف الذكية
7 أشياء تدمر هاتفك الذكى دون أن تشعر
Facebook تستحوذ محرك البحث TheFind المتخصص فى التجارة الإلكترونية
حملة لإزالة الإشغالات بمحافظة الجيزة
اقرا ده مهم
اللواء السيد نصر - نقل سكان المناطق ذات الخطورة
 

الكلمات الدلالية (Tags)
awesome, مكتبة, المواضيع, ايقونات, استخدام, بداخل, font, طريقة

مواضيع ذات صلة بـ قسم تطوير الـ vBulletin



أدوات الموضوع
انواع عرض الموضوع

الانتقال السريع

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


الساعة الآن 10:39 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2016, vBulletin Solutions, Inc
هذا الموقع يتسخدم منتجات Weblanca.com
المواضيع و التعليقات المنشورة لا تعبر عن رأى الإدارة ولا نتحمل أي مسئولية حيال ذلك
HTML MAP XML RSS 2.0 RSS