Quantcast

Tech Website Menue Question

  • Come enter the Ridemonkey Secret Santa!

    We're kicking off the 2024 Secret Santa! Exchange gifts with other monkeys - from beer and snacks, to bike gear, to custom machined holiday decorations and tools by our more talented members, there's something for everyone.

    Click here for details and to learn how to participate.

manhattanprjkt83

Rusty Trombone
Jul 10, 2003
9,660
1,237
Nilbog
Alright, so I am trying to redesign my website right now, which currently uses flash buttons as menu items, personally I hate them. They look cool but are a pain in the ass to work with. My question to you guys is: What type of navigation is used on the on this site (the monkey) right underneath the banner, I really like how clean it is and would like to do something similar on my site??? Any help on this would be greatly appreciated. :thumb:


Additionally any recommendations or tutorials would be great input as well, but right now I am leaning toward the RM style...
 

manhattanprjkt83

Rusty Trombone
Jul 10, 2003
9,660
1,237
Nilbog
that isnt the point though, the site is sorta down at this point, im just wondering how the Ridemonkey navigation was done...
 

zod

Turbo Monkey
Jul 17, 2003
1,376
0
G-County, NC
Ridemonkey's menu is just plain jane HTML, it's simply a table..... Personally that's exactly how I do menus........I'd rather keep it simple and clean. But to each their own
 

jacksonpt

Turbo Monkey
Jul 22, 2002
6,791
59
Vestal, NY
Take a look at DHTML (BrainJar.com has some good examples - DynamicDrive.com has code snippets you can steal). They are generally platform independant and load quick.

CSS is another option (CSS is an element of DHTML). I've found CSS to be harder to pick up because it's soooo flexible. WebMonkey.com has a good into tutorial - once you go through that you just have to play aroudn with things and see what works and what doesn't. You can also look at other people's stylesheets to see how they accomplished certain things.

RM uses pretty basic navigation - it's just straight HTML, but they use images as the nav buttons rather than straight text.
 

manhattanprjkt83

Rusty Trombone
Jul 10, 2003
9,660
1,237
Nilbog
jacksonpt said:
Take a look at DHTML (BrainJar.com has some good examples - DynamicDrive.com has code snippets you can steal). They are generally platform independant and load quick.


RM uses pretty basic navigation - it's just straight HTML, but they use images as the nav buttons rather than straight text.
I worked with dhtml on another site i did, not a big fan... "but they use images as the nav buttons rather than straight text." this is what i wanted to hear, so in other words just link the images in line on the bar that is perfect
 

manhattanprjkt83

Rusty Trombone
Jul 10, 2003
9,660
1,237
Nilbog
well wait, i cant right click and "save image as" on the menue bar, leading me to believe that it is not just an image. Nore can i do so with the individual image items. Are you saying that the whole bar including the green stripes that border it are an image. Sorry if i am being a moron, i am just a bit sketchy on this...
 

Ridemonkey

This is not an active account
Sep 18, 2002
4,108
1
Toronto, Canada
Nope - it's a table cell with an image background. The navigation is plain text. There are many advantages to plain text navigation. Search engines like it. Users like it (fast and trouble free). Easy to maintain.
 

manhattanprjkt83

Rusty Trombone
Jul 10, 2003
9,660
1,237
Nilbog
Ridemonkey said:
Nope - it's a table cell with an image background. The navigation is plain text. There are many advantages to plain text navigation. Search engines like it. Users like it (fast and trouble free). Easy to maintain.
yeah i am thinking that is the way to go, my only concern is that i am a rookie with style sheets, and i dont know how to exclude my menu from the style sheet so that the link format used in the rest of the site, is ignored for my menue.
 

Ridemonkey

This is not an active account
Sep 18, 2002
4,108
1
Toronto, Canada
HTML:
<href="porn.php" class="menu">Links</a>
and then in your style sheet:

HTML:
a.menu {
font-family: verdana,times;
font-weight: bold;
etc
This won't affect any links other than those of class "menu"
 

pixelninja

Turbo Monkey
Jun 14, 2003
2,131
0
Denver, CO
manhattanprjkt83 said:
yeah i am thinking that is the way to go, my only concern is that i am a rookie with style sheets, and i dont know how to exclude my menu from the style sheet so that the link format used in the rest of the site, is ignored for my menue.
In your stylesheet, just make another style and apply that your menu. CSS is the way to go...

edit: just like RM showed you :)