كيف يمكنني تغيير خلفية موضوع معين؟

متابعةً للنقاش من موضوع تغيير لون خلفية الموضوع:

مرحباً، كيف يمكنني تغيير خلفية موضوع معين؟

إعجاب واحد (1)

أو. لا أستطيع البرمجة. ما هو كود CSS لتخصيص خلفية المواضيع لفئة فرعية معينة؟

شكرا لردك!

إعجاب واحد (1)
.category-support .topic-post {
    background: red;
}

يفعل:

فئة الفئة المحددة موجودة في وسم <body>.


إذا كنت تريد تمييز المنشور الأول فقط:

.category-support .topic-post:first-child {
    background: red;
}

إذا كنت تريد تغيير خلفية المواضيع الخاصة بفئة معينة في قائمة المواضيع، فإن الموضوع الذي ربطته هو الطريقة للقيام بذلك.

.category-support.topic-list-item {
    background: red;
}

يفعل:

4 إعجابات

شكراً جزيلاً لك :+1:
سأجرب بالتأكيد!

هل يمكنني إضافة صورة بدلاً من لون؟

سؤال آخر: ما هو الرمز المخصص لتخصيص خلفية فئة فرعية معينة؟
شكرا لك

مرحباً،

يمكنك أيضاً استخدام إعدادات الفئة لإعداد صورة خلفية للفئة.

إعجاب واحد (1)

نعم، لقد نجحت :+1:. ولكن عندما أجعل الصفحة عامة، تظل الخلفية بيضاء :point_down:

وظيفة الصفحة العامة محدودة للغاية.
على سبيل المثال، لا يتم عرض معاينة فيديو YouTube (يتم عرض لافتة الفيديو فقط). لا يمكنك إنشاء معرض صور (يتم وضع جميع الصور واحدة تلو الأخرى أسفل الصفحة).
من هنا، لدي الأسئلة التالية: هل من الممكن تحسين وظيفة الصفحة العامة بنفسي، أم أن هناك بالفعل أكواد جاهزة لتحسين الصفحة العامة؟
ربما يجب أن أنشئ منشورًا منفصلاً حول هذه المشكلة :thinking:

ستحتاج إلى تنسيق الصفحة المنشورة بشكل منفصل عن الموضوع نفسه، ولكن كل صفحة منشورة لها معرف خاص بها، لذا من الممكن تعديلها ببعض CSS. على سبيل المثال:

.published-page {
  &.testing-published-page.topic-276.foo {  /*هذا هو معرف صفحتي المكون من عنوان الموضوع+معرف الموضوع+اسم الفئة*/
    background-color: #c4ddc4;

    .published-page-header {
      background-color: #facccc;
    }

    blockquote {
      background-color: #facccc;
      border: 5px solid #fb7878;
    }
  }
إعجاب واحد (1)

شكراً، أقدر إجابتك حقاً.
هل من الممكن جعل الكود بحيث ترث الصفحة المنشورة تلقائياً تصميم المنشور الأصلي؟

شكرا لردك!
لقد تذكرت هذه الميزة. تقوم هذه الوظيفة بتعيين الخلفية لجميع المواضيع في فئة معينة. هل يمكنني ترميز الخلفية في محرر النشر، لمنشور معين فقط. دون تخصيص خلفية القسم بأكمله

هل يمكنك أن تظهر لي نصًا تقريبيًا وأكثر تحديدًا، كيف تمت كتابته، وإلا فلن أتمكن من ذلك؟

عنوان الموضوع = kody-css-dlya-nastrojki-oformleniya-temy
مسار الفئة = staff
معرف الموضوع = image

هذه هي صفحتي المنشورة :point_down:

هل نظرت إلى التفاصيل الخاصة بالصفحة في مفتش المتصفح الخاص بك؟

لا، لأنني لا أفهمه.
هل تقصد شيئًا كهذا :point_down:؟

أخذت المعرف من المتصفح :point_up_2:
صورة

أخشى أن مهاراتي في CSS لا تزال تقتصر على مقتطفات وتعديلات بسيطة، لذا لست الشخص الأفضل لتعليم حتى الأساسيات. :slightly_smiling_face:

لدينا بعض الأدلة التي قد تكون مفيدة؟

إعجاب واحد (1)

هل يمكنني طرح سؤال آخر، أخشى ألا يجيبني أحد غيرك. كيف يمكنني عمل وميض (توهج) مشابه للزر؟
Button-whatsapp gif

هذا هو رمز الزر الخاص بي

[data-theme-button2] {
    display: flex;
    justify-content: end;
    a {
        padding: 10px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 1px solid #004E7D;
        color: #004E7D;
        font-weight: 600;
    }
}

يمكنك الحصول على مساعدة خاصة بـ Discourse هنا، ولكن ستحتاج إلى الذهاب إلى مكان آخر للحصول على حيل CSS. أنا فقط أستخدم جوجل و https://css-tricks.com/

4 إعجابات

مرحباً. شكراً على المعلومات :raised_hands:
أعتقد أنه من الأفضل لي توظيف متخصص بدلاً من فهم البرمجة. لقد احتجت إلى حل مشكلة رمز الزر. في هذا الوقت، كنت بحاجة إلى حل مشكلة رمز الزر.

إعجابَين (2)

إذا كنت بحاجة إلى توظيف شخص ما بخصوص تعديلات CSS أو أكثر قليلاً، يمكنك النشر في Marketplace و/أو إرسال رسالة شخصية لي.

إعجابَين (2)