SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Hybrid View

  1. #1
    midnight coder
    Join Date
    Dec 2000
    Location
    The flat edge of the world
    Posts
    838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm in the process of redesigning my site, one of the problem with my old layout is that all my link buttons are graphics, and people had to wait for the graphics to load before they can navigate.

    So in the new design, I'll be thinking of fancy, but text links, I was thinking of putting a background image in the table, with colour changing text links on top.

    But so far, I've only come up with a list of links (about 6 of them) on the side, which isn't very original.

    Do you guys have any ideas that can make six text links look good? In terms of placements, alignment, etc.

  2. #2
    BoOm-Rocka! Smarky's Avatar
    Join Date
    Jun 2000
    Location
    England
    Posts
    1,319
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Use sytle sheets remove the unline and get the unline to appear when the mouse is over. http://www.gamespot.com has a cool effect where and arrow appears next to the text like on mouse over.
    Garlic bread, I've tasted it, it's the future

  3. #3
    Don't get too close, I bite! Nicky's Avatar
    Join Date
    Jul 1999
    Location
    Lancashire, UK
    Posts
    8,277
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I like the arrow effect but the underline effect only works in Explorer!

  4. #4
    SitePoint Zealot Atirez's Avatar
    Join Date
    Nov 2000
    Location
    England
    Posts
    173
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Personally I have found that a couple of small gifs, some only 1 pixel high and wide. Placed into a table with a little bit of imagination can make a really good looking, fast loading navigation system.

    Just an idea: Ditch the side nav bar since you only have six links, create a horizontal nav bar for the top of your page, and you will have lots more space to play around with

    But remeber the navigation bar isnt the only thing in your website, what you should be looking to do is have a design in mind for your page layout and build your nav bar into that. As long as you stick to your colour scheme etc and you dont put to much emphasis on the nav bar. The whole sight should look and feel cleaner.

  5. #5
    midnight coder
    Join Date
    Dec 2000
    Location
    The flat edge of the world
    Posts
    838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, you people are a great bunch.

    Just a question, I looked at the source, but couldn't quite figued out how a mouse over the text link can swap the arrows, I know how to do a regular mouse over in Dreamweaver, but not sure how they did it so when a mouse over, another image swaps...

  6. #6
    Say WHA?! goober's Avatar
    Join Date
    Sep 2000
    Location
    United States
    Posts
    1,921
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Robo,

    My guess would be that the arrow is a small javascript function called by an onMouseOver command. Also, check out Interfall Design(my web site). I believe we have a different style of navigation, or one that is at least worthy of copying. I don't mind if you do, by the way. Also, if anyone has links to sites with good navigation, I'd love to see them.
    Sean Killeen [LinkedIn] [Twitter] [Web]

    Warning: Reality.sys corrupted. Universe halted. Reboot? (Y/N)

  7. #7
    I'm baaaaaaaaaaaaack! Fluffykins's Avatar
    Join Date
    Aug 2000
    Location
    Manchester, UK
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Robo
    Thanks, you people are a great bunch.

    Just a question, I looked at the source, but couldn't quite figued out how a mouse over the text link can swap the arrows, I know how to do a regular mouse over in Dreamweaver, but not sure how they did it so when a mouse over, another image swaps...
    Within Dreamweaver, there's a Behaviour called "Swap Image" that you can use to swap an image when as different one is hovered over. You add it in pretty much the same way as a regular rollover.

    Quick tip when using swap images: give your images names! It makes it so much easier to identify them when there are a few.

    Ady
    v-technologies - Freelance Goodness.

  8. #8
    BoOm-Rocka! Smarky's Avatar
    Join Date
    Jun 2000
    Location
    England
    Posts
    1,319
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    unline works in netscape 6 though although hardly many peepz that use netscape 4.x have upgraded cause if they knew how upgrades worked they would of upgraded to IE 5 already hehehhe. Netscape 6 though will be great once a few porblems are sorted.
    Garlic bread, I've tasted it, it's the future


Bookmarks

Posting Permissions

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