زينة هالوين 👻

:discourse2: ملخص ستضيف ديكورات هالوين لمسة مرعبة رائعة إلى منتداك في هذا الموسم الاحتفالي!
:eyeglasses: معاينة معاينة على منشئ ثيمات Discourse
:hammer_and_wrench: رابط المستودع https://github.com/discourse/discourse-halloween-decorations
:open_book: جديد على ثيمات Discourse؟ دليل المبتدئين لاستخدام ثيمات Discourse

تثبيت مكون هذا الثيم

الميزات

:information_source: يظهر مكون هذا الثيم فقط في عرض سطح المكتب. :desktop_computer:

يحتوي هذا المكون على ثلاث لمسات:

  • تحليق الخفافيش
  • شبكة عنكبوت على الجانبين
  • تحريك تحميل القرع

هالوين سعيد! :ghost: :spider_web:

:discourse2: مُستضاف لدينا؟ تتوفر مكونات الثيمات للاستخدام في خططنا القياسية، والتجارية، والمؤسسية.

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)

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