[ XF 2.1 ] التنسيق الداخلي لأقسام المنتدى و الوصف الخاص بها

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,743
مستوى التفاعل
3,916
النقاط
113
العمر
41
الإقامة
المغرب
الموقع الالكتروني
أهلا وسهلا برواد و أعضاء زين العربية الكرام ،
ها نحن نعود إليكم من جديد مع بعض التعديلات الجمالية لمنتداك.

وفي درسنا اليوم سنتعرف على كيفية تنسيق عناوين أقسام المنتدى الداخلية و كذا وصفها ..

و هذا مثال حتى أقرب لكم الفكرة قبل تطبيقها

full


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

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

أرجو أن يكون الشرح واضح
و أي إستفسار لا تترددو بطرحه ;)

🙂ودمتم سالمين 🙂
 

MesterPerfect

:: مراقب زين العربية ::
طاقم الإدارة
إنضم
28 يناير 2019
المشاركات
2,716
مستوى التفاعل
2,177
النقاط
113
العمر
24
الإقامة
sohag, Egypt
الموقع الالكتروني
رائع جدا ومميز للغاية
بارك الله فيك أخي محمد
 

جميع المواضيع والمشاركات والتعليقات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة زين العربية .ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

الأعضاء المتصلون

لا يوجد أعضاء متصلون الآن.

إحصائيات المنتدى

المواضيع
2,082
المشاركات
21,949
الأعضاء
977
آخر عضو مسجل
rfab
أعلى