• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Can we use the beautiful snow graphic in our sites?

Puntocom

Well-known member
#1
Can we use the beautiful snow graphic in our sites? if the answer is yes, please can you give us the instructions to set it up?

Who has done it? it's great!
 

Brogan

XenForo moderator
Staff member
#5
As for the graphic itself, I suspect you will have to use your own as this has been created by Shelley for XenForo.com.

Hopefully she'll do another similar one which the members can use.
 

Brogan

XenForo moderator
Staff member
#7
Which means the forum is now running on beta 4 and another release is not too far away.
As soon as the latest release is made available, the version here on XenForo.com is increased and then the build is continually updated until it is once again released.

So this isn't quite the finished Beta 4 release yet.
 

ArnyVee

Well-known member
#8
That looks awesome! :)

I can't wait to be able to use that and other holiday themed graphical touches on the site! :D
 

Brogan

XenForo moderator
Staff member
#9
Having a quick look at the code, it seems to be fairly simple:

You edit the navigation template to add a span near the bottom like so:
HTML:
</div>
<span class="helper"></span>
        </nav>
    </div>
</div>

Then you add the relevant css to EXTRA.css as follows:
HTML:
#navigation .helper {
background: transparent url(path_to_image) no-repeat;
display: block;
height: 30px;
left: -5px;
position: absolute;
top: -16px;
width: 250px;
}

I have no doubt this will be a popular change so once I have confirmed the code is correct, I will create a thread in the template modifications forum.
 

Shelley

Well-known member
#12
As for the graphic itself, I suspect you will have to use your own as this has been created by Shelley for XenForo.com.

Hopefully she'll do another similar one which the members can use.

Feel free to include the snow image Paul if your posting the code for others. :) Saves them time if they want a quick copy and paste.

Obviously, if anyone uses another image which differs from the dimensions in the code Paul posted above you'll need to make those changes in the navigation.css template.