Facebook Twitter


Breadcrumb Navigation with CSS Triangles. Did you know you can make triangles with pure CSS?

Breadcrumb Navigation with CSS Triangles

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. Often times these are just visual flourishes, undeserving of dedicated markup. Fortunately, pseduo elements are often a perfect fit. 30 Great Examples Of Drop-Down And Sliding Menus. While building a site for a client, I had to figure out the best way to display additional navigation in a horizontal menu (and not make it look like it’s 1999 again), so I went ahead and started looking for some inspiration.

30 Great Examples Of Drop-Down And Sliding Menus

I’ve found many sites that had drop-down and sliding menus and I thought you’d be interested in my findings. Please let me know what you think in the comment section. Flickr like horizontal menu. Do you like Flickr and its simple and clean interface?

Flickr like horizontal menu

This tutorial explains how to implement an horizontal menu Flickr-like using CSS and Javascript to show/hide sub-menu: Download this tutorial Step 1: introductionI used a simple javascript function showMenu() to show/hide sub-menu: