Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 12
  1. #1
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Hey folks. I'm trying to create a nav bar based on gradients. Now, the gradient goes one way usually, and the other on hover. But I'm not sure what to do to indicate the `current' section. Any ideas? If you need imagery, I can try and put some up.

  2.  

  3. #2
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    Maybe go with a darker version of the regular gradient? Or, change the font color?
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  4. #3
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    How about just a plain color ... no gradient? I've seen this done before (don't ask me where... I don't remember) and I remember thinking that it was a nice contrasting way of doing it.
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  5. #4
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    karinne -- I've tried that, but I don't like it much. Maybe I'm not using the right color, though -- I used one of the two extremes. I'll see what happens if I use maybe one of the colors from inside the gradient.

    I'll try the darker version of the gradient, -chris-, that's not a bad idea. Changing the font color isn't enough, though, in my opinion.

  6. #5
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    How about something like this, or this, using a color not in the gradient, but somewhere else in the site
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  7. #6
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Ok, how does this look: http://theoldquarter.dyndns.org:3000/countries/

    EDIT: I should mention that I know the table looks like absolute crap -- I'm mostly focused on the general layout :-)

  8. #7
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    I like it.
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  9. #8
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    That's pretty good ... see ... told you so
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  10. #9
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Well, actually, while it looks like the `selected' effect on the sidebar is just a solid color, it isn't :-)

    When I originally asked, my focus was the top menu bar -- where I took -chris-'s approach and just made the selected one darker (in case you're interested, I just took the original image and put a black semitransparent mask over it).

    Then I switched my focus to the lower part of the site, which looked like crap. The current effect is:
    (1) The sidebar itself has a gradient from a light blue to a darker blue.
    (2) The main body has a fade from white to the light blue from above.

    However, the gradient on the main body doesn't actually start where the sidebar ends -- it starts at the leftmost side of the `selected' menu item. So the gradient goes from the selected menu item all the way across the page. It's barely noticeable, but I think it makes it better, if only subtly so.

  11. #10
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    Quote Originally Posted by Shadowfiend
    It's barely noticeable, but I think it makes it better, if only subtly so.
    I noticed it, and really like it.
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Search tags for this page

what is roll over gradient

Click on a term to search for related topics.
All times are GMT -6. The time now is 09:56 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com