[ حصريا ] - شرح أضافة ايقونة بجانب كل قسم بدون منتجات . | XenArabia | زين فورو العربية

[ حصريا ] شرح أضافة ايقونة بجانب كل قسم بدون منتجات .

أبو عبدالله

:: الأعضاء ::
إنضم
2 فبراير 2019
المشاركات
101
مستوى التفاعل
110
النقاط
43
الإقامة
مكة المكرمة
بسم الله الرحمن الرحيم

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

اسعد الله اوقاتكم بكل الخيرات يتجدد بنا القاء مره اخرى في موضوع جديد على آمل ينال رضاكم
دلاسنا اليوم بسيط وسلس ( بس يحتاج شوية تركيز ) على امل الاستفادة منه ولو بنسبة 1% وهو

أضافة ايقونة بجانب كل قسم بدون منتجات XenForo 2



بسم الله نبدا الشرح ..

في البداية هذا الشكل التقليدي او المعتاد لايقونات الأقسام ( شاهد الصورة التالية ) ..


863




سنقوم يتغير الايقونات الى ايقونات جميلة بالاستعانة بمكتبة ( Font Awesome )



اولا نذهب الة لوحة التحكم ( شاهد الصورة التالية ) ..


864



ثم نذهب الى المظهر ومن ثم نحتار القوالب ( شاهد الصورة التالية ) ..
865




ثم نبحث عن قالب ( EXTRA ) ونفتح القالب ( شاهد الصورة التالية ) ..

866



ثم نقوم بلصق الكود التالي في قالب ( EXTRA ) ..

اولا نقوم بنسخ الكود التالي ..


كود:
/* كود ايقونات الأقسام  */[/SIZE][/CENTER][/SIZE][/CENTER]
[SIZE=5][CENTER][SIZE=5][CENTER]
.node--forum.node--id2.node--read .node-icon i:before{content:'\f4ad';color:#d5eaf9}
.node--forum.node--id2.node--unread .node-icon i:before{content:'\f4ad';color:#185886}

/* نهاية كود ايقونات الأقسام   */



بعد لصق الكود نختار حفظ ( شاهد الصورة التالية ) ..

867





الان سنقوم بشرح الكود حتى يسهل علينا تغير الايقونات بما نراه مناسب ( شاهد الصورة التالية ) ..

868

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

مكتبة الايقونات

او عن طريق الدخول للموقع التالي ..

كود:
https://fontawesome.com/icons?d=gallery&m=free
بعد الدخول على الموقع نختار الايقونات المجانية ( Free ) ( شاهد الصورة التالية ) ..


869




وهذا شرح بسيط للحصول على الايقونات

نضغط على الايقونه المراد استخدامها وبعد ذالك ننسخ الكود الخاص بالايقونه ( شاهد الصورة التالية ) ..


870


وهذي النتيجة النهائية للعمل ( شاهد الصورة التالية ) ..

871

وبكذا نكون انتهينا من الدرس

واي استفسار انا حاظر وفي الخدمة :cool:




وأخيرا إن أحسنت فمن الله ، وإن أسأت أو أخطأت فمن نفسي والشيطان .



تحيتي

أخوكم / أبو عبدالله

 
التعديل الأخير:

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
618
مستوى التفاعل
654
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
ما شاء الله عليك أخي @أبو عبدالله
درس مرتب و منسق ومفيد
سلمت يداك ..
يثبت الموضوع مدة 5 أيام نظرا للمجهود المبذول فيه
ودائما منتظرين شروحاتك الرائعة
 

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة المنتدى .

إحصائيات المنتدى

المواضيع
282
المشاركات
1,658
الأعضاء
99
آخر عضو مسجل
shaaeralhob
أعلى