مكون زينة عيد الميلاد 🎄

[meghna (Meghna Jalan)]

إضافة لمسة احتفالية إلى منتداك — أقدم لك مكون زينة عيد الميلاد!

يتضمن هذا المكون ثلاثة أنواع من الزينة:

1. أضواء عيد الميلاد
2. قبعات عيد الميلاد
3. صورة زينة عيد الميلاد

يمكن تمكين أو تعطيل كل زينة بشكل فردي عبر إعدادات السمة. بالنسبة لـ صورة زينة عيد الميلاد، يوجد أيضًا إعداد لعكس الألوان للمنتديات ذات السمة الداكنة.

استُوحيت أضواء عيد الميلاد من أفكار @Canapin هنا.

عيد ميلاد سعيد!

	معاينة	معاينة على منشئ السمات
	مستودع GitHub	discourse-christmas-decorations
	دليل التثبيت	كيفية تثبيت سمة أو مكون سمة

[david (David Taylor)]

رائع جداً! هناك شيء صغير واحد - يبدو أن خيار ‘تمكين صورة الزخرفة’ لا يُحدث أي فرق. أعتقد أنه قد يحتاج إلى جملة شرطية if في SCSS؟

[meghna (Meghna Jalan)]

شكرًا لك على لفت انتباهي إلى هذا! لقد دفعت إصلاحًا الآن.

[Jonathan5]

هذا رائع، شكرًا لك. أسهل بكثير كمكون سمة مقارنة بالسمة نفسها.

عملت القبعات على الفور، لكنني احتجت إلى بعض التعديلات لجعل الأضواء تعمل — على سبيل المثال، قمت بتفعيل/تعطيل مربعات الاختيار (على الرغم من أنني لست متأكدًا من أن هذا ما جعلها تعمل)، وأعدت تشغيل تطبيق iOS Hub — لكنني أعتقد أن هذا واقعي بالنسبة للأضواء

[meghna (Meghna Jalan)]

@Jonathan5

هذا رائع، شكرًا لك. أسهل بكثير كعنصر سمة مقارنة بسمة كاملة.

يسعدنا أن أعجبك!

@Jonathan5، منشور:4، موضوع:173949

لكن اضطررت إلى التلاعب قليلاً لجعل الأضواء تعمل.

هذا غريب. لقد تحققت للتو من تثبيت العنصر (مرة أخرى) على منشئ السمة، وقد نجح من المحاولة الأولى. أخبرني إذا استمرت المشكلة.

[Jonathan5]

الآن يعمل كل شيء بشكل صحيح. ربما كان الأمر يتعلق بالذاكرة المؤقتة (Caching) - حيث تم تحديث الصور الرمزية قبل شريط القائمة. تُعد “الذاكرة المؤقتة” عذراً شاملاً جيداً، حيث أنني لا أفهمها.

[sunjam (james.network)]

هـل يمكن للمُعدّلات تمكين هذا المكوّن هنا على ميتا للتأكد من عمله؟

[tachibanalolo]

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

[Jonathan5]

إذا كان ذلك يساعد، فإن الزخرفة تظهر فقط على سطح المكتب، في أعلى اليسار وأعلى اليمين.

[tachibanalolo]

نعم أعرف ولكن لا يوجد شيء عندما أشاهد على سطح المكتب.

[meghna (Meghna Jalan)]

تظهر صورة الزخرفة عندما يكون الحد الأدنى لعرض الشاشة 1450 بكسل. هل تشاهد الموقع على شاشة صغيرة أم على كمبيوتر محمول؟

[tachibanalolo]

أوه. لقد جربت ذلك على شاشة العرض بدقة 2k الخاصة بي، لذا فقد نجح الأمر. الآن أستخدم جهاز Lenovo Yoga Duet الخاص بي (يشبه إلى حد كبير Microsoft Surface) لذا فقد اختفى. ومع ذلك، هل من الممكن عرضه على شاشة صغيرة أو جهاز كمبيوتر محمول؟

[tachibanalolo]

سيكون من المؤسف ألا يتمكن مستخدمو الكمبيوتر المحمول من رؤية الجرس… أنا أحب ذلك. هذا يرمز إلى عيد الميلاد.

[meghna (Meghna Jalan)]

يمكنك عمل “fork” للقالب وتعديل إعدادات عرض الشاشة.

[tachibanalolo]

رائع! سأجرب ذلك! شكراً لمساعدتك!

[iamntz (Ionuț Staicu)]

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

#main-container > * {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#main-container .lightrope {
  order: -1;
}

(قد يؤدي هذا إلى تعطيل عمليات تكامل أخرى، لذا اختبر جيدًا)

[danielabc (Daniela)]

هل يمكنني تغيير ألوان الأضواء؟

[kynic]

القبعة لا تظهر في المشاركات.

[Brandon007 (Brandon)]

@meghna هذا رائع!

“صورة زينة الكريسماس” لم تعمل معي.

هل هناك طريقة لتغيير ألوان الإضاءة؟ أنا ألعب بـ CSS، لكنني لا أحقق أي نجاح.

[th21]

يبدو أنه سيضيف قبعة ثانية على الرمز التعبيري (في قائمة المستخدم العلوية اليمنى) عندما يقوم المستخدم بتعيين حالة المستخدم