[CODE] WHAR R WE? 8|
#1
Excuse the title, I've been messing with this code for too long. Yes, it turned out to be simple, but the chat distracts me and I never did anything like this before okay!?! T_T I also have no idea if this works in other browsers, lololol.

[html]
Hurfdurf, your post stuff would go here. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
<style>
#location{background-image:url('http://www.soulsrpg.com/images/BSMapPixels_subterr.jpg'); width:150px;height:150px;float:right;border:1px solid #000000;margin-left:5px;
background-position:25% 66%;}
#pushpin{position:relative;left:100px;top:20px;}
</style>
[/html]

Code:
<span id="location"><img src="http://i.imgur.com/5TaeS.gif" id="pushpin"></span>
<style>
#location{background-image:url('http://www.soulsrpg.com/images/BSMapPixels_subterr.jpg'); width:150px;height:150px;float:right;border:1px solid #000000;margin-left:5px;
background-position:25% 66%;}
#pushpin{position:relative;left:100px;top:20px;}
</style>

The only things you need to touch are the last couple lines. The pushpin stuff moves the pin, so all values should be between 0-150px. The background-position: % stuff changes where you are in the map. I'd suggest just eyeballing it. Here, I wanted it set around CD, so I saw it was about 1/4 or 25% of the way over horizontally and about 2/3 or 66% down vertically.

Tada?


Messages In This Thread

Forum Jump: