How would i a menu bar like this?

Discussion in 'CSS' started by Kurt Whittingham, May 20, 2012.

  1. #1
    Hello i really like the look of this menu bar on http://www.motoonline.com.au/

    i know obviously with css but how do they get hovered image like that?

    Any help would be nice!
     
    Kurt Whittingham, May 20, 2012 IP
  2. czent

    czent Peon

    Messages:
    45
    Likes Received:
    2
    Best Answers:
    5
    Trophy Points:
    0
    #2
    They are using 2 classes on the first & last LI of the child UL. And those Li items have those fancy cornered backgrounds.

    View attachment 82398
     
    czent, May 21, 2012 IP
  3. Kurt Whittingham

    Kurt Whittingham Member

    Messages:
    151
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    46
    #3
    how would i get the fancy cornered backgrounds
     
    Kurt Whittingham, May 21, 2012 IP
  4. czent

    czent Peon

    Messages:
    45
    Likes Received:
    2
    Best Answers:
    5
    Trophy Points:
    0
    #4
    I just said that above. They are background images. Use Firebug or Chrome Developer tool to inspect that element.
     
    czent, May 21, 2012 IP
  5. Kurt Whittingham

    Kurt Whittingham Member

    Messages:
    151
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    46
    #5
    How?? (space space cos it needed it)
     
    Kurt Whittingham, May 22, 2012 IP
  6. wiicker95

    wiicker95 Well-Known Member

    Messages:
    438
    Likes Received:
    37
    Best Answers:
    10
    Trophy Points:
    100
    #6
    wiicker95, May 22, 2012 IP