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

How to add images to the navigation bar 1.0

Add seasonal graphics to the navigation bar.

  1. Brogan

    Brogan XenForo Moderator Staff Member

    Brogan submitted a new resource:

    How to add images to the navigation bar (version 1.0) - Add seasonal graphics to the navigation bar.

    Read more about this resource...
     
    xen411, Walter, Garamond and 45 others like this.
  2. PoLiZe

    PoLiZe Well-Known Member

    Great!, thanks :)
     
    cobra1162 likes this.
  3. cobra1162

    cobra1162 Active Member

  4. Brogan

    Brogan XenForo Moderator Staff Member

    The code in the first post are the last 5 lines in the navigation template.

    I'll update the first post to make it a bit clearer.
     
    Terrorz and Puntocom like this.
  5. Puntocom

    Puntocom Well-Known Member

    Please, can you include the top right graphic? it's very nice :)
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    Just waiting for Kier to finish working on it and I will.
     
    Puntocom likes this.
  7. Shelley

    Shelley Well-Known Member

    Kier's waiting on me to create the 3rd and final snow graphic. Need to think which is the best shaping to go for. :)
     
    steven s, dutchbb, Terrorz and 2 others like this.
  8. Brogan

    Brogan XenForo Moderator Staff Member

    If it wasn't for the fact that the graphic/span overlaps the tabs, you could have gone for some icicle type stuff.
    As it is the images will have to stay fairly shallow and at the top of the tabs so they can still function.
     
  9. Vincent

    Vincent Well-Known Member

    I'm not really a fan of the left one, it's irritating to click the 'Forum' link. How to do the right one? :)
     
  10. Brogan

    Brogan XenForo Moderator Staff Member

    Just use the breadcrumb link or use a shallower image.

    The rest isn't finalised yet so I'm waiting for Kier and Shelley.
     
  11. Vincent

    Vincent Well-Known Member

    I'll wait :)
     
  12. Trombones13

    Trombones13 Well-Known Member

    Man...first I get a text saying that "the weather outside is frightful" because we just had our first significant amount of snow last night, and now this?! Yuck. :p

    Thanks; this will be useful as I design my theme. :D
     
  13. FredC

    FredC Well-Known Member

    This is great... Thanks.. Cant wait for the rest!! :D
     
  14. Brogan

    Brogan XenForo Moderator Staff Member

    Updated the first post with the css for the left and right images.
     
    Terrorz likes this.
  15. Peggy

    Peggy Well-Known Member

    Very very nice!
     
  16. Kier

    Kier XenForo Developer Staff Member

    Note that IE 6, 7 and 8 are basically rubbish.
     
    missbx likes this.
  17. Kier

    Kier XenForo Developer Staff Member

    And to clarify that comment... ;)

    You'll need to do something like this in order to allow multiple background images to work in browsers that support it, without IE lunching itself:

    Code:
    /* IE8 */
    background: url('snow_l.png') top left no-repeat;
    
    /* Decent browsers */
    background: url('snow_l.png') top left no-repeat,
    	url('snow_r.png') top right no-repeat,
    	url('snow_c.png') top center no-repeat;
    
    /* IE6, IE7 */
    _background: url('snow_l.png') top left no-repeat;
     
    dutchbb and Brogan like this.
  18. Vincent

    Vincent Well-Known Member

    Nice! Can't wait to add that to my site :)

    Well, I'll be waiting for Beta 4 (which should come very soon I guess), because I don't want to mess up the helper thingee ^^
     
  19. Kaiser

    Kaiser Well-Known Member

    Thanks Brogran shelly, looks great on my forum, I didnt want to use falling snow because it lags forums. And this just looks great.
     
  20. FredC

    FredC Well-Known Member

    Bla Thats what people who still use IE get. ;) No Snow for them... :p Im good with it since it doesn't brake anything in the header on IE.
     

Share This Page