CSS nav bar

This is a discussion on "CSS nav bar" within the Web Page Design section. This forum, and the thread "CSS nav bar are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Jan 23rd, 2008, 15:25
unitedcraig's Avatar
SuperMember

SuperMember
Join Date: Oct 2007
Location: Stockport
Age: 17
Posts: 825
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
CSS nav bar

On my site I've got a CSS based navigation bar, just wondering what you all think of it?

Is it alright or is it a bit boring or plain?

thanks for your thoughts

craig

Here's the site btw:

http://simplyfreeware.co.uk
__________________
Last Blog Entry: A Royal Mistake (Feb 20th, 2008)
Reply With Quote

  #2 (permalink)  
Old Jan 23rd, 2008, 15:54
Reputable Member
Join Date: Oct 2007
Location: UK
Posts: 267
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS nav bar

I think it will look neater if you made your hover effect the same size as its normal state, other than that i like it, its simple but smart.
Reply With Quote
  #3 (permalink)  
Old Jan 23rd, 2008, 22:24
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS nav bar

I completely agree with danny322.
Reply With Quote
  #4 (permalink)  
Old Jan 23rd, 2008, 23:01
alexgeek's Avatar
Administrator

SuperMember
Join Date: Jul 2007
Location: Webforumz 24/7
Age: 15
Posts: 3,769
Blog Entries: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to alexgeek
Re: CSS nav bar

Also i think that the hover colours should be off-white.
Last Blog Entry: 3D Chess in your browser! (Mar 14th, 2008)
Reply With Quote
  #5 (permalink)  
Old Jan 24th, 2008, 00:00
unitedcraig's Avatar
SuperMember

SuperMember
Join Date: Oct 2007
Location: Stockport
Age: 17
Posts: 825
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS nav bar

Been messing around with the CSS, i think i have sorted out the different size problem :S

two more things

1. alex, can you recommend a colour code, is the one I've used alright or is there a better "off-white", cant find a code for it?

2. Is there a way to change the colour of the text when hovered over, like i can do with the background?

Thanks for your help
__________________
Last Blog Entry: A Royal Mistake (Feb 20th, 2008)
Reply With Quote
  #6 (permalink)  
Old Jan 24th, 2008, 03:17
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Send a message via Yahoo to Monie
Re: CSS nav bar

Quote:
Originally Posted by unitedcraig View Post
2. Is there a way to change the colour of the text when hovered over, like i can do with the background?
Yes, you just have to set it in your hover style here:
HTML: Select all
#navigation li a:hover (line 82)
{
background-color: #f5f6ce;
color: #000; /*your hover text color is now black*/
text-decoration: none;
}
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Reply With Quote
  #7 (permalink)  
Old Jan 24th, 2008, 07:01
unitedcraig's Avatar
SuperMember

SuperMember
Join Date: Oct 2007
Location: Stockport
Age: 17
Posts: 825
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS nav bar

Thanks Monie, I had tried that before but when i put

Code: Select all
color: #000000;
in the CSS I'd put it under the backgroundcolor tag and it didn't work, but anyway thanks for that its ok now

If any of you have time could you please take a look at my site again, does it look alright or should I change the colour?

If so what colour do you recommended?

Thanks again

Craig

http://simplyfreeware.co.uk
__________________
Last Blog Entry: A Royal Mistake (Feb 20th, 2008)
Reply With Quote
  #8 (permalink)  
Old Jan 24th, 2008, 07:15
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Send a message via Yahoo to Monie
Re: CSS nav bar

Ok, the color is just fine with me, for now
What I want to see is the footer effect to have that shadowing effect like the one you having in your header!
bg_content.jpg
I'll express my idea in a minute, Hold on
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)

Last edited by karinne; Jan 24th, 2008 at 15:55. Reason: Please attach BIG images.
Reply With Quote
  #9 (permalink)  
Old Jan 24th, 2008, 07:16
unitedcraig's Avatar
SuperMember

SuperMember
Join Date: Oct 2007
Location: Stockport
Age: 17
Posts: 825
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS nav bar

Thanks, iv got about 15 minutes until i really have to leave for college lol
__________________
Last Blog Entry: A Royal Mistake (Feb 20th, 2008)
Reply With Quote
  #10 (permalink)  
Old Jan 24th, 2008, 07:30
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Send a message via Yahoo to Monie
Re: CSS nav bar

Here is my idea, hope you like it
Attached Images
File Type: jpg footer.jpg (42.8 KB, 6 views)
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Reply With Quote
  #11 (permalink)  
Old Jan 24th, 2008, 12:01
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS nav bar

I'm not big on adding colors that have no relationship to the rest of the design. So I think my choice of hover color would be the gray that you have in your logo.

Reply With Quote
  #12 (permalink)  
Old Jan 24th, 2008, 15:52
unitedcraig's Avatar
SuperMember

SuperMember
Join Date: Oct 2007
Location: Stockport
Age: 17
Posts: 825
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS nav bar

Lchad - that's actually a good idea, i'll have a look at that, see how it looks.

Monie - That looks really, ill have a go at setting that up, ill post here when iv either done it, or when i need help how to
__________________
Last Blog Entry: A Royal Mistake (Feb 20th, 2008)
Reply With Quote
  #13 (permalink)  
Old Jan 25th, 2008, 00:34
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Send a message via Yahoo to Monie
Re: CSS nav bar

You've done the header and the content shadowing thing, I think you don't have problem with the footer..
Well, if you do gimme a buzz!
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


All times are GMT. The time now is 06:06.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43