أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,743
مستوى التفاعل
3,916
النقاط
113
العمر
41
الإقامة
المغرب
الموقع الالكتروني
أهلا و سهلا برواد معهد زين فورو العربية ،
درسنا اليوم مع شرح كيفية تغير ألوان خلفية الأقسام الرئيسية و كذا عناوينها

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

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

يمثل الحرف X رقم القسم
تمثل
Background : لون خلفية القسم
يمثل
Color : لون عنوان القسم

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

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

429

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

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

430

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

taboot

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

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,743
مستوى التفاعل
3,916
النقاط
113
العمر
41
الإقامة
المغرب
الموقع الالكتروني
شرح رائع يا أخي
شكراً لك ..
واذا أردنا تغيير خلفية الموقع كاملة ولجميع الصفحات .. من أين ؟
بمعنى .. اختيار صورة من الجهاز ورفعها ووضعها للموقع .

يمكنك ذلك من خلال
المظهر -- خصائص -- الستايل -- الألوان الأساسية - Basic colors
ثم غير بما تراه مناسب
436
ماشاء الله تبارك الله

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

شكرا لك

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

S.N.A.K.E

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

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,743
مستوى التفاعل
3,916
النقاط
113
العمر
41
الإقامة
المغرب
الموقع الالكتروني
عاشت الايادي عاشت الايادي شرح مميز وتم التطبيق
بس لو ردت الون المنتدى مو القسم شنو التعديل الي راح يصير بالكود المطروح ؟
وشكرا

يمكنك تغير خلفية المنتدى من خلال نفس الصفحة التي تم ذكرها في ردي في الأعلى
ستنزل للاسفل ستجد خلفية الصفحة و من خلالها يمكنك تغير لون الخلفية او اضافة صورة لها
 

S.N.A.K.E

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

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,743
مستوى التفاعل
3,916
النقاط
113
العمر
41
الإقامة
المغرب
الموقع الالكتروني
التعديل الأخير:

Wolf Knight

عضو معروف
[ عُملاء زين العَربية ]
إنضم
28 يناير 2019
المشاركات
505
مستوى التفاعل
312
النقاط
63
سلمت يداك على هالتعديل المميز
لك كل الود ..
 

S.N.A.K.E

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

ante

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

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

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

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,743
مستوى التفاعل
3,916
النقاط
113
العمر
41
الإقامة
المغرب
الموقع الالكتروني
شكرا اخي @ante على الاضافة
 

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
5,743
مستوى التفاعل
3,916
النقاط
113
العمر
41
الإقامة
المغرب
الموقع الالكتروني
اخي @Akream يمكنك متابعة المشكلة بهذا الموضوع كونها متعلقة به

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

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

Akream

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

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

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

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

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

المواضيع
2,082
المشاركات
21,949
الأعضاء
977
آخر عضو مسجل
rfab
أعلى