Breadcrumb Navigation with CSS Triangles. Did you know you can make triangles with pure CSS?
It's pretty easy. You just make a block level element with zero width and height, a colored border on one side, and transparent borders on the two adjacent sides. They are fun for all kinds of things, like little arrow sticking out from speech bubbles, navigation pointers, and more. Garage Door Style Menu. Originally published on July 21, 2008 as only a jQuery technique. Now updated to include CSS3 and a combo technique which is mo' betta. A garage door style menu is where an image (the "door") slides up to reveal something behind it.
Tree. Flash Like Menus. Ribbon Control. Best Practices To Design a Perfect HTML Navigation Bar.