[ XF 2.1 ] - التنسيق الداخلي لأقسام المنتدى و الوصف الخاص بها - معهد زين العربية
  • كل عام وانت بخير زائر ... رمضان مبارك على جميع اعضائنا وزوارنا
تجارتنا منصة تجارية تساهم في تطور التجارة العالمية والاقتصاد
موقع حلبية الموقع الاول في العالم العربي لللمعلومات الصحيحة
موقع كيف افضل موقع للرد على جميع اسئلتك موقع كيف بوابتك للمستقبل

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

أبو غَيْث

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

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

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

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

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

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

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

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

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

المواضيع
1,619
المشاركات
17,581
الأعضاء
602
آخر عضو مسجل
محمود ارباي
أعلى