![]() WARNING! When specifying a region with more than three vertices, make sure the coordinates are to adjacent vertices. This doesn't impact how the code compiles, but what it does do is make bugs easier to find and squash.) (As a note on style, I keep each area tag on a separate line. In this specific case, note that I'm even allowed to link back to the page the map is on. The destination link is inside the area tags. The map tags start and end the list of clickable areas in the picture.Īrea tags specify the pixel coordinates of the vertices for each clickable region. Imagemap tags tell the server that certain commands are valid for this particular picture, namely the area command. Let's go down it line by line.Ĭenter tags centers the picture as a whole to make it look pretty and prominent. This is a sample of the code I used to make the imagemap of the Johto region for Ecruteak City in The Multiverse. As for the coordinates, well, we'll get into that in a moment.Ĭode: Select all You need at least three coordinates.Īs you can see, the raw code for this is fairly link-heavy, as you need both a link to the image itself as well as links to all the other things you want to link from it. Link //More area lines can follow this one, following the same template. So let's get started!Ĭode: Select all imageURL For big roleplays with a lot of places in them like The Multiverse, it's a great tool to help visualize how various pieces of a setting fit together geographically, provided you can find an accurate enough graphic to represent the setting as a whole. ![]() An imagemap is an exciting new feature recently rolled out onto RPG, and it lets you select part of an image and turn it into a link to something else! It's like embedding a link in an image, only here you can specify what part of an image hides the button.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |