"Shapes"

[NinoGrounds]

... stuff with

<map></map> and similar?

Like on NG.
The NG header is actually a background, but they somehow made it into a link?

Can you understand me?
I know I am explaining bad...

How to do that?

[elbekko]

Image maps you mean?
They're actually pretty simple, you just have to define a shape (standard is rectangle), and give the corner coordinates. (and a link ofcourse :P)

[NinoGrounds]

At 7/29/06 03:35 PM, elbekko wrote: Image maps you mean?
They're actually pretty simple, you just have to define a shape (standard is rectangle), and give the corner coordinates. (and a link ofcourse :P)

I know.
But how do I learn the coordinates?

Do they vary bi screen resolution (like the absoulute positions) ?

[JeremysFilms]

At 7/29/06 03:54 PM, Nino_JoJ wrote:

At 7/29/06 03:35 PM, elbekko wrote: Image maps you mean?
They're actually pretty simple, you just have to define a shape (standard is rectangle), and give the corner coordinates. (and a link ofcourse :P)

I know.
But how do I learn the coordinates?

Do they vary bi screen resolution (like the absoulute positions) ?

Coordinates are based on relative pixel coordinates of the image itself. If you don't want to waste time coding coordinates, you could just use frontpage or dreamweaver. Frontpage and dreamweaver (and other html editors) have an iamge map drawing feature, so you can just draw the image map square, circle, or polygon with the program and it'll code the correct coordinates for you.

[JeremysFilms]

Oh and by the way, the coordinate order is as follows:
Left, Top, Right, Bottom

Usage:

<map name="mymap">
<area href="URL" shape="rect" coords="left, top, right, bottom">
</map>
<img border="0" src="image.gif" usemap="#mymap" width="100" height="100">

[NinoGrounds]

I noticed that, but what is the difference between absolute and relative positions?

[NinoGrounds]

At 7/29/06 04:04 PM, JeremysFilms wrote: <img border="0" src="image.gif" usemap="#mymap" width="100" height="100">

But how will I use usemap if the image will be a background?

[JeremysFilms]

At 7/29/06 04:06 PM, Nino_JoJ wrote: I noticed that, but what is the difference between absolute and relative positions?

When I say relative to the image, I'm saying that 0 would be the top left pixel of the image, with absolute, it would be everything, the entire screen. So with iamge maps, 0 is always the top left pixel, no matter where the image is in relation to the screen.

[NinoGrounds]

At 7/29/06 04:15 PM, JeremysFilms wrote: When I say relative to the image, I'm saying that 0 would be the top left pixel of the image, with absolute, it would be everything, the entire screen. So with iamge maps, 0 is always the top left pixel, no matter where the image is in relation to the screen.

Oh, I understand, so that's why it is regardless of screen resolution.

[elbekko]

Yeah. And for a background... no idea really =/

[Momo-the-Monkey]

actually, if you highlight the header, you'll see they have placed an image over the newgrounds part. It's a transparent gif.....and they just linked that as well, i did that with my website's header.

[Momo-the-Monkey]

Newgrounds also used a tricky little thing that uses a 1x1 (found here) and stretches it out by using the width and height....if you don't belive me....right click and hit view source...then scroll down until you hit the NG header background...and look for it there.

[NinoGrounds]

At 7/29/06 05:26 PM, Momo_the_Monkey wrote: Newgrounds also used a tricky little thing that uses a 1x1 (found here) and stretches it out by using the width and height....if you don't belive me....right click and hit view source...then scroll down until you hit the NG header background...and look for it there.

I know I searched that too.

[cherries]

they scale this image over it.