We are currently “decorating” our Discourse for the holidays. Would it be possible to add a snowing effect to the forum? Similar to what WordPress blogs had back in the day. ![]()
AI-generated summary
A discussion on creating a snowing effect for the holiday season on Discourse. calebs inquires about the possibility of adding a snowing effect, similar to those found on old WordPress blogs. pfaffman responds that it’s possible, but not aware of any existing theme that does it. calebs mentions they already use the hats component, but are looking for something specific.
david shares a winter snow theme component he created, which calebs finds exactly what they were looking for. cjk77 shares their experience with creating seasonal theme components and provides a link to their forum, which features a snowing effect created using JavaScript.
calebs thanks cjk77 for sharing and mentions they’ve modified david’s theme to reduce CPU usage. david updates his component to include the JavaScript-based snowing effect shared by cjk77.
Yes, such a thing is possible, but I’m not aware of a theme that does it. Here’s Christmas hats component, though.
We’ve been using the hats component for a while now, not only on Christmas.
Thanks anyway.
Here’s one I experimented with - I’ve now put it on GitHub:
Exactly what we were looking for! Looks fantastic, thank you!
I’ve created some seasonal theme components for both Halloween and Christmas for my forum. I used CSS last year, but it used quite a lot of CPU, as David points out. This year, I used JavaScript with better (and more attractive) results – you can see them at the link below:
The CodePen from which I got the script is here
I just put the script in the </head> section of a new theme component, and voila! Snow!
Thanks for sharing, Chris.
Also for David’s theme, to reduse CPU usage, we have removed two of the .png snow files.
In Edit CSS:
background-image: url($s3);
We also reduced the speed, as well as the opacity, so its more calm. Once again, thank you guys!
I love it @cjk77. I updated my component so it now has two options - the default is now the javascript-based one you shared ![]()
This topic was automatically closed after 27 hours. New replies are no longer allowed.