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

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

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

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

أضافة ايقونة بجانب كل قسم بدون منتجات XenForo 2
المشاهدات: 4067 الردود: 6

Dr.MOT

.:: عضو جديد ::.
رقم العضوية
1640
تاريخ التسجيل
2018-05-11
الإقامة
Iraq
الموقع الالكتروني
هيلبرنت
آخر نشاط
المشاركات
6
المعدل اليومي
0.00
قوة السمعه
أوسمة العضو
السلام عليكم ورحمة الله وبركاته
أخواني في الله اسعد الله اوقاتكم بكل الخيرات يتجدد بنا القاء مره اخرى في موضوع جديد على آمل ينال رضاكم معنا موضوع بسيط وسلس على امل انتستفادو منه ولو بنسبة 1% أضافة ايقونة بجانب كل قسم بدون منتجات XenForo 2 في البداية نتقل الى القوالب

1-54903fd.png


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


2-54903fe.png



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


HTML
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
[/CODE]
3-54903ff.png
</div>

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

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

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

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

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

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

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

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

مثال للتوضيح


4-5490401.png



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

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

ليصبح الناتج


5-5490405.png


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


6-549040f.png



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

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

وفقكم الله لما يحب ويرضى
[/CENTER]
 
التعديل الأخير بواسطة المشرف:
عاشت الايادي اخي العزيز
 
مشاركات طيبة تطرح منك,بالتوفيق لك ان شاء الله.
 
شكرا لك ياباشا على طرحك المميز

هيلبرنت + عراق تيم ايد واحده
 
السلام عليكم
على الستايل الافتراضي لا تظر؟
ماهو المطلوب
 
عودة
أعلى