عنصر ثيمة الثلج في الشتاء ❄

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

:christmas_tree: تحذير: ستزيد الرسوم المتحركة من استخدام معالج وحدة المعالجة المركزية للمتصفح :santa:

:eye: عرض توضيحي

:link: المستودع

وضع جافا سكريبت (مُشارَك بواسطة @cjk77 هنا):

وضع CSS (مُعدّل من هنا)

37 إعجابًا

شكرًا - الآن مع الثلج :smiley:

التثبيت:

انتقل إلى: /admin/customize/themes
اختر المكونات - ثم أضف “تثبيت”.
الصق الرابط: https://github.com/davidtaylorhq/discourse-snow-theme.git
عد إلى admin/customize/themes وابحث عن نسختك من السمات.
انقر عليها ويمكنك تخصيص نسختك من السمة.
مرر للأسفل
أضف المكون الجديد إلى نسختك من السمة.

والآن أصبح لديك :snowflake:

10 إعجابات

لديّ مستخدمان يستخدمان Firefox و Opera حيث لا يعمل هذا (مُهيّأ مع js-mode)، لكن مثال CodePen للكود يعمل بالفعل. يعمل بشكل جيد في Chrome. هل لديك أي أفكار؟

ETA: أكد كلا المستخدمان أن وضع CSS يعمل بالنسبة لهما

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

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

3 إعجابات

تم التحديث الآن بحيث يعمل js-mode مع Firefox. لم أجرب Opera، لكنني أعتقد أن نفس الإصلاح قد يساعد هناك أيضًا.

14 إعجابًا

أؤكد أنه يعمل الآن لكل من مستخدمَي Firefox و Opera. شكرًا لك على الإصلاح.

5 إعجابات

أنا أستخدم أوبرا،

بدت رائعة، ولكن كما أشار ديفيد


فإن وحدة المعالجة المركزية تستهلك الكثير،

من 1% بدونها إلى 39% معها،

للأسف اضطررت إلى المغادرة :pensive:

6 إعجابات

هل توجد طريقة لجعل هذا يُطلق ألعاب نارية عشوائية بدلاً من الثلج؟

كما أن استخدام المعالج لم يزداد أبدًا مع الثلج؛ فقد جربته على أجهزة سطح المكتب والهواتف، وأحب المنتدى بأكمله هذه الميزة، ولم نتلق أي شكاوى بشأن استهلاك المعالج.

10 إعجابات

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

4 إعجابات

يبدو أنه يعمل بشكل جيد مع أحدث إصدار من ديسكورد…

إعجابَين (2)

أحببت مكون السمة هذا كثيرًا، ولكن هل هناك طريقة لتغيير “النقطة” (أو هل يجب أن أقول “النقطة”؟) إلى أيقونة ثلج حقيقية؟

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

هل هناك طريقة لإبطاء تساقط الثلوج بحيث لا يكون مشتتاً للغاية؟ نوع من الثلج الكسول؟ أو طريقة للمستخدمين لإيقاف الثلج بأنفسهم حتى يتمكن البعض من الاستمتاع به بينما يمكن للآخرين الذين يسبب لهم مشاكل إيقافه؟

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

هل تستخدم إصدار CSS أم إصدار JS؟

تم التبديل من JS إلى CSS! ولكن يمكننا تجربة أي منهما، أيهما أسهل. @famousamos.1 للعلم

3 إعجابات

@dennisjbr يتولى الأمر نيابة عني - كان ينبغي أن أسأله أولاً، لكن قائمة مهامي ضخمة. إنه يساعدنا في موقعنا.

3 إعجابات

إصدار CSS أسهل في التغيير، ولكن هذا ليس نفس التأثير. :thinking:

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

#snow {
    animation: snow 60s linear infinite;
}
6 إعجابات

شكرا جزيلا لك

3 إعجابات

عاد الثلج إلى موقعي :slight_smile:
إنه يعمل ولكني أحصل على هذا الخطأ

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

بالمناسبة، يجب أن يكون خطأ “من المتصل الآن” (whos-online) قد تم إصلاحه بالفعل. هل تستخدم أحدث إصدار من هذه الإضافة؟

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

أنا أحب هذا ولكن لدي مستخدمون يشتكون، سيكون رائعًا إذا كان لدى المستخدمين أنفسهم خيار لتعطيله