بسمة مصرية

بسمة مصرية

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

جميع الحقوق محفوظة - Egybasma.com


 معهد بسمة مصرية , منتديات بسمة مصرية | خطوات فى عالم الإبداع >>

الملاحظات

قسم تطوير الـ vBulletin [ جميع ما هو متعلق بتطوير سكريبت الـ vBulletin من أكواد و هاكات ]

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

قسم تطوير الـ vBulletin

1 معجبون
 
أدوات الموضوعانواع عرض الموضوع
قديم 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
فيس بوك تضيف فلاتر الصور و الملصقات و غيرها على منصة الويب
وزارة الأوقاف - شروط عمل الواعظات بالمساجد كما هو للأئمة والخطباء
المدير الفني لفريق الملعب المالي الأهلي فريق كبير وهدفنا حصد الثلاث نقاط
اضافة Sideplayer لجوجل كروم لمشاهدة فيديوهات YouTube فى نافذة منفصلة
جوجل تعرض الدستور الكامل لـ 13 دولة مباشرة فى نتائج البحث
إحالة دعوى اعتبار حماس منظمة إرهابية لـ مفوضي الدولة
الأقصر تستضيف مؤتمرا للمصريين بالخارج بهدف تنمية الصعيد
بيان لوزارة الداخلية - ضبط 20 متهم بالبلطجة
357 مليون جنيه لحماية 5 شواطئ على البحر المتوسط
تحديث جديد بالفيس بوك يحول الصفحات إلى مول تجارى
مساحة إعلانية

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

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

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

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


الساعة الآن 10:43 PM.


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