24 Jan

Janko really likes the top navigation implemented on Vimeo.com. He wanted to recreate it, so he has published an article called “Create Vimeo-like top navigation“.

We can learn how to create a functional and good looking Vimeo-like top navigation in this tutorial. What he likes the most is the menu that drops down when you hover search box. It offers you different search options that you can choose and narrow your search.

Source: Create Vimeo-like top navigation

Sponsors

Comments

Tunox

Ray, thanks for bringing this up!
Neat and great looking menu indeed. However I’ve got problems showing it in Opera 9.6 and of course the bloody IE6. There’s also a slight mess up on FF3 (even in Viemo website) where the “join” dropdown falls behind the flash animation.
However I’m gonna toy around and be inspired by the use of the rounded corners.
http://www.armeda.com dsre

The drop down in the search box is awesome, great post!
uber

Very cool menu, but there is a lot of room for improvement.
http://www.jankoatwarpspeed.com Janko

Thanks for the mention. Yes, it require some more work for IE6 and Opera because I usually don’t test my examples in that browsers. It’s personal between me and those two
http://www.webgurusdesignblog.com Gergely Marton

Nice one! It is a bit untested and unfinished though!…
http://www.fleedy.com manS

nice dropdown menu.. showing power of css…
good post…
http://www.nedvizhka.ru sergey

nice menu.
http://www.mployr.com Eugene Gregorio

Nice work Janko!
Could you help me put it on MPLOYR.COM ? hehe
Suraj shrestha

Nice tut! Really for the people like we who are still learning thanks!

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

Open Source Resources for Web Application Developers

How to Create a Vimeo-like Top Navigation Menu

Open Source Resources for You

subscribe to our newsletter - weekly free resouces for web developers

follow us on social sites - rss, facebook, google+, Twitter

Open Source Resources for You