هيلبرنت | Helpernt - [XF 2.x] : أضافة ايقونة بجانب كل قسم بدون منتجات XenForo 2

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

أخواني في الله اسعد الله اوقاتكم بكل الخيرات يتجدد بنا القاء مره اخرى في موضوع جديد على آمل ينال رضاكم معنا موضوع بسيط وسلس على امل انتستفادو منه ولو بنسبة 1% أضافة ايقونة بجانب كل قسم بدون منتجات XenForo 2 في البداية نتقل الى القوالب

http://img110.xooimage.com/files/9/2/d/1-54903fd.png

نبحث عن قالب extra.less

http://img110.xooimage.com/files/2/9/c/2-54903fe.png

الان نضيف الكود التالي في بداية القالب

كود بلغة HTML:

.node--forum.node--id2.node--read .node-icon i:before{content:'\f1cd';color:#5f8767}

 .node--forum.node--id2.node--unread .node-icon i:before{content:'\f1cd';color:#5F7187}

[/CODE]http://img110.xooimage.com/files/d/2/6/3-54903ff.png</div>

حيث ان id2 رقم 2 رقم القسم id المعرف

read اذا كان القسم تم مشاهدنه مواضيعه او لا توجد فيه مواضيع جديده

unread القسم لم تشاهد مواضيع او فيه مواضيع جديده

f1cd هذهي الايقونه من مكتبة Font Awesome

اما color:#5f8767 فهوه لون الايقونه

كيف نستطيع معرفة الايقونات من خلال هذا الموقع

http://astronautweb.co/snippet/font-awesome

تسطيغ تاخذ كود الايقونه

مثال للتوضيح

http://img110.xooimage.com/files/0/0/1/4-5490401.png

بجانب كل ايقونه الكود الخاص بها

تسطيع تكرار الكود مع مراغات تغير رقم القسم لينطبق على جميع الاقسام ايضآ لاتنسى تختار الايقونات حسب رغبتك

ليصبح الناتج

http://img110.xooimage.com/files/b/8/2/5-5490405.png

بعد الانتهاء احفض التغيرات وشاهد النتيجة

http://img110.xooimage.com/files/a/3/5/6-549040f.png

وهكذا وصلنا لخاتمة موضوعنا لهذا اليوم

على امل ان اكون قد وفقت في الطرح

وفقكم الله لما يحب ويرضى

[/CENTER]