Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
[CODE]clickable regions in the logo IMG
Topic Started: Jun 18 2005, 12:32 PM (1,177 Views)
Goggy Jun 18 2005, 12:32 PM Post #1
Member Avatar
Member
*  
 Paste this in ACP -> SKINING & STYLES -> IMAGES -> LOGO
Quote:
 

<html>
<body>

<img src="IMAGE location"
width="size in pixels" height="size in pixels"
alt=""
usemap="#map name" />

<map id="planetmap" name="planetmap">

<area shape="rect"
coords="cordinates"
alt=""
href="URL location" />

<area shape="rect"
coords="cordinates"
alt=""
href="URL location" />

<area shape="rect"
coords="cordinates"
alt=""
href="URL location" />

</map>

</body>
</html>

Words in red can be changed

The cordinates are in pixels. To make a region of the rectangle take the top corners cordinates and the bottom corners cordinates
EXAMPLE (83,144,166,234)

Example of the whole thing put togetherDO NOT USE MINE
Quote:
 

<html>
<body>



<img src="http://img131.echo.cx/img131/4544/newselect7ie.png"
width="842" height="144"
alt="Planets"
usemap="#planetmap" />

<map id="planetmap" name="planetmap">

<area shape="rect"
coords="13,108,145,144"
alt="Guilds"
href="http://s10.invisionfree.com/DarkAssault/index.php?showforum=12" />

<area shape="rect"
coords="194,109,338,144"
alt="Update"
href="http://s10.invisionfree.com/DarkAssault/index.php?showforum=6" />

<area shape="rect"
coords="397,108,530,144"
alt="Events"
href="http://s10.invisionfree.com/DarkAssault/index.php?showforum=8" />

<area shape="rect"
coords="602,108,758,144"
alt="General"
href="http://s10.invisionfree.com/DarkAssault/index.php?showforum=3" />

</map>



</body>
</html>

If you need help Reply :jay:
Offline Profile Quote Post Goto Top
 
chiên Jun 18 2005, 06:33 PM Post #2
Vi3t Assassin
*   *   *   *   *  
 i assuming this is a copy and paste code because of the <html> and the <body> tags.
You should remove those tags so you remain complient oin basic XHTML while using that so a broswer doesn't do something unexepected.

Code:
 
<img src="IMAGE location"
width="size in pixels" height="size in pixels"
alt=""
usemap="#map name" />

<map id="planetmap" name="planetmap">

<area shape="rect"
coords="cordinates"
alt=""
href="URL location" />

<area shape="rect"
coords="cordinates"
alt=""
href="URL location" />

<area shape="rect"
coords="cordinates"
alt=""
href="URL location" />

</map>
Offline Profile Quote Post Goto Top
 
Goggy Jun 19 2005, 07:01 PM Post #3
Member Avatar
Member
*  
 Yeah, i guess you could delete the <html> and <body>, but i didnt and mine doesnt do any thing unexpected. But, yeah sure.And by the way this is my first code. Did you use it?
Offline Profile Quote Post Goto Top
 
chiên Jun 20 2005, 02:20 PM Post #4
Vi3t Assassin
*   *   *   *   *  
 no i didn't use it because I no another one that is a little bit easier to edit.
Offline Profile Quote Post Goto Top
 
zeroality Jul 23 2005, 09:44 PM Post #5
Member
*   *  
 I'm using it. ^_^ Didn't think you could put image maps in here.

Thanks man.
Offline Profile Quote Post Goto Top
 
dx169 Jul 23 2005, 09:48 PM Post #6
Quit
*   *   *   *   *   *  
 this isnt really a code.... almost all sites use this on their splash page including me so u click on the enter word instead of the whole picture... so yeah nothing new to me i already used this..;
Offline Profile Quote Post Goto Top
 
Tim Jul 24 2005, 03:23 AM Post #7
Member Avatar
Captain Cupcake

 I wouldnt say all sites use it
Offline Profile Quote Post Goto Top
 
whoelse May 25 2007, 05:09 PM Post #8
Member Avatar
Member
*  
 I put it in but it doesnt seem to work for me...
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Code Snippets · Next Topic »
Add Reply