Xenforo Snow Images on Navbar

Summary: This alteration will allow you to display snow images on your navigation bar for the festive season giving your forum theme an additonal christmassy feel.

These snow images are different from the ones at xenforo.com which I find to appear jaggy due to thepng-8 format. The images are so small it doesn't make a difference in kb and the quality around the edges on these png-24 variants is noticable.







Install: Firstly upload all images in the attachment to your /icons folder and paste the following into your EXTRA.CSS template.

Code:

#navigation .helper {
    display: block;
    height: 30px;
    left: -5px;
    padding: 0px 5px;
    position: absolute;
    top: -17px;
    width: 100%;
    background: url('@imagePath/xenforo/icons/snow_l.png') no-repeat 0% 0%, url('@imagePath/xenforo/icons/snow_c.png') no-repeat 50% 0%, url('@imagePath/xenforo/icons/snow_r.png') no-repeat 100% 0%;
}

Added attachment with the snow in the navigation having holly on top of the snow. Simply follow the instructions in the first post of this thread.

Yeah, for some reason one of the xenforo versions shifted the alerts placement a little that the snow on the right hides it partially. Simply add the following into your Extra.css template.

Code:

.visitorTabs {
    margin-right: 30px;
}