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

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

تغيير ايقونات المنتدى بايقونات مكتبة fontello

بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته تعد مكتبة fontello من اكبر مكتبات الايقونات وهي مكتبة منوعة ومميزة الكثير منا يرغب باستبدال صور ايقونات المنتدى...

تغيير ايقونات المنتدى بايقونات مكتبة fontello
المشاهدات: 4850 الردود: 6

safwan khazraji

عضو نشيط
رقم العضوية
702
تاريخ التسجيل
2015-12-31
الإقامة
فرنسا
الموقع الالكتروني
www.safwankhazraji.com
آخر نشاط
المشاركات
243
المعدل اليومي
0.06
مستوى التفاعل
6
قوة السمعه
أوسمة العضو
بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

تعد مكتبة fontello من اكبر مكتبات الايقونات وهي مكتبة منوعة ومميزة

الكثير منا يرغب باستبدال صور ايقونات المنتدى ويبحث عن مكتبات توفر هذه الخدمة

واليوم شرحي سيتم حول مكتبة fontello وطريقة ربطها بالمنتدى وتحميل محتواها وطريقة الاستخدام

اولاً الموقع الرسمي للمكتبة
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
لتحميل المكتبة بعد دخولك للموقع الرسمي لها يجب ان تقوم بتحديد جميع ايقونات المكتبة كل مجموعة على جدة

حتى يتم تحديد جميع الايقونات ثم اضغط على الزر الاحمر اعلى الموقع

download webfont

سيتم تحميل المكتبة على جهازك

بعد فك الضغط عن المكتبة غير اسم المجلد الرئيسي لها الى fontello

ثم اعد ضغط المجلد وقم برفعه الى السي بنل

اذهب الى لوحة تحكم المنتدى افتح قالب

headinclude

ابحث فيه عن

PHP
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
اضف فوقها هذا الكود لربط المكتبة بالمنتدى

PHP
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
مع استبدال xxxx الى رابط منتداك

الآن نتطرق لطريقة تغيير ايقونات المنتدى بايقونات المكتبة

اولاً نختار الايقونة المطلوبة من المكتبة وننسخ اسمها من خلال الذهاب الى موقع المكتبة والضعط على

Customize Names

ثم نسخ اسم الايقونة

الخطوة الثانية

استبدال اي ايقونة يتم بتغيير رابط الايقونة بالرابط التالي مع استبدال اسم الايقونة المطلوبة من المكتبة كمثال

PHP
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
حيث globe-2 هي ايقونة الكرة الارضية ويمكن اختيار غيرها

الشرح انتهى

لمن يصعب عليه تحميل المكتبة من موقعها الرسمي قمت بارفاق المكتبة كاملة في الموضوع

تم تقديم هذا الشرح بواسطة

صفوان الخزرجي

التحميل
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
 
التعديل الأخير بواسطة المشرف:
شرح حلوو يسلموو

هلق انا بدي اغير misc و editor statusicon


هاد كيف ببدلو مع الايقونات المذكورة

<div class="icon-globe-2">
 
شرح حلوو يسلموو

هلق انا بدي اغير misc و editor statusicon


هاد كيف ببدلو مع الايقونات المذكورة

<div class="icon-globe-2">

الله يحلي ايامك ويسلمك
اخي التغيير لا يتم على مجلد بأكملوا بل يتم تغيير صورة صورة من قوالب المنتدى

مثال

نريد تغيير ايقونة آخر مشاركة في واجهة المنتدى

نذهب الى قالب

forumhome_lastpostby

نبحث عن الكود الخاص بالايقونة وهنا يجب ان يكون الشخص ملم وعارف باكواد المنتدى او يتعب نفسه ويبحث

المهم كود ايقونة آخر مشاركة موجود في قالب

forumhome_lastpostby

نحدد كود الايقونة الي هو

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

نستبدله بالكود الي وضعته في الموضوع مع تغيير الايقونة الى ايقونة مناسبة , مثلاً نستبدله هكذا

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

اتمنى ان تطبق الشرح وتعطينا نتيجة طيبة , بالتوفيق
 
شررررررررررح روعه تطروحاتك رائعه بجد منور قسم التطوير اخى
 
شررررررررررح روعه تطروحاتك رائعه بجد منور قسم التطوير اخى
مرورك ودعمك المتواصل اروع اخي الكريم والنور نورك تشرفت بمرورك
 
الوسوم الوسوم
الكلمات الدلالية (Tags)
عودة
أعلى