[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?
#2
That's pretty neat.
#3
Purdy shmeksy. That's cooool ^^
#4
THIS IS RIDICULOUSLY COOL

O_O
#5
QUOTE (Eris Eternity @ Jul 20 2011, 10:18 PM)
THIS IS RIDICULOUSLY COOL

O_O
[/quote]
[Image: like_pirate.png]
#6
[html]
<style>
#mlocation{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: 6% 77%;}
#mpushpin{position:relative;left:100px;top:20px;}
</style>[/html]Dawali be digging himself a pathetic little den right hurrrr.






Big GrinD
#7
O____________O indeed.

holy cow zero, you... never stop with your awesomeness do you?
#8
QUOTE (Esmeralda Acidic @ Jul 21 2011, 03:22 AM)
QUOTE (Eris Eternity @ Jul 20 2011, 10:18 PM)
THIS IS RIDICULOUSLY COOL

O_O
[/quote]
[Image: like_pirate.png] [/quote]
What they said.
#9
I LOVE THIS THINGY!!! Big Grin So helpful and awesome.
#10
*is too spazzy for these things but bows down to the amazingness* XD
#11
This is epic brilliance at it's best!!!
#12
I useded it! :3


Forum Jump: