Tweak

InsaneJournal

Tweak says, "why aren't you studying?"

Username: 
Password:    
Remember Me
  • Create Account
  • IJ Login
  • OpenID Login
Search by : 
  • View
    • Create Account
    • IJ Login
    • OpenID Login
  • Journal
    • Post
    • Edit Entries
    • Customize Journal
    • Comment Settings
    • Recent Comments
    • Manage Tags
  • Account
    • Manage Account
    • Viewing Options
    • Manage Profile
    • Manage Notifications
    • Manage Pictures
    • Manage Schools
    • Account Status
  • Friends
    • Edit Friends
    • Edit Custom Groups
    • Friends Filter
    • Nudge Friends
    • Invite
    • Create RSS Feed
  • Asylums
    • Post
    • Asylum Invitations
    • Manage Asylums
    • Create Asylum
  • Site
    • Support
    • Upgrade Account
    • FAQs
    • Search By Location
    • Search By Interest
    • Search Randomly
This Is An Example ([info]this_example) wrote in [info]rp_tutorials,
@ 2010-08-12 13:45:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
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)
Blank Hogsmeade



(Read comments)

Post a comment in response:

From:
( )Anonymous- this user has disabled anonymous posting.
( )OpenID
Username:
Password:
Don't have an account? Create one now.
Subject:
No HTML allowed in subject
  
Message:
 

Home | Site Map | Manage Account | TOS | Privacy | Support | FAQs