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

أبو غَيْث

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

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

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

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,580
مستوى التفاعل
1,986
النقاط
113
العمر
23
الإقامة
sohag, Egypt
الموقع الالكتروني
رائع جدا ومميز للغاية
بارك الله فيك أخي محمد
 

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

التعليقات المنشورة لا تعبر عن رأي معهد زين العربية ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

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

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

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

المواضيع
1,854
المشاركات
20,223
الأعضاء
820
آخر عضو مسجل
Rosum
أعلى