- This topic is empty.
July 20, 2012 at 4:37 pm #38993
Can any one guide me to create a navbar like this??
Thanks much.July 20, 2012 at 11:10 pm #106503July 21, 2012 at 8:33 am #106529July 21, 2012 at 4:17 pm #106546
Thank you guys, can this be achieved with images instead of css?
Like i have all the images for the navbar from the psd!July 21, 2012 at 6:19 pm #106552paintba11er89Member
I’m sure you could apply that look to the image within photoshop, but that would make your image sizes larger, make your page load slower, and lock you into a certain design. There is no positive side to doing it that way. I’d stick with the CSS. Copying and pasting the CSS will literally work after you change it to suit your file names.July 21, 2012 at 8:04 pm #106560VermaasParticipant
@paintba11er89: That’s not completely true. Just make sure the image isn’t that big. And when you use images, you’re for sure it will work in every browser. Also IE7-8.
@thala: So if you don’t care about those browsers, take the CSS3 approach I posted, otherwise use the image and make sure the file is really small.July 22, 2012 at 4:24 am #106573
If you use images it probably won’t scale very well though. I’m not saying it couldn’t be done but it might take a lot of work.
I suppose the best option would be to take the image that is ‘behind’ the white box and apply that as a background image of the menu div.
The rest is just styling the ul…no? I’m assuming it’s a single line menu with no dropdowns?
Without access to the PSD it’s hard to help further.July 23, 2012 at 3:50 pm #106642
Edited!!July 24, 2012 at 2:32 am #106667
I appreciate all your help guys.
Here is the psd of the navbar, if any one wished to help further..
Thanks a lot!July 26, 2012 at 6:39 am #106812
Still looking for some one to assist me with, thanks.July 26, 2012 at 7:27 am #106816
That link is not to the psd.July 26, 2012 at 9:17 am #106823
How? i have removed the header green background from the psd.
It is just the same (Also the green background is also not necessary sir)July 26, 2012 at 9:36 am #106824
The issue is that I can’t download the psd file for some reason.
Frankly, it doesn’t matter. You have received some suggestions about how to achieve what you are after but we’re not going to do the work for you.
Try coding something in Codepen yourself and if you run into issues that you can’t resolve then we can jump in and help.July 26, 2012 at 12:03 pm #106833
Thanks for the heads up paul.July 27, 2012 at 9:47 am #106861
- The forum ‘CSS’ is closed to new topics and replies.