السلام عليكم ورحمة الله وبركاته
منتج اليوم عبارة عن تعديل بسيط لاستبدال ايقونة الاقسام الافتراضية المستخدمة اعتمادا على خطوط awesome بصورة لكل قسم حسب المعرف ID.
التعديل سيكون كالتالي:
اضافة الكود الاتي الى اخر قالب Extraa.less :
مع استبدال مسار الايقونة الخاصة بكل من ايقونة القسم قبل القراءة وايقونة بعد القراءة.
لتوحيد صورة القسم للحالتين (مقروء او غير مقروء) استخدم الكود التالي:
انتهى.
منتج اليوم عبارة عن تعديل بسيط لاستبدال ايقونة الاقسام الافتراضية المستخدمة اعتمادا على خطوط awesome بصورة لكل قسم حسب المعرف ID.
التعديل سيكون كالتالي:
اضافة الكود الاتي الى اخر قالب Extraa.less :
CSS:
/* Node icons */
.node--idX .node-icon i { display: none; }
.node--idX .node-icon {
background-image: url('/images/yourimage.png');
background-repeat: no-repeat;
background-position: center;
}
.node--forum.node--idX.node--read .node-icon {
background-image: url('/images/yourimage.png');
background-repeat: no-repeat;
background-position: center;
opacity: 0.4;
}
/* Node icons End */مع استبدال مسار الايقونة الخاصة بكل من ايقونة القسم قبل القراءة وايقونة بعد القراءة.
لتوحيد صورة القسم للحالتين (مقروء او غير مقروء) استخدم الكود التالي:
CSS:
/**********/
.node .node-icon i { display: none; }
.node .node-icon {
background-image: url('/images/yourpic.png');
background-repeat: no-repeat;
background-position: center;
}
.node--forum.node--read .node-icon {
background-image: url('/images/yourpic.png');
background-repeat: no-repeat;
background-position: center;
opacity: 0.4;
}
/**********/انتهى.
