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 Likes
This is so cool. Thank you!
2 Likes
JammyDodger
November 15, 2023, 1:50pm
3
3 posts were split to a new topic: Where’s the pumpkin?
Jagster
October 14, 2024, 9:23pm
4
Is this still desktop only?
1 Like
Lilly
October 14, 2024, 9:39pm
5
yes it is.
i’ll note it in OP. thanks.
2 Likes
Monikas
October 14, 2024, 10:44pm
6
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>
1 Like
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.
2 Likes
Lilly
October 23, 2024, 6:07am
8
Hi @famousamos.1
we also have
Adding a bit of festive flair to your forum – I present a Christmas decoration component! [Screenshot 2020-12-21 at 11.48.08 PM]
This component includes three flairs:
Christmas Lights
Christmas Hats
Christmas Decoration Image
Each flair can be individually enabled/disabled via theme settings. For Christmas Decoration Image there is also a setting to invert color for forum with Dark theme.
[Screenshot 2020-12-21 at 11.46.41 PM]
The Christmas lights were inspired from @Ca…
5 Likes
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
1 Like
Jagster
October 23, 2024, 2:43pm
10
Except if they are using mobiles… well, someone can be excited when they see few bats and nothing else.
This should be tagged desktop
2 Likes
This is true - my mobile members can’t see these things [yet]
2 Likes
This theme component only shows for desktop view.
welcome to Discourse Meta 