يضيف مكون هذا القالب بعض الثلج المتحرك إلى المنتدى الخاص بك.
تحذير: ستزيد الرسوم المتحركة من استخدام معالج وحدة المعالجة المركزية للمتصفح ![]()
وضع جافا سكريبت (مُشارَك بواسطة @cjk77 هنا):
وضع CSS (مُعدّل من هنا)
يضيف مكون هذا القالب بعض الثلج المتحرك إلى المنتدى الخاص بك.
تحذير: ستزيد الرسوم المتحركة من استخدام معالج وحدة المعالجة المركزية للمتصفح ![]()
وضع جافا سكريبت (مُشارَك بواسطة @cjk77 هنا):
وضع CSS (مُعدّل من هنا)
شكرًا - الآن مع الثلج ![]()
التثبيت:
انتقل إلى: /admin/customize/themes
اختر المكونات - ثم أضف “تثبيت”.
الصق الرابط: https://github.com/davidtaylorhq/discourse-snow-theme.git
عد إلى admin/customize/themes وابحث عن نسختك من السمات.
انقر عليها ويمكنك تخصيص نسختك من السمة.
مرر للأسفل
أضف المكون الجديد إلى نسختك من السمة.
والآن أصبح لديك ![]()
لديّ مستخدمان يستخدمان Firefox و Opera حيث لا يعمل هذا (مُهيّأ مع js-mode)، لكن مثال CodePen للكود يعمل بالفعل. يعمل بشكل جيد في Chrome. هل لديك أي أفكار؟
ETA: أكد كلا المستخدمان أن وضع CSS يعمل بالنسبة لهما
يبدو أن هذا المكون مخصص لمتصفح كروم فقط. في فايرفوكس، عند استخدام وضع JavaScript، لا يظهر شيء، بينما في وضع CSS تظهر شاشة مغطاة بثلوج متقطعة غير سلسة تجعله غير قابل للاستخدام فعليًا.
تم التحديث الآن بحيث يعمل js-mode مع Firefox. لم أجرب Opera، لكنني أعتقد أن نفس الإصلاح قد يساعد هناك أيضًا.
أؤكد أنه يعمل الآن لكل من مستخدمَي Firefox و Opera. شكرًا لك على الإصلاح.
أنا أستخدم أوبرا،
بدت رائعة، ولكن كما أشار ديفيد
من 1% بدونها إلى 39% معها،
للأسف اضطررت إلى المغادرة ![]()
هل توجد طريقة لجعل هذا يُطلق ألعاب نارية عشوائية بدلاً من الثلج؟
كما أن استخدام المعالج لم يزداد أبدًا مع الثلج؛ فقد جربته على أجهزة سطح المكتب والهواتف، وأحب المنتدى بأكمله هذه الميزة، ولم نتلق أي شكاوى بشأن استهلاك المعالج.
مرحباً! أنا معجب جداً بهذا، فهو لطيف جداً ويضفي حياة على الأشياء. ومع ذلك، أتساءل عما إذا كان من الممكن جعله يظهر فقط على اليمين واليسار/في المساحة غير المستخدمة بجانب اللوحة (أو أن يختفي خلفها)؟ بهذه الطريقة لن تتساقط الثلوج على النص كله وتجعل القراءة صعبة.
يبدو أنه يعمل بشكل جيد مع أحدث إصدار من ديسكورد…
أحببت مكون السمة هذا كثيرًا، ولكن هل هناك طريقة لتغيير “النقطة” (أو هل يجب أن أقول “النقطة”؟) إلى أيقونة ثلج حقيقية؟
هل هناك طريقة لإبطاء تساقط الثلوج بحيث لا يكون مشتتاً للغاية؟ نوع من الثلج الكسول؟ أو طريقة للمستخدمين لإيقاف الثلج بأنفسهم حتى يتمكن البعض من الاستمتاع به بينما يمكن للآخرين الذين يسبب لهم مشاكل إيقافه؟
هل تستخدم إصدار CSS أم إصدار JS؟
تم التبديل من JS إلى CSS! ولكن يمكننا تجربة أي منهما، أيهما أسهل. @famousamos.1 للعلم
@dennisjbr يتولى الأمر نيابة عني - كان ينبغي أن أسأله أولاً، لكن قائمة مهامي ضخمة. إنه يساعدنا في موقعنا.
إصدار CSS أسهل في التغيير، ولكن هذا ليس نفس التأثير. ![]()
إذا كنت موافقًا على إصدار CSS وترغب في إبطاء التساقط، أضف هذا CSS إلى السمة الخاصة بك أو إلى مكون سمة جديد واضبط القيمة حسب حاجتك. كلما زادت القيمة، كان أبطأ.
#snow {
animation: snow 60s linear infinite;
}
شكرا جزيلا لك
شكرًا على التقرير يا @frold. لقد دفعت للتو إصلاحًا، لذا يجب إصلاحه بعد تحديث مكون السمة.
بالمناسبة، يجب أن يكون خطأ “من المتصل الآن” (whos-online) قد تم إصلاحه بالفعل. هل تستخدم أحدث إصدار من هذه الإضافة؟
أنا أحب هذا ولكن لدي مستخدمون يشتكون، سيكون رائعًا إذا كان لدى المستخدمين أنفسهم خيار لتعطيله