شرح اليوم بسيط ومميز.
يتلخص باستبدال الايقونة الافتراضية للاقسام بايقونة مخصصة لكل قسم Xenforo 2.x
الخطوات:
افتح القالب:
ابحث داخل القالب عن الكود التالي: غالبا سيكون عند السطر: 27
استبدله بالكود التالي:
في نفس القالب:
استبدله بالكود التالي:
احفظ القالب.
افتح قالب:
ادرج الكود التالي في اخر القالب:
تفاصيل الكود:
55 هو رقم معرف [ID] القسم.
f024 هو كود الايقونة من مكتبة الايقونات .. يمكنك اختيار الايقونة المناسبة من هنا.
E30A17 كود الخط المستخدم.
يمكنك التعديل على المتغيرات اعلاه بما يناسب منتداك.
ملاحظة: يتم ادراج الكود في نفس القالب عن كل قسم تريد تغيير الايقونة الخاصة به.
انتهى
يتلخص باستبدال الايقونة الافتراضية للاقسام بايقونة مخصصة لكل قسم Xenforo 2.x
الخطوات:
افتح القالب:
node_list_forumابحث داخل القالب عن الكود التالي: غالبا سيكون عند السطر: 27
HTML:
<a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">{$node.title}</a>استبدله بالكود التالي:
HTML:
<a href="{{ link('forums', $node) }}" class="fa-{$node.node_id} subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">{$node.title}</a>في نفس القالب:
node_list_forum ابحث عن الكود التالي الذي ستجده غالبا عند السطر: 46
HTML:
<span class="node-icon" aria-hidden="true"><i></i></span>استبدله بالكود التالي:
HTML:
<span class="node-icon" aria-hidden="true"><i class="fa-{$node.node_id}"></i></span>احفظ القالب.
افتح قالب:
extra.lessادرج الكود التالي في اخر القالب:
CSS:
.fa-55::before {
content: "\f024" !important;
color: #E30A17 !important;
}تفاصيل الكود:
55 هو رقم معرف [ID] القسم.
f024 هو كود الايقونة من مكتبة الايقونات .. يمكنك اختيار الايقونة المناسبة من هنا.
E30A17 كود الخط المستخدم.
يمكنك التعديل على المتغيرات اعلاه بما يناسب منتداك.
ملاحظة: يتم ادراج الكود في نفس القالب عن كل قسم تريد تغيير الايقونة الخاصة به.
انتهى
