XF 2.0 و XF 2.1 - شرح تلوين أقسام المنتدى | زين العربية | XenArabia

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,642
مستوى التفاعل
1,262
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
أهلا و سهلا برواد معهد زين فورو العربية ،
درسنا اليوم مع شرح كيفية تغير ألوان خلفية الأقسام الرئيسية و كذا عناوينها

الكود الذي سيتم استخدامه هو :

CSS:
/* تلوين خلفية أقسام المنتدى و عناوينها */
.block.block--category.block--categoryX .block-header {
    background: #009ACF;
    color: #ffffff;
}
/**********/
يمثل الحرف X رقم القسم
تمثل
Background : لون خلفية القسم
يمثل
Color : لون عنوان القسم

يتم نسخ الكود و وضعه في قالب Extra.less

لمعرفة رقم القسم فقط اضغط على القسم وسيظهر لك في شريط التصفح على سبيل المثال كما موضح بالصورة أسفل فالرقم 1 يمثل رقم القسم

429

ملاحظة : الكود يتكرر في كل مرة أردت تغير لون قسم معين

و هذه نتيجة الأكواد

430

أرجو أن يكون الدرس مفهوم للجميع
أي إستفسار لا تترددو بطرحه
مع خالص التحية و التقدير
أخوكم محمد
 

XenArabia

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

taboot

:: الأعضاء ::
إنضم
1 فبراير 2019
المشاركات
40
مستوى التفاعل
16
النقاط
8
شرح رائع يا أخي
شكراً لك ..
واذا أردنا تغيير خلفية الموقع كاملة ولجميع الصفحات .. من أين ؟
بمعنى .. اختيار صورة من الجهاز ورفعها ووضعها للموقع .
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,642
مستوى التفاعل
1,262
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
شرح رائع يا أخي
شكراً لك ..
واذا أردنا تغيير خلفية الموقع كاملة ولجميع الصفحات .. من أين ؟
بمعنى .. اختيار صورة من الجهاز ورفعها ووضعها للموقع .
يمكنك ذلك من خلال
المظهر -- خصائص -- الستايل -- الألوان الأساسية - Basic colors
ثم غير بما تراه مناسب
436
ماشاء الله تبارك الله

حركة جمالية وتطوير رائع

شكرا لك
على الرحب و السعة أخي أبو عبد الله
 

S.N.A.K.E

:: الأعضاء ::
إنضم
23 فبراير 2019
المشاركات
53
مستوى التفاعل
29
النقاط
18
عاشت الايادي عاشت الايادي شرح مميز وتم التطبيق
بس لو ردت الون المنتدى مو القسم شنو التعديل الي راح يصير بالكود المطروح ؟
وشكرا
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,642
مستوى التفاعل
1,262
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
عاشت الايادي عاشت الايادي شرح مميز وتم التطبيق
بس لو ردت الون المنتدى مو القسم شنو التعديل الي راح يصير بالكود المطروح ؟
وشكرا
يمكنك تغير خلفية المنتدى من خلال نفس الصفحة التي تم ذكرها في ردي في الأعلى
ستنزل للاسفل ستجد خلفية الصفحة و من خلالها يمكنك تغير لون الخلفية او اضافة صورة لها
 

S.N.A.K.E

:: الأعضاء ::
إنضم
23 فبراير 2019
المشاركات
53
مستوى التفاعل
29
النقاط
18
يمكنك تغير خلفية المنتدى من خلال نفس الصفحة التي تم ذكرها في ردي في الأعلى
ستنزل للاسفل ستجد خلفية الصفحة و من خلالها يمكنك تغير لون الخلفية او اضافة صورة لها
اخي قصدت لون القسم نفسه
كمثال الون لون هذا القسم بلون معين
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,642
مستوى التفاعل
1,262
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
التعديل الأخير:

SAEED M SALLAM

عضو فعال
[ عملاء XenArabia ]
إنضم
28 يناير 2019
المشاركات
243
مستوى التفاعل
169
النقاط
43
سلمت يداك على هالتعديل المميز
لك كل الود ..
 

S.N.A.K.E

:: الأعضاء ::
إنضم
23 فبراير 2019
المشاركات
53
مستوى التفاعل
29
النقاط
18
تمام أخي فهمت قصدك ساجرب بعض الاكواد وارد عليك
في الجيل الاول كان الكود كالتالي بس ع الجيل 2 ما عرفته
كود:
.nodeList .node_4 .nodeTitle a
{
color: red;
}
 

ante

:: الأعضاء ::
إنضم
11 يونيو 2019
المشاركات
11
مستوى التفاعل
3
النقاط
3
احببت اضيف معلومة صغير ,
مو معقول طبعا لو حبيت تعمل كل الاقسام بالون الأزرق ضيف الكود بعدد الأقسام !

يكفي تضع الكود التالي:

/* تلوين خلفية أقسام المنتدى و عناوينها */
.block.block--category.block--category .block-header {
background: #009ACF;
color: #ffffff;
}
/**/
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,642
مستوى التفاعل
1,262
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
شكرا اخي @ante على الاضافة
 

Akream

:: الأعضاء ::
إنضم
27 سبتمبر 2019
المشاركات
4
مستوى التفاعل
2
النقاط
3
لم يتغير الدرس شيء !
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,642
مستوى التفاعل
1,262
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
اخي @Akream يمكنك متابعة المشكلة بهذا الموضوع كونها متعلقة به

تاكدت من وضعك لرقم القسم كما تم التوضيح في الشرح

2019-02-21_20-53-52.png
 

Akream

:: الأعضاء ::
إنضم
27 سبتمبر 2019
المشاركات
4
مستوى التفاعل
2
النقاط
3
جارى القيام بتوضيحك ، فهمت يف يمكنني عملها ، شكرا لك ،، إنتظر ريثما أرى المعاينة
 

Akream

:: الأعضاء ::
إنضم
27 سبتمبر 2019
المشاركات
4
مستوى التفاعل
2
النقاط
3
صدقت ، مذهل حقا ً ... محمد الف شكر لك :eek::coffee:🥴
 

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

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

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

المواضيع
663
المشاركات
5,122
الأعضاء
241
آخر عضو مسجل
Allawi
أعلى