بسمة مصرية

بسمة مصرية

تسجيل عضوية جديدةنسيت كلمة المرور

جميع الحقوق محفوظة - Egybasma.com
قديم 2015-08-29, 06: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
قريباً Microsoft Office 2016
المستشار أحمد صبرى يأمر بعدم تصوير المتهمين في قضية أحداث الإتحادية
وزير الخارجية يبحث مع ابو مازن اخر المستجدات على الساحة الفلسطينية
جوجل وأبل تزيلان نسخة لتطبيق إنستجرام سرقت مئات الآلاف من المستخدمين
وكيل وزارة التربية والتعليم بالمنوفية - تعليمات مشددة لمديري الإدارات التعليمية بضرورة الانتهاء من أعمال التصحيح
حل اخطاء Strict Standards التى تظهر عند ترقية المنتدى
إخماد حريقين بمنزلين في سوهاج دون خسائر بشرية
الإدارة المركزية للشؤون الصيدلية بوزارة الصحة - 6 مستحضرات مغشوشة بالصيدليات
فيس بوك تلغى زر maybe فى الـevents العامة وتستبدله بـ interested
بلجيكا تبدا الحرب على الفيس بوك بسبب جمع بيانات المستخدمين لصالح المعلنين

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

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

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

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


الساعة الآن 12:39 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc
هذا الموقع يتسخدم منتجات Weblanca.com
HTMLMAPXMLRSS 2.0RSS