1. 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?

Discussion in 'XenForo Questions and Support' started by Puntocom, Dec 1, 2010.

  1. Puntocom

    Puntocom Well-Known Member

    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!
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Ingenious, krstep and Puntocom like this.
  3. Puntocom

    Puntocom Well-Known Member

    I can't wait for Beta 4 :D
     
  4. Elizabeth

    Elizabeth Well-Known Member

    Which means the forum is now running on beta 4 and another release is not too far away.

    I love the graphic, it's very well done and nicely implemented.
     
    Jo. likes this.
  5. Brogan

    Brogan XenForo Moderator Staff Member

    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.
     
  6. Puntocom

    Puntocom Well-Known Member

    It's done by Shelley :), thanks Shelley!
     
  7. Brogan

    Brogan XenForo Moderator Staff Member

    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.
     
  8. ArnyVee

    ArnyVee Well-Known Member

    That looks awesome! :)

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

    Brogan XenForo Moderator Staff Member

    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 likes this.
  10. Kier

    Kier XenForo Developer Staff Member

    Graphic by Shelley, CSS by me :)

    I should note that the 'helper' span will be a part of Beta 4, so if you can wait until then, there is no need to edit the navigation template.
     
  11. Ranger375

    Ranger375 Well-Known Member

    So when is Beta 4 coming out?


    I kid , I kid :D :D
     
  12. Shelley

    Shelley Well-Known Member


    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.
     
    Ingenious and Walter like this.
  13. Puntocom

    Puntocom Well-Known Member

    Nice job Kier!
     
  14. Shelley

    Shelley Well-Known Member

    Playing around. :p *prods Kier*
     

    Attached Files:

  15. ArnyVee

    ArnyVee Well-Known Member

    That double one looks cool too Shelley :D

    Where do we get the image from again?
     
  16. Brogan

    Brogan XenForo Moderator Staff Member

    Shelley likes this.
  17. Shelley

    Shelley Well-Known Member


    Here you go :) shelley_snow1.png is the one I applied on the right (as shown in the screenshot)
     

    Attached Files:

    Elizabeth and ArnyVee like this.
  18. dieketzer

    dieketzer Well-Known Member

    i get it now. its a xmas thing. its snow.
    being australian i dont normally associate december or xmas with winter/snow.
     
  19. Kier

    Kier XenForo Developer Staff Member

    I like it, but the alert balloons may present a tricky challenge.
     
  20. Brogan

    Brogan XenForo Moderator Staff Member

    You can always use an image of a couple of snags and some tinnies :D
     
    dieketzer likes this.

Share This Page