[ XF 2.1 ] - التنسيق الداخلي لأقسام المنتدى و الوصف الخاص بها | زين العربية

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
3,378
مستوى التفاعل
2,017
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
أهلا وسهلا برواد و أعضاء زين العربية الكرام ،
ها نحن نعود إليكم من جديد مع بعض التعديلات الجمالية لمنتداك.

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

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



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

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

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

Alrajabane

【★★★★】
طاقم الإدارة
إنضم
27 يناير 2019
المشاركات
590
مستوى التفاعل
445
النقاط
63
الإقامة
السعودية
الموقع الالكتروني
بارك الله فيك اخي محمد ونفع بك .. (y)
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
3,378
مستوى التفاعل
2,017
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
980
مستوى التفاعل
761
النقاط
93
العمر
20
الإقامة
sohag, Egypt
الموقع الالكتروني
رائع جدا ومميز للغاية
بارك الله فيك أخي محمد
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
3,378
مستوى التفاعل
2,017
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني

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

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

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

المواضيع
1,155
المشاركات
10,606
الأعضاء
433
آخر عضو مسجل
mutaz
أعلى