﴿ وَقُل رَّبِّ زِدْنِي عِلْمًا

And say, "My Lord, increase me in knowledge."

[ شرح ] : طريقة اضافة مكتبة الخطوط Font Awesome لمنتديات الزين فورو - xenforo

[ شرح ] : طريقة اضافة مكتبة الخطوط Font Awesome لمنتديات الزين فورو - xenforo

السلام عليكم ورحمه الله وبركاته 1- في البداية لا بد من تحميل الملفات من موقع الخطوط من هنا http://fontawesome.io/ 2- بعد الدخول للموقع نقوم بالضغط على كلمة download كما...

طريقة اضافة مكتبة الخطوط Font Awesome لمنتديات الزين فورو - xenforo
المشاهدات: 6161 الردود: 5

هيلبرنت

.:: رفيق درب ::.
رقم العضوية
18
تاريخ التسجيل
2015-07-27
الإقامة
فى الدنيا
الموقع الالكتروني
هيلبرنت
آخر نشاط
المشاركات
11,551
المعدل اليومي
2.83
مستوى التفاعل
59
قوة السمعه
أوسمة العضو
السلام عليكم ورحمه الله وبركاته
1- في البداية لا بد من تحميل الملفات من موقع الخطوط من هنا http://fontawesome.io/
2- بعد الدخول للموقع نقوم بالضغط على كلمة download كما بالصورة>

THCMwop.png

3. بعد التحميل ستجده ملف مضغوط على هذا الشكل

AZ8xpOe.png

قم بفك الضغط ستجد هذا المجلدات مايهمنا هو مجلد واحد اسمه fonts كما هو موضح بالصورة

YoNLc0Q.png

4. قم الان برفع مجلد fonts فقط المجلد الرئيسي للمنتدى داخل مجلد اسمه styles باستخدام برنامج الــ FTP حتى يكون على هذا المسار styles >>>>>>>> default >>>>>>> xenforo >>>>>> fonts
كما بالصوره
FEg0dQN.png

5. من خلال لوحة التحكم افتح المظهر ... ثم التمبلت
6. قم بايجاد التمبلت node_list.css

7. قم بحذف الكود التالي
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.



7. قم بفتح التمبلت Extra.css ثم اضف الكود التالي:

كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
8. استبدل الرقم 51 بالــ ID الخاص بالقسم المراد تغغير الايقونة الخاصة بها.

9. تستطيع تغيير شكل ولون وحجم الايقونة بالطريقة التي تريدها

10. للحصول على رموز الايقونات المراد تغييرها من خلال موقع Font Awesome


بعد الدخول للرابط ستجد الايقونات ورموزها وهي تتحدث باستمرار

اذا كنت تريد اعطاء الاقسام ايقونة واحدة فإنك تستطيع اختصار الطريقة من خلال وضع الكود التالي في تمبلت Extra.css بدلا من الكود السابق

كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.


الكود يختصر العملية وبالتالي لا حاجة لوضع الــ ID الخاص بكل منتدى وتستطيع تغيير الحجم والشكل بالطريقة التي تراها مناسبة.

وأخيرا ان كنت ترغب بتغيير اللون اضف الكود للايقونة التي تريدها وقم بتغيير ارقام اللون:
في المثال اللون هو اللون الأسود
 
التعديل الأخير بواسطة المشرف:
رد: طريقة اضافة مكتبة الخطوط Font Awesome لمنتديات الزين فورو - xenforo

تم اعادة نباء صياغه الموضوع بشكل حصرى مع اضافة صور توضيحة بالشرح

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

درس فعلا حصرى

مشاااااااء الله 10/10
 
رد: طريقة اضافة مكتبة الخطوط Font Awesome لمنتديات الزين فورو - xenforo

بارك الله فيكم
 
رد: طريقة اضافة مكتبة الخطوط Font Awesome لمنتديات الزين فورو - xenforo

شكرا على الشرح لكم لم تظهري معي الايقونات
 
رد: طريقة اضافة مكتبة الخطوط Font Awesome لمنتديات الزين فورو - xenforo

اين انت اخي انا بنتظار مساعدتك
 
عودة
أعلى