This is something i learnt from my internet "surfing" when i'm bored at home, so here goes, may come in useful at some point.... It is for making a nav-bar for a website.
Firstly you will want to make the graphics you will be using i'm going to leave that up to you (to shorten this tutorial) but i will use this


Next simply take out your Slice tool and drag a box around each of your buttons where you want them to link to sites.


Next pull out your slice slection tool and double click each of your sliced links in turn and then type in the url you want it to link to (you can fill in the lower fields too if you wish).


Click File>Save For Web and the Save button but make sure that it is saved as "Html and Images"


This will save the html and a folder with the images in


Close your PhotoShop and then open your html to the Nav-Bar in Frontpage or your internet browser. If in Frontpage click the html button at the bottom and if in your browser for example Internet Explorer then click View>Source


It should look something like this

Next host all of the images in the image folder with an image-hosting website such as Imageshack and when you see a line of text like this in the html

replace the red section with the link to the corrosponding image (i suggest hosting the images one at a time so as not to get confused). Save this and then you can insert the code into your webpage where you want the Nav-Bar.

Tutorial created by Jesuses Left Leg.

Nice submit to good tutproals