How do would I go about making a nav bar likethis one?
Printable View
How do would I go about making a nav bar likethis one?
You could always look up the source code: the html and the css files.
Some tutorials
http://www.maxdesign.com.au/presentation/listamatic/
Well I asked about it because it doesn't look like something that is already in css. I figured that they used a graphics program to make it and somehow incorporated it into the css.
Whether they used another program to produce them or not, the output of such a program is unlikely to be anything other then 100% standards conforming html and css on that site.
That site is, after all, the site of the html and css standards organisation.
The folded edge at the bottom right of each menu link is a little graphic. Everything else is pure HTML+CSS.
Bert Bos (of the page the OP posted) has done some neat stuff with pure CSS - you can look at some of his tutorials here.
~/
I like using light colors and the line and dashed/dotted border attributes to make neat looking stuff. Sort of like a layout my friend made, which I modded for my web log - http://datadrops.com
I'm working on a similar one though it's, not online.
The strip background, with the text background as the background of the text (I think.)