Giveaway! Win Adobe Photoshop free for 1 year. Enter here for your change to win!
Downloaded 44,436 times
Today’s freebie is a simple little thing, simple but very useful. This dark navigation menu can be dropped straight into a bunch of different designs and you’re good to go.
Included in the download (PSD) is of course the navigation menu bar itself and two varying hover or active states – I couldn’t make up my mind which I preferred. Also included is a suggestion of a site header but really you could replace that with almost anything. Enjoy!
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.
Premium Pixels is a collection of free design resources created and curated by UK based Web Designer Orman Clark.
Hopefully you'll learn something new but hey, just saving yourself some time is awesome enough, right?
Read More...
10114924
Downloads and counting!
Clean, sexy.
Cheers Simon, good to see you over here!
superb. love this..
Love it, a clean style as usual. Keep up the great work!
Thanks Brad, appreciate it!
Wow! You’re freebies rocks like always !!
$(‘.menu a’).this (The_next_Orman_Clark_theme ()
Good guess but no cigar :)
Just wrote some quick HTML/CSS markup for it! http://dark-nav-menu.googlecode.com/files/dark-navigation.zip (includes the css, html, and background images – tested in FFX, Chrome, and IE8)
Nice :)
Your Awesome Lara!
Thank you Lara!
Thanks a lot Lara, you just saved 20 minutes!
Thanks again Orman! Your work is inspiring.
Awesome freebie, here, I couldn’t help myself, I coded a fully integrated version of it Here Works in all mmodern browsers.
As always. A great job, clean. Love your style ^^
Ey Orman my man!
Love it as always!!
Btw, i saw your tutorial on webdesigntuts+ of the image slider/gallery.
Could you post more tutorials like that?
Also i have few questions for you (I just want to know how you do some things)
1.Sizes – How do you exactly take your sizes? Every size you pick just looks right :P Do you use maths and how :P
2. How do you make your stuff – Do you drink/listen or do something to inspire you.
3.What’s the secret man – How do you make everything look so good?
Sincerely yours – Rensa :P
Yo!
1. By eye mainly. If it looks right then it often is.
2. I listen to music all day long, anything from Marilyn Manson to Kris Kross.
3. There is no secret, just practice I guess. Plus, I don’t think all the stuff I produce looks that great anyway. I don’t think many designers are happy with their own work 100% of the time – I’m no different.
Rensa,
Though I’m, myself a big fan of Orman Clark’s work.
-About your question no.3 – I think presentation also has a great effect. I mean, a simple thing presented well & beautifully can appeal lots of people.
Except that, One question I have for Orman.
Hey, how do you take extra time out for this stuff? I mean (& many designers) hardly spend time on our own personal website/portfolio.
Hope this navigation menu will make it into one of your skins ;) Beautiful work yet again Orman.
Nice bg over menu :)
This is brilliant!! Thanks! :D
really very good menu style. congrats!
Ah Orman! This menu is absolutely legendary.
Really, really great work.
Looks fantastic, will be creating a free WP theme using this menu. Great job!
I’ve included your awesome menu in my latest free theme. Now many more can appreciate your great work! ;)
http://www.wpexplorer.com/magz-wordpress-theme.html
I downloaded, it’s even looking amazing without any site content, i like the header background and the simplicity of the navigation, surely i will use it in one of my theme.
One more thing, it’s really modern navigation menu.
That’s some really nice hover states right there! Cheers Orman!
Your resources are best…
Just found your page, what you are doing its amazing!good luck and big thanx!
Fantastic, many thanks
Your design become better and better :)
Sexy!
I coded this too, http://dl.dropbox.com/u/1353641/premiumnav1/index.html
I hate having to use images but I had to for the noise and effect on those bars. I tried to keep them a small size using .gif images (they actually kept the same effect).
I coded this in a slightly different way than the others:
http://demo.webinterfacelab.com/2-dark-navigation/
Tested in all browsers (should even work on IE6).
Great stuff! I’m going to use this in my own little project. Thank you!
Thank you a lot!
Is it possible to use this with the Hoarder theme, without the need of working further in Photoshop? Thanks