How to Image map a Navi bar in paint Shop Pro 9

[mahud]

NOTE: This is not a Proboards tutorial

mapping an image is very easy ;D

Here's the navi bar image i want to image map




Go to file > export > image mapper, and select the rectangle tool.




make a selection around the home text, and enter the link and alt text






Repeat the process for the gallery text





and the rest of the navi buttons





Then select which format you want to save the image as. I'm saving mine as a jpg. I tried giffing it but it looked terrible

Then save as.

first you save the actual image map in a html document, and then the image itself. Keep them both in the same folder and view in your browser. Also, Keep the html file and image file in the same folder when you host them

Here's an example of mine that i made for my Decorum Template.

image map navi bar

[chaz]

nice dude, i dont use PSP but it's the same idea for photoshop...

[coco]

I like the tutorial a lot. It's easy to follow the steps, great job!
Still I have a question though.. Could you add a few more steps, which describe more precicely how you can put it upon a regular proboards forum? That'd help loads, because I've no idea how I'd do that! Thank you in advance!

[shanny]

coco, I believe this isn't really meant for a proboards forum, but more for a website. But, I'll ask Mahud the next time I see him.

[noman]

Thanks, chaz and CoCo, and yeah Shanny's right. It's just for a regular website. In order to put something like this on a ProBoards, you'd need to use JavaScript.

[fernstar]

this is great but how do you make the navi bar in general?

[noman]

The navi bar was created using mainly the selection tool, gradients, and the text tool. I'm thinking of writting a basic tutorial that explains how to use all those things. I'll post it when It's done