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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
807
مستوى التفاعل
813
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
أهلا و سهلا برواد معهد زين فورو العربية ،
درسنا اليوم مع شرح كيفية تغير ألوان خلفية الأقسام الرئيسية و كذا عناوينها

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

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

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

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

429

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

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

430

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
807
مستوى التفاعل
813
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني

taboot

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

XenArabia

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

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

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

S.N.A.K.E

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
807
مستوى التفاعل
813
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
عاشت الايادي عاشت الايادي شرح مميز وتم التطبيق
بس لو ردت الون المنتدى مو القسم شنو التعديل الي راح يصير بالكود المطروح ؟
وشكرا
يمكنك تغير خلفية المنتدى من خلال نفس الصفحة التي تم ذكرها في ردي في الأعلى
ستنزل للاسفل ستجد خلفية الصفحة و من خلالها يمكنك تغير لون الخلفية او اضافة صورة لها
 

S.N.A.K.E

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
807
مستوى التفاعل
813
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
التعديل الأخير:

SAEED M SALLAM

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
112
مستوى التفاعل
88
النقاط
28
سلمت يداك على هالتعديل المميز
لك كل الود ..
 

S.N.A.K.E

:: الأعضاء ::
إنضم
23 فبراير 2019
المشاركات
43
مستوى التفاعل
26
النقاط
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
المشاركات
807
مستوى التفاعل
813
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
شكرا اخي @ante على الاضافة
 

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

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

المواضيع
360
المشاركات
2,316
الأعضاء
118
آخر عضو مسجل
sameh
أعلى