xf-guides The snowfall code in the forum is new with on/off options Snowfall

[XFrip]

Open the PAGE_CONTAINER template and search for the following code </body>

To see this hidden content, you must reply or react with one of the following reactions : Love

Open the extra.less template and copy the following code inside

.p-navgroup-link--snow {
    position: relative;
 
    &:before {
        .m-faContent(@fa-var-snowflake);
        font-size: 18px;
        line-height: 1;
        display: inline-block;
        vertical-align: middle;
        opacity: .6;
        transition: opacity .15s ease, transform .15s ease;
    }
 
    &:hover:before {
        opacity: 1;
    }
}

body[data-snow="on"] .p-navgroup-link--snow:before {
    opacity: 1;
    transform: rotate(-15deg);
}

In the attachments, there is a snow file, you can upload the file to your site and replace the link with the code with a link to your

forum - replace the following link.
View attachment 17

 

[XFrip]

other code:

To see this hidden content, you must like this content.

 

[XFrip]

code file snow.js

// widget by Embed.im (Licenses & Credits: https://app.embed.im/licenses.txt)
var embedimSnow=document.getElementById("embedim--snow");if(!embedimSnow){let embRand2=function(min,max){return Math.floor(Math.random()*(max-min+1))+min},embRandColor2=function(){var items=["radial-gradient(circle at top left,#dcf2fd,#60b4f2)","#dbf2fd","#d8f8ff","#b8ddfa"];var item=items[Math.floor(Math.random()*items.length)];return item};var embRand=embRand2,embRandColor=embRandColor2;var embCSS=".embedim-snow{position: absolute;width: 10px;height: 10px;background: white;border-radius: 50%;margin-top:-10px}";var embHTML="";for(i=1;i<200;i++){embHTML+='<i class="embedim-snow"></i>';var rndX=embRand2(0,1e6)*1e-4,rndO=embRand2(-1e5,1e5)*1e-4,rndT=(embRand2(3,8)*10).toFixed(2),rndS=(embRand2(0,1e4)*1e-4).toFixed(2);embCSS+=".embedim-snow:nth-child("+i+"){background:"+embRandColor2()+";opacity:"+(embRand2(1,1e4)*1e-4).toFixed(2)+";transform:translate("+rndX.toFixed(2)+"vw,-10px) scale("+rndS+");animation:fall-"+i+" "+embRand2(10,30)+"s -"+embRand2(0,30)+"s linear infinite}@keyframes fall-"+i+"{"+rndT+"%{transform:translate("+(rndX+rndO).toFixed(2)+"vw,"+rndT+"vh) scale("+rndS+")}to{transform:translate("+(rndX+rndO/2).toFixed(2)+"vw, 105vh) scale("+rndS+")}}"}embedimSnow=document.createElement("div");embedimSnow.id="embedim--snow";embedimSnow.innerHTML="<style>#embedim--snow{position:fixed;left:0;top:0;bottom:0;width:100vw;height:100vh;overflow:hidden;z-index:9999999;pointer-events:none}"+embCSS+"</style>"+embHTML;document.body.appendChild(embedimSnow)}