|This Is An Example (this_example) wrote in rp_tutorials,|
@ 2010-08-12 13:45:00
|Entry tags:||extras, resources: fandom specific|
Maps! Maps! And more Maps!
I come here bringing you maps! First a cool trick, and then a couple of Harry Potter-specific maps.
First up, how to make a click-able map, mixed with some hidden tables just for kicks. Here's a live preview, since I'm not really sure how to explain it.
Here's the code upfront:
First, you have to make a table so that the map and the descriptions are side by side. Stick the map in one cell and the descriptions in the other cell.
Next figure out the coordinates for the part of the image you want linked. There are several ways to do this. I use paint (it shows the coords of where your mouse is in the bottom corner) but there's also this nifty thing. When you go to put them into the code, put them in this order: top-left X, top-left Y, bottom-right X, bottom-right Y.
Now just fill in all the right numbers and links and you're good to go!
You can add as many
as you like, but for each one add in another
to the second table cell.
Simple, yes? I know I'm probably missing some point, alas, but ask questions if needed and I'll answer them.
And now onto the fandom maps!
Diagon Alley Live Preview
All the codes:
Hogsmeade Live Preview
All the codes:
So those are complete maps and codes with all the information filled in. Quite a few of those stores are original creations of mine, and I'm perfectly fine with people taking them and using them with two exceptions - 'Dos Diablos' from the Diagon Alley map and 'Croeso' from the Hogsmeade map. I'm using those somewhere else, and they've been deleted from the codes posted above. Also, there's a bunch of repeated names and such so if you're using them both in the same game you might want to fix that.
Below are some blank maps that you can color in with your own information.
Blank Diagon Alley
(Alternate Blank Diagon Alley)