 |
요약 | Halloween Decorations 테마는 이번 축제 시즌에 포럼에 으스스한 분위기를 더해줄 것입니다! |
 |
미리보기 | Discourse Theme Creator에서 미리보기 |
 |
저장소 링크 | https://github.com/discourse/discourse-halloween-decorations |
 |
Discourse 테마가 처음이신가요? | Discourse 테마 사용 입문 가이드 |
이 테마 컴포넌트 설치
이 테마 컴포넌트는 데스크톱 뷰에서만 표시됩니다.
이 컴포넌트에는 세 가지 효과가 있습니다:
해피 할로윈! 
This is so cool. Thank you!
3 posts were split to a new topic: Where’s the pumpkin?
Is this still desktop only?
yes it is.
i’ll note it in OP. thanks.
I think it’s possible to get an open screen animation when clicking into the forum that also hides the content in the refresher
<!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>
My Members love this - so well done. Not obtrusive, just the perfect amount. The pumpkin animation is so fast you almost think you are seeing things - lol. My mobile users are so disappointed - lol, they want it too! And my cat found the bats! I hope we can look forward to something for all the holidays, you know Veterans Day, Thanksgiving, Christmas, New Year, Valentines, St. Patricks, Easter, Memorial Day, July 4th, Labor Day, etc.. and fun stuff for the times between - snow falling, flowers, the beach, fall leaves, etc.
Hi @famousamos.1 
welcome to Discourse Meta 
we also have
Woo Hoo! My Members will be so excited - you all know they are going to be expecting some fun decorations all the time, right?? lol
Except if they are using mobiles… well, someone can be excited when they see few bats and nothing else.
This should be tagged desktop because on mobiles it is broken.
This is true - my mobile members can’t see these things [yet]
Is it possible to set a specific time period for activation? For example, this decoration would only appear during Halloween each year.
