Jump to content

A question ?


Recommended Posts

i know how to make a image click able but how can i make a image click able with two texts in it for example if a image(your sig) i click on Spider-vice it leads to your profile.FFM consiglierre to ffm recruitment.... :)

Or maybe its multiple links on an image

Link to comment
Share on other sites

The forum can handle it, but you need nonstandard HTML features turned on. We only have it in the staff room right now, otherwise we'd likely have tons of crap posted. (Entire pages, iframes, etc.) So i don't see it happening.

But yeah, you'd use a image map to define the area of an image to respond in certain ways, just not there.

Link to comment
Share on other sites

^ Might be an issue with getting them to lign up properly, especially on someone else's resolution...

<img src="[document location]" width="[xxx]" height="[xxx]" usemap="#MAPone" />
<map name="Map" id="MAPone">
 <area shape="rect" coords="[map distance from top edge],[map distance from bottom edge],[map's left edge distance from right],[map's right edge distance from right]" href="http://www.google.com" />
</map>

Image maps, for anyone who cares. Might have some of the distance details wrong, or all of them. But that's the jist of it.

Edit: a more practical example:

Clicky.

Link to comment
Share on other sites

@Llama: I couldn't really understand what you meant and what did you mean by click map ?

@Spider-Vice: I actually saw Evo doing it long ago that's why I asked. Different parts,gluing ?

Can you guys explain this to me with the use of an example and in a bit more detail ?

thanks so far !

Edited by Eazy.
Link to comment
Share on other sites

I meant to say image map. :P Edited now. Basically, it will define an area in an image to react to clicking, instead of making the whole image react. Like, you could add a clickmap to someone's face in an image, and it would link to somewhwre / another image, instead of you just clicking the image in general.

I added an example in my last post a few seconds ago, whilst you were posting. Check it out.

Evo's example was entirely linear i think. It's fine if you only want images side by side, they should go fine. If you start stacking or take the width above 800px (the forum's width, i think) it'll start to mess up.

Link to comment
Share on other sites

I'll have a look at it and try to understand and then see what it actually is....thanks :)

EDIT: I cant really seem to understand it for myself. The co-ordinates and other stuff doesn't go in my head if i have a image how can i know the co-ordinates and stuff. Anybody gotta tut or anything ? :erm:

Edited by Eazy.
Link to comment
Share on other sites

1.png2.png3.png

Right.

The image is split into 3 sections. The only reason the image looks buggered is because i rushed the cropping. You can make the same effect using any image, and any links.

The code is:

[url="http://www.google.com"][img=http://i227.photobucket.com/albums/dd264/MrLlamaLlama/1.png][/url][url="http://www.thegtaplace.com"][img=http://i227.photobucket.com/albums/dd264/MrLlamaLlama/2.png][/url][url="http://www.rockstargames.com"][img=http://i227.photobucket.com/albums/dd264/MrLlamaLlama/3.png][/url]

Link to comment
Share on other sites

As you can see, I also put this in my signature. But, all I did was arrange it into a table and put each image to a link.

I don't know how it looks on your screens, but here's how it's supposed to look:

nyhhsignature4-4-09.png

(I made this pic one whole image to show how it's supposed to look)

And the code to my sig:

[table][tr][td][url="http://www.thegtaplace.com/forums/index.php?showtopic=22468"][img=http://i290.photobucket.com/albums/ll271/NotYouHaha/ny1_copynis.png][/url]
[url="http://www.thegtaplace.com/forums/index.php?showtopic=22469"][img=http://i290.photobucket.com/albums/ll271/NotYouHaha/ny2_copyyiu.png][/url][/td][td][img=http://i290.photobucket.com/albums/ll271/NotYouHaha/ny3copy6.png][/td][/tr][/table]

This is just what Llama did except it's arranged in a table, to make the first part stacked up on top of one another.

I think this is the best you can do with the coding here.

Link to comment
Share on other sites

Understood what you guys said but I'm asking if we click on chat here on notyouhaha's sig only then it reaches out that link not the other part of the image.....I mean only the text or the rectangular area around the text.

Understood what you guys said but I'm asking if we click on chat here on notyouhaha's sig only then it reaches out that link not the other part of the image.....I mean only the text or the rectangular area around the text.

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...