الموضوع: [XF 2.x] : أضافة ايقونة بجانب كل قسم بدون منتجات XenForo 2
عرض مشاركة واحدة
احصائياتى

الردود
6

المشاهدات
2284
Dr.MOT
.:: عضو جديد ::.
  • Dr.MOT is an unknown quantity at this point

  • Dr.MOT غير متواجد حالياً

المشاركات
6

+التقييم
8

تاريخ التسجيل
May 2018

الاقامة
Iraq

نظام التشغيل
windows 8.1

رقم العضوية
1640
05-31-2018, 02:41 AM
المشاركة 1
05-31-2018, 02:41 AM
المشاركة 1
افتراضي أضافة ايقونة بجانب كل قسم بدون منتجات XenForo 2
السلام عليكم ورحمة الله وبركاته
أخواني في الله اسعد الله اوقاتكم بكل الخيرات يتجدد بنا القاء مره اخرى في موضوع جديد على آمل ينال رضاكم معنا موضوع بسيط وسلس على امل انتستفادو منه ولو بنسبة 1% أضافة ايقونة بجانب كل قسم بدون منتجات XenForo 2 في البداية نتقل الى القوالب



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





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


كود بلغة 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]</div>

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

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

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

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

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

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

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

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

مثال للتوضيح





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

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

ليصبح الناتج




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





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

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

وفقكم الله لما يحب ويرضى
[/CENTER]


التعديل الأخير تم بواسطة هيلبرنت ; 05-31-2018 الساعة 06:34 PM