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

[أبو عبدالله]

بسم الله الرحمن الرحيم

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

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

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



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

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






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



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





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





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





ثم نقوم بلصق الكود التالي في قالب ( 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}

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

​

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







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



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

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

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

https://fontawesome.com/icons?d=gallery&m=free

بعد الدخول على الموقع نختار الايقونات المجانية ( Free ) ( شاهد الصورة التالية ) ..






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

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




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



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

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




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



تحيتي

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

 

[أبو غَيْث]

ما شاء الله عليك أخي @أبو عبدالله
درس مرتب و منسق ومفيد
سلمت يداك ..
يثبت الموضوع مدة 5 أيام نظرا للمجهود المبذول فيه
ودائما منتظرين شروحاتك الرائعة

 

[Alrajabane]

شكرا لك اخي @أبو عبدالله
وبنتظار جديدك دائماً ..

 

[أبو عبدالله]

منورين الموضوع

وشكرا على المرور العطر

تحيتي

 

[alizahrani]

شكراً جزيلاً لك أخي الكريم على الشرح
ولكن إذا أردنا أن نضع أيقونة ثابتة أمام اسم كل قسم ترمز إلى المحتوى سواء أيقونة مسبقة التصميم أم أردنا أنا نصممها بالطريقة التي تناسبنا
فالذي أعنيه القسم الذي يشمل أكثر من منتدى يندرج تحته كالقسم العام القسم الأدبي وهكذا
طبعاً شرحك يخص أيقونات المنتديات النشطة وغير النشطة فتتغير الأيقونة حسب الحالة
عموماً أحسنت بارك الله شرح مفيد جداً يغني عن الإضافات