شرح تغير لون الايقونة مقروء وغير مقروء

  • بادئ الموضوع بادئ الموضوع codeNET
  • تاريخ البدء تاريخ البدء
إصدارات زين فورو المتوافقة: 2.2، 2.3
حقوق البرمجة ظاهرة: لا
كيفية تغيير لون أيقونة العقدة (Node) إلى شكل مشابه لهذا؟
IMG_8745.png
هذا دليل تعليمي مفصل (DIY).
قبل تغيير الكود، دعنا نستعد:
لتغيير ترويسة بلوك التصنيف، راجع هذا الدليل.
تأكد من نوع العقدة التي ترغب في تغيير أيقونتها (تصنيف، منتدى، رابط منتدى، أو صفحة).
إذا كنت لا تعرف كيفية التحقق من معرف العقدة (Node ID)، يرجى مراجعة هذا المورد.
تغيير أيقونة عقدة المنتدى (Forum node type icon)
لأيقونة عقدة المنتدى (مقروء وغير مقروء)، أضف الكود التالي إلى قالب extra.less:
للإصدار Xf 2.0
كود:
/* Coloured Node Icons */
.block.block--category.block--categoryX {
/* read icon */
.node--forum.node--read .node-icon i:before {
color: #e6cbe4;
text-shadow: none;
}
/* unread icon */
.node--forum.node--unread .node-icon i:before {
color: #9e5697;
text-shadow: none;
}
}
/**********/
للإصدار Xf 2.3
كود:
/* Coloured Node Icons */
.block.block--category.block--categoryX {
/* read icon */
.node--forum.node--read .node-icon i {
color: #e6cbe4;
text-shadow: none;
}
/* unread icon */
.node--forum.node--unread .node-icon i {
color: #9e5697;
text-shadow: none;
}
}
/**********/
استبدل الحرف X بمعرف العقدة (Node ID) الخاص بك.
النتيجة للأيقونة المقروءة وغير المقروءة:
IMG_8747.png
IMG_8746.png
لتغيير أيقونة نوع العقدة للمنتديات الفرعية أيضاً، قم بتعديل الكود أعلاه ليصبح كالتالي:
حقوق الطبع والنشر © منتدى كود نت codeNET. جميع الحقوق محفوظة.
 
تغير لون نص الازرار شروحات - Explanations · codeNET ·
تغير لون اشارة طاقم الادارة شروحات - Explanations · codeNET ·
تغير لون عنوان المنتديات في الواجهة الرئيسية شروحات - Explanations · codeNET ·
عودة
أعلى أسفل