شرح تلوين أقسام المنتدى

[أبو غَيْث]

أهلا و سهلا برواد معهد زين فورو العربية ،
درسنا اليوم مع شرح كيفية تغير ألوان خلفية الأقسام الرئيسية و كذا عناوينها

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

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

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

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

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

​

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

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



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

 

[MesterPerfect]

رائع جدا
جزاكم الله خيرا

 

[أبو غَيْث]

و أنت من أهل الجزاء أخي @MesterPerfect

 

[taboot]

شرح رائع يا أخي
شكراً لك ..
واذا أردنا تغيير خلفية الموقع كاملة ولجميع الصفحات .. من أين ؟
بمعنى .. اختيار صورة من الجهاز ورفعها ووضعها للموقع .

 

[أبو عبدالله]

ماشاء الله تبارك الله

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

شكرا لك

 

[أبو غَيْث]

شرح رائع يا أخي
شكراً لك ..
واذا أردنا تغيير خلفية الموقع كاملة ولجميع الصفحات .. من أين ؟
بمعنى .. اختيار صورة من الجهاز ورفعها ووضعها للموقع .

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

​

ماشاء الله تبارك الله

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

شكرا لك

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

 

[S.N.A.K.E]

عاشت الايادي عاشت الايادي شرح مميز وتم التطبيق
بس لو ردت الون المنتدى مو القسم شنو التعديل الي راح يصير بالكود المطروح ؟
وشكرا

 

[أبو غَيْث]

عاشت الايادي عاشت الايادي شرح مميز وتم التطبيق
بس لو ردت الون المنتدى مو القسم شنو التعديل الي راح يصير بالكود المطروح ؟
وشكرا

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

 

[S.N.A.K.E]

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

اخي قصدت لون القسم نفسه
كمثال الون لون هذا القسم بلون معين

• التعديلات الجمالية

 

[أبو غَيْث]

اخي قصدت لون القسم نفسه
كمثال الون لون هذا القسم بلون معين

• التعديلات الجمالية

تمام أخي فهمت قصدك ساجرب بعض الاكواد وارد عليك

 

[Wolf Knight]

سلمت يداك على هالتعديل المميز
لك كل الود ..

 

[S.N.A.K.E]

تمام أخي فهمت قصدك ساجرب بعض الاكواد وارد عليك

في الجيل الاول كان الكود كالتالي بس ع الجيل 2 ما عرفته

.nodeList .node_4 .nodeTitle a
{
color: red;
}

 

[ante]

احببت اضيف معلومة صغير ,
مو معقول طبعا لو حبيت تعمل كل الاقسام بالون الأزرق ضيف الكود بعدد الأقسام !

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

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

 

[أبو غَيْث]

شكرا اخي @ante على الاضافة

 

[Akream]

لم يتغير الدرس شيء !

 

[أبو غَيْث]

اخي @Akream يمكنك متابعة المشكلة بهذا الموضوع كونها متعلقة به

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

​

 

[Akream]

جارى القيام بتوضيحك ، فهمت يف يمكنني عملها ، شكرا لك ،، إنتظر ريثما أرى المعاينة

 

[Akream]

صدقت ، مذهل حقا ً ... محمد الف شكر لك