Huzzah! We've released a brand new WordPress theme called Statesman. Check it out!

Vertical Navigation Menu (PSD)

Download

Downloaded 38,169 times

Today’s freebie is a sweet and simple vertical navigation menu with styles for sub menus thrown in for good measure. If you’re looking for a nav widget, this could be for you.

23 Comments

  1. Terrific work, Orman. You turn out such great stuff again and again. And again.

    One little picky, I-probably-should-not-even-mention-it-beef: it seems the drop shadow under the blue selected item is a little heavy?

    • I think that’s just down to personal preference. All changeable now you have the PSD :)

  2. I love the active’s button color and the way you’ve performed the menu, you keep it clear and smart! such a nice work, man!

  3. Robots? Great PSD Orman!

  4. Arthur Herrero

    This is simply perfect, super clean! Thanks orman

  5. Really nice work, thank you.

    How do you decide how big an icon will be? Do you do it by feeling and taste or use some measurement, like “2 3rds” of the tab for example?

  6. 16 Robots: R2-D2, C3PO, Bender, Rosey, T-800, T-850, T-1000, T-X, Fembot, Autobot, Decepticons, Sonny, Johnny 5, Robocop, Intergalactic Robot (Rock), Roomba.

    Thanks Orman! Always enjoy learning from you.

  7. A-A-A-MAZING! There’s something about that blue…

  8. Kylie Jamieson

    i ♥ the robot symbol!

    Thanks – you are so generous with your work!

  9. Just to let everyone know – you can grab the code for it here: http://twostepmedia.co.uk/notes/development/jquery-accordion/

  10. Chuck Crawford

    You’re right you probably shouldn’t mention it. It’s to taste.
    Orman, it’s all good! Thanks so much!

  11. Been following your work for a while now; but this right here is amazing! I could build an entire website based on your freebies; thanks again.

  12. That’s neat! Thanks Orman.

    I love blue too, but its really looking out of context here, just a thought.

  13. Thanks for such a neat freebie!

    I’ve just uploaded jQuery accordion menu based upon your PSD, checkout http://demo.r0ash.com/vert_nav/.

  14. Orman, as a part of css365 project, we made a css version of your beautiful work :)

    http://css365.wordpress.com/2011/11/24/day-2-beautiful-list/

    Big time fan. Keep up!

  15. Big ups’ Orman, you’re killing it. Keep being true to your passion, it’s clearly paying off bud! Congrats. Oh, and also, nice nav menu :)

  16. Anders Anustrold

    This is so awesome!

  17. I’ve seen this coded by multiple people but I believe each one of them haven’t made it 100% exact to the design, e.g. inset shadows missed etc. I’m not doubting them, they’ve still done a good job :-)

    I’ve gone ahead and coded this, with the help of Daryl Ginn for the jQuery part (I’m a little rusty myself).

    http://sites.lukespoor.com/vertical-navigation-menu/

  18. Hi Orman,
    Thanks so much for all your work.
    I really like the texture pattern overlay you have used on this, did you make it from scratch ?

    Cheers
    Peter

  19. Great work, thanks!
    I’ve made another CSS3 version:
    http://demo.webinterfacelab.com/18-vertical-navigation/

  20. Jason TEPOORTEN

    Thanks very much for sharing this: the PSD and the code examples.

    I like the collapsible vertical menu with the sub-menus. I find it is great way to group business processes and I’ve seen it work well in previous projects!

  21. waffa wafiyya

    i like that :) thanks so much

Leave a Comment