Download
Downloaded 55,796 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.
Vertical Navigation Menu (PSD)
23 Comments
Leave a Comment
All resources are offered free of charge with very little restriction. Want to show your support or some appreciation? Please check out my latest project Dunked. A simple tool for building an online portfolio.
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 :)
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!
Robots? Great PSD Orman!
Robots? :P
This is simply perfect, super clean! Thanks orman
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?
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.
A-A-A-MAZING! There’s something about that blue…
i ♥ the robot symbol!
Thanks – you are so generous with your work!
Just to let everyone know – you can grab the code for it here: http://twostepmedia.co.uk/notes/development/jquery-accordion/
You’re right you probably shouldn’t mention it. It’s to taste.
Orman, it’s all good! Thanks so much!
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.
That’s neat! Thanks Orman.
I love blue too, but its really looking out of context here, just a thought.
Thanks for such a neat freebie!
I’ve just uploaded jQuery accordion menu based upon your PSD, checkout http://demo.r0ash.com/vert_nav/.
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!
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 :)
This is so awesome!
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/
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
Great work, thanks!
I’ve made another CSS3 version:
http://demo.webinterfacelab.com/18-vertical-navigation/
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!
i like that :) thanks so much