[CODE] Table Template - 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] Table Template (/showthread.php?tid=27841) |
- Terra - 05-13-2012 Took me ages to figure out how this thing works! Thought I'd throw the code up here in case other people are having just as much trouble...and so I don't have to puzzle it out again every single time! XD [html] Word Count → 000 :: Out of Character text.
I am talking about random nonsense in order to fill up the space and give you a good idea about what this is going to look like when I'm done with it. Of course, you'll actually see the finished product, so it's just me by myself yammering on and on about how do you make this thing work? but clearly after I've posted it this problem is no longer existent and just an irrelevant thought that I had while writing this along to actually put in some text here so that I can see it myself and make sure it's agreeable.
<style type="text/css"> .pentagram .space {float:right; width:300px; height:240px;} .pentagram b {font-weight:bold; color:#ffffff; letter-spacing:1px; } .pentagram p.ooc {font-size: 11px; text-align:left; padding:0px 30px;} .pentagram p.ooc + p {padding:0px 5px;} .pentagram .wc {text-transform: uppercase; font-weight:bold; color:#ffffff; } .pentagram p {text-indent:25px; padding:5px 20px; margin:0px;} .pentagram {width:98%; margin:0 auto; max-width:500px; min-width:400px; background-color:#000000; background-image:url(http://i1209.photobucket.com/albums/cc3 ... ble2-1.jpg); background-position:top right; background-repeat:no-repeat; border:1px solid #000000; border-radius:30px; padding:10px 0px 10px 0px; font-family: georgia, sans-serif; font-size:12px; color:#1C3894; line-height:16px; letter-spacing:.5px;} </style> [/html] I know that it's like the transparent one, just with a background. Code: [dohtml]<div class="pentagram"> |