How to make navigaton bar functional

[rakoom2002]

I am trying to make a navigation bar for my website. I like the one on the following tutorial:

http://psdtuts.com/interface-tutoria...inspired-menu/

How do I make something like that functional?

[knowledgeocity]

If you are talking about the rollover effect, it is most likely a CSS technique.
But first follow the tutorial you posted to create the two images. What the css does is when the link is idle, it will be one image, and when rolled over, it activates the second image.

Check out this tutorial for the rollover effect.
http://www.designmeme.com/articles/cssrollovers/

[admin]

Once you've generated your art, and rollover states in Photoshop, move the image into ImageReady -- which should have been installed when you installed the suite.

Once in ImageReady, use the Slice tool to slice up the image into the individual components for the web page.

When you "Save for Web" you'll be given an opportunity to insert the links into the appropriate spaces.

Be sure to click Save HTML and "All Images"

This process is fairly complicated and goes beyond the scope of a single forum post. Refer to your Photoshop and ImageReady "HELP" files for descriptions and step-by-step process for accomplishing this goal.

Always remember: the HELP button is there for a purpose.

Once you've done it successfully, you'll remember it the next time.

[ella1985]

Here is the HTML used to create this rollover. You may notice that it is much shorter, and easier to remember than a JavaScript rollover. Essentially, you just need to define a class and everything else is handled withonline marketplaceCSS

<div class="rollover">
<p>
<a href="#"><img src="stuart.gif"
width="32" height="32" border="0"></a>
</p>
</div>