Install this theme component
Features
This theme component only shows for desktop view. 
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.
37 个赞
Monikas
(JustMonika)
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 个赞
我的会员们喜欢这个——做得太好了。不显眼，恰到好处。南瓜动画速度很快，你几乎会觉得眼花了——哈哈。我的手机用户非常失望——哈哈，他们也想要！我的猫找到了蝙蝠！我希望我们能期待所有节日的活动，你知道退伍军人节、感恩节、圣诞节、新年、情人节、圣帕特里克节、复活节、阵亡将士纪念日、7月4日、劳动节等等……以及节日之间的有趣活动——下雪、鲜花、海滩、秋叶等等。
3 个赞
Lilly
(Lillian Louis)
8
6 个赞
太棒了！我的会员们一定会很兴奋——你们都知道他们一直期待着有趣的装饰，对吧？？哈哈
1 个赞
Jagster
(Jakke Lehtonen)
10
除非他们使用的是手机……嗯，有人看到几只蝙蝠却什么都没有时可能会感到兴奋。
这应该标记为 desktop，因为在手机上它坏了。
2 个赞
祁同伟
12
能否设置特点时间段启用？比如在每年万圣节才会有这个装饰。
欢迎来到 Discourse Meta 