[Help]Links

[l0l0l]

Hello i was woundering how i could make a link work on a page i am trying to make, i already know how to make this type of link <a href "URL">word</a>, like that but i was woundering how to make it so when someone clicks on a certain area of the page, it will bring them to a certain area( sorry if this is confusing)

Image

What i mean is, when someone clicks on ' Forums ' or ' Connect ' ( in the image above) It will bring them to a new page. If you could help me that would be awsome. Thank You For Your Time.

[MentaL]

[Mario_Party]

You have tow options... you can either slice the image and then put together each separate image as a template to make a layout, which is probably the most efficient way and the way you will have to do it.... or you can define areas and give them hyperlinks, check out this link to help you HTML AREA - HTML Code Tutorial

[l0l0l]

:/, do you think you could make the links for me? Sorry if im going of topic or somthing.

[Mario_Party]

Well what do you want to do? Slice the image or go with areas?

You want something like this

<map name="template">
<area href="index.html" alt="Home" title="Home" shape="rect" coords="253,145,352,180">
<area href="connect.html" alt="Connect" title="Connect" shape="rect" coords="352,145,449,180">
</map>

<img src="template.jpg" usemap="#template" alt="template" style="border: 0px;">

[Mazo]

If you have imageready you can do imagemaps in that, google it for a tutorial if you do

[l0l0l]

ill try it, ty.

[l0l0l]

Acually, I started to make my own Template and was just woundering how i can put links on the top...
Template

I would like it to look like this...
Template, If someone could tell me how to put the links like that. (When i did it, the links where not right at the top, they where in the image).

[Mario_Party]

You need to slice the image, then you can link each section to each part

[Darth]

Here are some good tutorials about image slicing, wich is the easiest way of doing this.
Good-Tutorials &#183; Search

this one is realy good one. Layout Slicing- Photoshop Tutorials- Depiction

[l0l0l]

alright ty.