محمد عاطف

Administrator
طاقم الإدارة



اليوم معنا شرح تخصيص ايقونات لكل قسم وتلوين الاقسام

اولا لاضافة لكل قسم ايقونة مخصصة ندهب اولا الى القالب التالي extra.less ونضيف اليه الكود التالي

CSS:
.node--forum.node--id2.node--read .node-icon i:before{content: url(./images/forumicons/whatever.png);}
.node--forum.node--id2.node--unread .node-icon i:before{content: url(./images/forumicons/whatever.png);}

نبدل رقم 2 برقم القسم المراد تغير ايقونته

طبعا /images/forumicons/whatever.png هدا مسار الصورة بالموقع ضع الصورة بالمسار هدا من خلال السي بنل

تقدر تعدل على الكود كما تشاء

تعمل كدا مع كل قسم تريد تغير ايقونته



الان نيجي لتغير لون الاقسام بالمنتدى تايع
cnc.png

نضيف هدا الكود بنفس القالب السابق

CSS:
.node.node--id2 h3.node-title a {
    color: #000000;
}
او استخدم الكود التالي للاقسام الرئسية

CSS:
/* Coloured Node Categories */
.block.block--category.block--category2 .block-header {
    background: #009ACF;
    color: #ffffff;
}
/**********/
ملاحظة هدا الكود للاقسام الفرعية او يمكن يضبط مع الاقسام الرئسية

طبعا رقم 2 غيره الى رقم القسم الدي تريد تغير اللون له


طبعا هدا لون القسم يمكنك تغيره لاي لون
هدا الموقع حيفيدك لتغير الالوان واخد اكواد منه
http://www.colorzilla.com/gradient-editor/

او هدا
https://www.w3schools.com/css/css3_gradients.asp


شاهد هدا الموضوع الاصلى

كود:
https://xenforo.com/community/resources/coloured-node-categories.6002/
 

المواضيع المشابهة

أعلى