Install this theme component
This component has three flairs:
Bats animation
Spider web on both sides
Pumpkin loading animation
Happy Halloween!
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 document Perform check on document:
37 إعجابًا
JammyDodger
15 نوفمبر 2023، 1:50م
3
تم تقسيم 3 مشاركات إلى موضوع جديد: أين القرع؟
Jagster
14 أكتوبر 2024، 9:23م
4
هل هذا لا يزال مقتصراً على أجهزة الكمبيوتر المكتبية؟
إعجاب واحد (1)
Lilly
14 أكتوبر 2024، 9:39م
5
نعم هو كذلك.
إعجابَين (2)
Monikas
14 أكتوبر 2024، 10:44م
6
أعتقد أنه من الممكن الحصول على رسوم متحركة للشاشة المفتوحة عند النقر على المنتدى والتي تخفي أيضًا المحتوى في المنعش
<!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 إعجابات
Lilly
23 أكتوبر 2024، 6:07ص
8
6 إعجابات
هووو! سيكون أعضائي متحمسين للغاية - كلكم تعلمون أنهم سيتوقعون بعض الزخارف الممتعة طوال الوقت، أليس كذلك؟ هههه
إعجاب واحد (1)
Jagster
23 أكتوبر 2024، 2:43م
10
إلا إذا كانوا يستخدمون الهواتف المحمولة… حسنًا، قد يشعر شخص ما بالحماس عندما يرى بعض الخفافيش ولا شيء آخر.
يجب تصنيف هذا بـ desktop
إعجابَين (2)
هذا صحيح - أعضاؤنا عبر الهاتف المحمول لا يمكنهم رؤية هذه الأشياء [بعد]
إعجابَين (2)
祁同伟
6 مايو 2025، 11:22ص
12
هل يمكن ضبطه ليتم تفعيله في فترة زمنية محددة؟ على سبيل المثال، هل يمكن تزيينه فقط في عيد الهالوين كل عام؟
This theme component only shows for desktop view.
في Discourse Meta 