تغيير CSS لم يعد يعمل (توهج حول الصورة الرمزية)

لقد تمت إضافة هذا إلى السمات الخاصة بي لمدة 6 أشهر تقريبًا وقد عمل بشكل جيد، فقد أضاف توهجًا ذهبيًا جريئًا حول مجموعات مستخدمين محددة

.group-Owner>article>.row>.topic-avatar>a>img {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 1.5px #F99A07, 0 0 10px 4px rgba(244,148,14,0.75);
}
.group-Admin>article>.row>.topic-avatar>a>img {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 1.5px #F99A07, 0 0 10px 4px rgba(244,148,14,0.75);
}
.group-Lead>article>.row>.topic-avatar>a>img {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 1.5px #F99A07, 0 0 10px 4px rgba(244,148,14,0.75);
}

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

إعجابَين (2)

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

.topic-owner > article > .row > .topic-avatar > .post-avatar > a > img {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 1.5px #F99A07, 0 0 10px 4px rgba(244,148,14,0.75);
}

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

– تعديل –

ما هو القالب الذي كنت تستخدم هذه الشيفرة عليه؟

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

مجرد تخمين، ولكن هل حاولت استخدام .post-avatar بدلاً من .topic-avatar؟ قد يكون هذا جزءًا على الأقل من المشكلة (إن لم يكن كلها).

على سطح المكتب، أصبح هذا الفصل السابق مدمجًا في الأخير خلال هذا العام وتوقف أيضًا عن عمل CSS الخاص بقبعات عيد الميلاد (انظر الحل ذي الصلة هنا: Christmas hats! - #19 by merefield)

استخدم دائمًا أداة فحص المتصفح لديك للنظر إلى HTML (انقر بزر الماوس الأيمن → فحص). يمكن أن يمنحك هذا تلميحات كبيرة حول ما يحدث!

4 إعجابات

واو، لقد نسيت تمامًا أنني سألت هذا عندما انتقلت إلى أشياء أخرى وما زلت لم أعد إضافته. آسف لذلك.

لم يكن يضيءني أنا كمستخدم بشكل خاص، بل كان يضيء مجموعتي المستخدمين وهي “Owner” (مالك)، وكذلك “admin” (مسؤول) و “Lead” (قائد). لم أتوصل إليه، بل نشره شخص ما في موضوع هنا في وقت ما وقمت بنسخه ولصقه وعمل كما وصفته، وهذا هو السبب في أنني لا أعرف ما (أو لماذا). الكود الذي نشرته يعمل بشكل مثالي (لقد جربته للتو) ويفعل ما قلته إنه يفعله، لكنني كنت أحاول جعل مجموعات المستخدمين المحددة هذه تتوهج (في الموضوع ومن لوحة القيادة الرئيسية، وهو ما كان يفعله الكود الذي نشرته في الأصل). حاولت تعديل الكود الخاص بك مع group-owner/admin بدلاً من ذلك، مما أدى ببساطة إلى تعطيله بدلاً من فعل ما كنت أحاول القيام به.

على الرغم من أن الكود الخاص بك يخدم غرضًا أكثر من مجرد المظهر الجذاب، سأستخدمه في الوقت الحالي، لكنني ما زلت مهتمًا.

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

لا يزال ملف CSS الخاص بي أساسيًا جدًا، لكن أعتقد أن هذا يجب أن يعمل:

.group-Owner img.avatar {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 1.5px #F99A07, 0 0 10px 4px rgba(244,148,14,0.75);
}

على الرغم من أن مجموعة ‘Owner’ يجب أن تُعيّن لتكون المجموعة الأساسية للمستخدم.

(تعديل بسيط لتعديله لكل من المواضيع وقوائم المواضيع :slight_smile:)