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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
469
مستوى التفاعل
555
النقاط
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
المشاركات
469
مستوى التفاعل
555
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني

taboot

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

XenArabia

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

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

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

S.N.A.K.E

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

XenArabia

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

S.N.A.K.E

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

XenArabia

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

SAEED M SALLAM

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

S.N.A.K.E

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

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

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

المواضيع
232
المشاركات
1,296
الأعضاء
83
آخر عضو مسجل
fr3on
أعلى