شرح تغير الوان عناوين والوصف المنتدى من الداخل

  • بادئ الموضوع بادئ الموضوع codeNET
  • تاريخ البدء تاريخ البدء
من أجل ذلك سيتم إضافة الكود إلى قالبextra.less

الكود الأول : في حالة أردت تنسيق جميع عناوين الأقسام و أوصافها الداخلية
كود:
/* تنسيق كافة الأقسام الداخلية و الوصف الخاص بها  */
[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; /* لون الروابط إذا وجدت*/
    }
}
/**********/

الكود الثاني : في حالة أردت تنسيق قسم معين من أقسام المنتدى ، طبعا تكرر العملية لكل قسم

كود:
/* تنسيق قسم من أقسام المنتدى الداخلي و الوصف الخاص به  */
[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; /* لون الروابط إذا وجدت*/
    }
}

/**********/

النتيجة :
IMG_8713.png
 
تغير الوان ازرار المحرر شروحات - Explanations · codeNET ·
تغير تخطيط شبكة المنتديات شروحات - Explanations · codeNET ·
تغير لون عنوان المنتديات في الواجهة الرئيسية شروحات - Explanations · codeNET ·
عودة
أعلى أسفل