+- 'Souls IPB Archive (November 2007–October 2012) (https://soulsrpg.com/ipb)
+-- Forum: Dead OOC (https://soulsrpg.com/ipb/forumdisplay.php?fid=100)
+--- Forum: Dead Templates (https://soulsrpg.com/ipb/forumdisplay.php?fid=92)
+--- Thread: [CODE] WHAR R WE? 8| (/showthread.php?tid=19364)
- Barrett - 07-20-2011
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?
- Ayasha - 07-20-2011
That's pretty neat.
- Valinta LeStrange - 07-20-2011
Purdy shmeksy. That's cooool ^^
- Eris Eternity - 07-20-2011
THIS IS RIDICULOUSLY COOL
O_O
- Esmeralda Acidic - 07-20-2011
| QUOTE (Eris Eternity @ Jul 20 2011, 10:18 PM) | ||||
| THIS IS RIDICULOUSLY COOL O_O [/quote] ![[Image: like_pirate.png]](http://soulsrpg.com/images/like_pirate.png)
- Dawali Amara - 07-21-2011 [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.  D
- Magnolia Takekuro - 07-21-2011 O____________O indeed. holy cow zero, you... never stop with your awesomeness do you? - Anka de Sadira - 07-21-2011
|