أهلا وسهلا برواد و أعضاء زين العربية الكرام ،
ها نحن نعود إليكم من جديد مع بعض التعديلات الجمالية لمنتداك.
وفي درسنا اليوم سنتعرف على كيفية تنسيق عناوين أقسام المنتدى الداخلية و كذا وصفها ..
و هذا مثال حتى أقرب لكم الفكرة قبل تطبيقها
من أجل ذلك سيتم إضافة الكود إلى قالب
الكود الأول : في حالة أردت تنسيق جميع عناوين الأقسام و أوصافها الداخلية
الكود الثاني : في حالة أردت تنسيق قسم معين من أقسام المنتدى ، طبعا تكرر العملية لكل قسم
ها نحن نعود إليكم من جديد مع بعض التعديلات الجمالية لمنتداك.
وفي درسنا اليوم سنتعرف على كيفية تنسيق عناوين أقسام المنتدى الداخلية و كذا وصفها ..
و هذا مثال حتى أقرب لكم الفكرة قبل تطبيقها
من أجل ذلك سيتم إضافة الكود إلى قالب
extra.less الكود الأول : في حالة أردت تنسيق جميع عناوين الأقسام و أوصافها الداخلية
CSS:
/* تنسيق كافة الأقسام الداخلية و الوصف الخاص بها */
[data-container-key="forum_view"] {
.p-body-header {
background: #794044; /*لون الخلفية */
color: #f4e628; /*لون القسم الرئيسي */
padding: 10px;
border-radius: 4px;
border-left: 20px solid #ee9a49; /*لون الإطار في اليمين */
}
.p-title-value:before {
.m-faBase();
content: "\f085"; /*قبل عنوان القسم Font-awesome ايقونة */
padding-right: 5px;
}
.p-description {
color: #f8eef6; /* لون وصف القسم*/
}
.p-description a {
color: #f8eef6; /* لون الروابط إذا وجدت*/
}
}
/**********/الكود الثاني : في حالة أردت تنسيق قسم معين من أقسام المنتدى ، طبعا تكرر العملية لكل قسم
CSS:
/* تنسيق قسم من أقسام المنتدى الداخلي و الوصف الخاص به */
[data-container-key="node-37"] { /*قم بتغير فقط رقم القسم 37*/
.p-body-header {
background: #794044; /*لون الخلفية */
color: #f4e628; /*لون القسم الرئيسي */
padding: 10px;
border-radius: 4px;
border-left: 20px solid #ee9a49; /*لون الإطار في اليمين */
}
.p-title-value:before {
.m-faBase();
content: "\f085"; /*قبل عنوان القسم Font-awesome ايقونة */
padding-right: 5px;
}
.p-description {
color: #f8eef6; /* لون وصف القسم*/
}
.p-description a {
color: #f8eef6; /* لون الروابط إذا وجدت*/
}
}
/**********/أرجو أن يكون الشرح واضح
و أي إستفسار لا تترددو بطرحه
🙂ودمتم سالمين 🙂
و أي إستفسار لا تترددو بطرحه
🙂ودمتم سالمين 🙂
