زينة هالوين 👻

:discourse2: Summary Halloween Decorations will add some spooky flair to your forum this festive season!
:eyeglasses: Preview Preview on Discourse Theme Creator
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-halloween-decorations
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Features

:information_source: This theme component only shows for desktop view. :desktop_computer:

This component has three flairs:

  • Bats animation
  • Spider web on both sides
  • Pumpkin loading animation

Happy Halloween! :ghost: :spider_web:

:discourse2: Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.

Last edited by @JammyDodger 2024-10-23T15:06:22Z

Last checked by @Lilly 2024-10-14T21:44:14Z

Check documentPerform check on document:
37 إعجابًا

هذا رائع جداً. شكراً لك!

إعجابَين (2)

تم تقسيم 3 مشاركات إلى موضوع جديد: أين القرع؟

هل هذا لا يزال مقتصراً على أجهزة الكمبيوتر المكتبية؟

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

نعم هو كذلك.
سأقوم بتدوين ذلك في المنشور الأصلي. شكرا لك.

إعجابَين (2)

أعتقد أنه من الممكن الحصول على رسوم متحركة للشاشة المفتوحة عند النقر على المنتدى والتي تخفي أيضًا المحتوى في المنعش

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    #custom-video-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #2cb9e4;
      z-index: 9999;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: visibility 0s 1s, opacity 1s linear; /* إضافة تأثير الانتقال */
      visibility: visible;
      opacity: 1;
    }

    #custom-video {
      width: auto; /* تعيين العرض إلى 100% */
      height: auto; /* ارتفاع يتكيف تلقائيًا */
    }
  </style>
</head>
<body>
  <div id="custom-video-container">
    <video id="custom-video" autoplay muted>
      <source src="https://www.justnainai.com/uploads/default/original/2X/e/e4faa6e98fd8890bbd33a24ef27f63cbb30a9d16.mp4" type="video/mp4">
    </video>
  </div>

  <script>
    document.addEventListener('DOMContentLoaded', () => {
      const videoContainer = document.getElementById('custom-video-container');
      const video = document.getElementById('custom-video');

      video.addEventListener('ended', () => {
        setTimeout(() => {
          videoContainer.style.visibility = 'hidden';
          videoContainer.style.opacity = '0';
        }, 10); // إخفاء بعد 3 ثوانٍ من انتهاء الفيديو
      });
    });
  </script>
</body>
</html>
إعجاب واحد (1)

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

3 إعجابات

أهلاً بك @famousamos.1 :wave: في Discourse Meta :slight_smile:
لدينا أيضاً

6 إعجابات

هووو! سيكون أعضائي متحمسين للغاية - كلكم تعلمون أنهم سيتوقعون بعض الزخارف الممتعة طوال الوقت، أليس كذلك؟ هههه

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

إلا إذا كانوا يستخدمون الهواتف المحمولة… حسنًا، قد يشعر شخص ما بالحماس عندما يرى بعض الخفافيش ولا شيء آخر.

يجب تصنيف هذا بـ desktop لأنه معطل على الهواتف المحمولة.

إعجابَين (2)

هذا صحيح - أعضاؤنا عبر الهاتف المحمول لا يمكنهم رؤية هذه الأشياء [بعد]

إعجابَين (2)

هل يمكن ضبطه ليتم تفعيله في فترة زمنية محددة؟ على سبيل المثال، هل يمكن تزيينه فقط في عيد الهالوين كل عام؟