[CODE] WHAR R WE? 8| - Printable Version +- '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> 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
|