 |
摘要 | 万圣节装饰 将为您的论坛在这个节日季增添一些恐怖氛围！ |
 |
预览 | 在 Discourse 主题创建器中预览 |
 |
仓库链接 | https://github.com/discourse/discourse-halloween-decorations |
 |
Discourse 主题新手？ | Discourse 主题使用入门指南 |
安装此主题组件
此主题组件仅适用于桌面视图。
该组件包含三种特效：
万圣节快乐！
由我们托管？ 主题组件可在我们的标准版、商业版和企业版计划中使用。
太棒了。谢谢！
3 个帖子被拆分到一个新主题：南瓜在哪里？
这是否仍然仅限桌面版？
是的，就是这样。
我会在 OP 中记下。谢谢。
我认为在点击进入论坛时可以实现一个打开屏幕的动画，同时隐藏刷新器中的内容。
<!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>
我的会员们喜欢这个——做得太好了。不显眼，恰到好处。南瓜动画速度很快，你几乎会觉得眼花了——哈哈。我的手机用户非常失望——哈哈，他们也想要！我的猫找到了蝙蝠！我希望我们能期待所有节日的活动，你知道退伍军人节、感恩节、圣诞节、新年、情人节、圣帕特里克节、复活节、阵亡将士纪念日、7月4日、劳动节等等……以及节日之间的有趣活动——下雪、鲜花、海滩、秋叶等等。
您好 @famousamos.1 
欢迎来到 Discourse Meta 
我们还有
太棒了！我的会员们一定会很兴奋——你们都知道他们一直期待着有趣的装饰，对吧？？哈哈
除非他们使用的是手机……嗯，有人看到几只蝙蝠却什么都没有时可能会感到兴奋。
这应该标记为 desktop，因为在手机上它坏了。
这是真的——我的移动会员[还]看不到这些东西
能否设置特点时间段启用？比如在每年万圣节才会有这个装饰。
