treehouse : what would you like to learn today?
Web Design Web Development iOS Development

how to make like this rounded corner nav bar plz??

  • hi guys , i have a template that i made ,i want to code it , then i can't figure out how to code my rounded corner nav bar ,take a look at the image tooken from psd.


    http://img195.imageshack.us/img195/75/menui.gif
  • Slice out the image in photoshop, save for web and apply it as a background image to your nav ul with css.
  • this is the simplest way , there must be one or more proffesional way to do it , slicing each element by itself : items divider , corners .....
    thank's apostrophe
  • You can slice it a million times, but every new image is a new HTTP request that your viewer have to do. Not that it matters much on large sites, having one HTTP request to one image is "better" than 5 separate HTTP requests for 5 images.

    Since you are using a simple font I would be sure to take the font off the slice before creating the image (just in case.)
  • okey i got u man , just was trying to customize it instead of making all the long image as a ul background .
    what you mentioned about http request is an important point to pay attention to .
    after i will finish my template coding ,i would like someone of to review it then emphsize on my faults.
    thank's guys good week-end
  • Sure man, just put it up in the Gallery Forum and ask for critiques ;)