WebAppers

/ best free open source web resources /

Shopify

How to Create a Vimeo-like Top Navigation Menu

Posted · Category: License Free, Menu

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.

Vimeo Menu

Source: Create Vimeo-like top navigation

9 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!

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons