TeamPhotoshop
Reviews, updates and in depth guides to your favourite mobile games - AppGamer.com
Forum Home Latest Posts Search Help Subscribe

Making a Hyperlink in a graphic

Page: 1 Reply
Jul 28th 2002#61316 Report
Member since: Jul 28th 2002
Posts: 2
Greetings Fellow PS Users,

This is my first post here. Please forgive me if this is not the proper forum for my question.

I have created a JPG file, and it contains the text "www.savagekillers.com". How do I make the text clickable in my picture to launch a web browser to send a user to that site.

Below is the picture I am currently using. Please let me know if I should convert it to a GIF too, since it's currently a JPG file. Thank you very much.

Reply with Quote Reply
Jul 28th 2002#61358 Report
Member since: Mar 18th 2001
Posts: 1501


Hey Bucks Co. Neighbor!

{A HREF=http://www.savagekillers.com target="_blank"}{IMG SRC=http://members.aol.com/dcr1968/eag_psc.jpg}{/A}

The above code, (replace the curly brackets with appropriate "<" and ">" symbols) will make the entire image clickable. The addition of the “ target="_blank" ” causes the link to open in a new window. If you want to make just the area around the text clickable you'll need to write the code for image mapping. You can find out a little about how to do that HERE.
Reply with Quote Reply
Jul 28th 2002#61403 Report
Member since: Jul 28th 2002
Posts: 2
Thank you for your help sir. Your help is greatly appreciated. I'm going to continue to tweak the graphic to have only the text clickable, because later on I want my name "DCR1968 {'SK'}" to then launch e-mail ... then "10261144" to launch ICQ. This is great though! Thanks a million.
Reply with Quote Reply
Jul 28th 2002#61408 Report
Member since: Jul 17th 2002
Posts: 215
heres the image map thing:







If that doesn't work go here http://www.femultimedia.com/eag_psc.htm

I used this html
{img src="eag_psc.jpg" width="480" height="182" border="0" usemap="#Map"}
{map name="Map"}
{area shape="rect" coords="148,157,342,176" href="http://www.savagekillers.com"}
{area shape="rect" coords="6,152,122,171" href="http://otherlink.html"}
{area shape="rect" coords="364,155,475,171" href="http://www.otherone.html"}
{/map}
Reply with Quote Reply
Jul 29th 2002#61580 Report
Member since: Mar 24th 2002
Posts: 3114
..and to make it more clear that they are clickable, you put this in the [img]-tag:
style="cursor:hand;"
Reply with Quote Reply
Page: 1 Back to top
Please login or register above to post in this forum