User:Xliausx/Test
Jump to navigation
Jump to search
Contents
dark layout
cherry tree layout V.1
cherry tree layout V.2
ninja layout
how to make a image map
here is a little guide to make a image map:
- Step one make your image including all the text (i havent figured out how to make text box's ontop of the image yet)
- Step two upload this image aqworlds wiki and use the link of the image on this site http://www.image-maps.com/ (this site map's the areas you want in it)
- Step three after mapping is complete click html code
- Step four you will see co-ordinates (copy them and put them some where like a note pad.)
- Step five use this code:
<imagemap>Image:your image name here.jpg|800px|
rect 25 285 133 317 [[link to destination here]]
rect 27 325 135 357 [[link to destination here]]
rect 28 357 136 389 [[link to destination here]]
rect 15 240 150 276 [[link to destination here]]
rect 36 158 125 236 [[link to destination here]]
desc bottom-left
</imagemap>
Note:
The rect stands for rectangle. that is the shape of the area which will be click-able for the link.
You can also use pent (five locations) circle and on other...
The site will give you co-ordinates with a comma in between for example 25,285,133,317 change this to 25 285 133 317 (spaces instead of comma's).