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

  • # May 23, 2009 at 2:07 pm

    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.


    # May 23, 2009 at 2:17 pm

    Slice out the image in photoshop, save for web and apply it as a background image to your nav ul with css.

    # May 23, 2009 at 2:31 pm

    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

    # May 23, 2009 at 3:47 pm

    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.)

    # May 23, 2009 at 9:24 pm

    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

    # May 23, 2009 at 9:32 pm

    Sure man, just put it up in the Gallery Forum and ask for critiques ;)

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed