[html]
out of character text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut ipsum ut sem posuere adipiscing. Proin aliquam lectus diam, id dictum nunc. Maecenas in augue tortor, sed viverra libero. “Morbi urna eros,” facilisis id malesuada a, auctor eget est. In hac habitasse platea dictumst. Ut neque nulla, dignissim ut viverra ac, vehicula vitae neque. Aenean vel libero a nibh luctus volutpat et sed ligula.
<style type="text/css">
.character-a01 b {font-weight:bold; color:#3b5fb1; letter-spacing:1px; }
.character-a01 .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:9px;}
.character-a01 p {text-indent:25px; padding:5px 10px; margin:0px;}
.character-a01 {margin:0 auto; width:469px; background-color:#19294e; background-image:url(
http://i38.tinypic.com/1yvkmo.jpg); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 200px 0px 4px 0px; font-family: verdana, sans-serif; font-size:10px; color:#000000; line-height:12px; letter-spacing:.5px; text-align:justify;}
</style>[/html]
Code:
[doHTML]<div class="character-a01">
<p class="ooc">out of character text</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut ipsum ut sem posuere adipiscing. Proin aliquam lectus diam, id dictum nunc. Maecenas in augue tortor, sed viverra libero. <b>“Morbi urna eros,”</b> facilisis id malesuada a, auctor eget est. In hac habitasse platea dictumst. Ut neque nulla, dignissim ut viverra ac, vehicula vitae neque. Aenean vel libero a nibh luctus volutpat et sed ligula.</p>
</div>
<style type="text/css">
.character-a01 b {font-weight:bold; color:#3b5fb1; letter-spacing:1px; }
.character-a01 .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:9px;}
.character-a01 p {text-indent:25px; padding:5px 10px; margin:0px;}
.character-a01 {margin:0 auto; width:469px; background-color:#19294e; background-image:url(http://i38.tinypic.com/1yvkmo.jpg); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 200px 0px 4px 0px; font-family: verdana, sans-serif; font-size:10px; color:#000000; line-height:12px; letter-spacing:.5px; text-align:justify;}
</style>[/doHTML]
[html]
image by jynx, coding by traz
nom nom "speech"
[/html]
Code:
[dohtml]<center><div style='width:500px;height:240px;border:1px solid #FFF; outline:1px solid #000;background-image:url(http://img192.imageshack.us/img192/6927/daikitablefinite.jpg);background-repeat:no-repeat;background-color:#18323b;'></div>
<p>
<div style='width:500px;border:1px solid #FFF; outline:1px solid #000;background-color:#6e5541;'>
<div style='margin:30px;text-align:justify;font-family:verdana;font-size:10px;text-indent:15px;line-height:12px;'><i>image by jynx, coding by traz</i>
<p>nom nom <span style='color:#b79d6c;'>"speech"</span></div></div></center>[/dohtml]
[html]
http://i57.photobucket.com/albums/g210/ ... table2.png); background-position: bottom center; background-repeat: no-repeat;">
OOC
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut ipsum ut sem posuere adipiscing. Proin aliquam lectus diam, id dictum nunc. Maecenas in augue tortor, sed viverra libero. “Morbi urna eros,” facilisis id malesuada a, auctor eget est. In hac habitasse platea dictumst. Ut neque nulla, dignissim ut viverra ac, vehicula vitae neque. Aenean vel libero a nibh luctus volutpat et sed ligula.
[/html]
Code:
[dohtml]<center><div style="width: 425px; border: 1px solid black; background-color: #C3BCA9; background-image: url(http://i57.photobucket.com/albums/g210/linnietaichou/gaeltable2.png); background-position: bottom center; background-repeat: no-repeat;"><div style="padding: 10px; padding-bottom: 250px; font-family: verdana; font-size: 11px; line-height: 16px; color: #000000; text-align: justify;">
<p align="right"><i>OOC</i></p><p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut ipsum ut sem posuere adipiscing. Proin aliquam lectus diam, id dictum nunc. Maecenas in augue tortor, sed viverra libero. <b style="color:#246158;">“Morbi urna eros,”</b> facilisis id malesuada a, auctor eget est. In hac habitasse platea dictumst. Ut neque nulla, dignissim ut viverra ac, vehicula vitae neque. Aenean vel libero a nibh luctus volutpat et sed ligula.</p>
<b style="color:#246158;"></b>
</div></div></center>[/dohtml]
[html]
http://i233.photobucket.com/albums/ee19 ... ltable.png); background-position: bottom center; background-repeat: no-repeat;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut ipsum ut sem posuere adipiscing. Proin aliquam lectus diam, id dictum nunc. Maecenas in augue tortor, sed viverra libero.
“Morbi urna eros,” facilisis id malesuada a, auctor eget est. In hac habitasse platea dictumst. Ut neque nulla, dignissim ut viverra ac, vehicula vitae neque. Aenean vel libero a nibh luctus volutpat et sed ligula.
[/html]
Code:
[dohtml]<center><div style="width: 400px; border: 1px solid black; background-color: #0c1117; background-image: url(http://i233.photobucket.com/albums/ee197/TaintedRequiem/gaeltable.png); background-position: bottom center; background-repeat: no-repeat;"><div style="padding: 20px; padding-bottom: 300px; font-family: verdana; font-size: 10px; line-height: 12px; color: #e7e2de; text-align: justify;">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut ipsum ut sem posuere adipiscing. Proin aliquam lectus diam, id dictum nunc. Maecenas in augue tortor, sed viverra libero.
<b style="color: #bee3c8;">“Morbi urna eros,”</b> facilisis id malesuada a, auctor eget est. In hac habitasse platea dictumst. Ut neque nulla, dignissim ut viverra ac, vehicula vitae neque. Aenean vel libero a nibh luctus volutpat et sed ligula.</p>
<b style="color: #bee3c8;"></b>
</div></div></center>[/dohtml]
[html]
http://i57.photobucket.com/albums/g210/ ... table4.png); background-position: top center; background-repeat: no-repeat;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut ipsum ut sem posuere adipiscing. Proin aliquam lectus diam, id dictum nunc. Maecenas in augue tortor, sed viverra libero. “Morbi urna eros,” facilisis id malesuada a, auctor eget est. In hac habitasse platea dictumst. Ut neque nulla, dignissim ut viverra ac, vehicula vitae neque. Aenean vel libero a nibh luctus volutpat et sed ligula.
[/html]
Code:
[dohtml]<center><div style="width: 331px; border: 1px solid white; background-color: #000000; background-image: url(http://i57.photobucket.com/albums/g210/linnietaichou/gaeltable4.png); background-position: top center; background-repeat: no-repeat;"><div style="padding: 8px; padding-top: 320px; font-family: arial; font-size: 12px; line-height: 13px; color: #FFFFFF; text-align: justify;">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut ipsum ut sem posuere adipiscing. Proin aliquam lectus diam, id dictum nunc. Maecenas in augue tortor, sed viverra libero. <b style="color: #425F8B;">“Morbi urna eros,”</b> facilisis id malesuada a, auctor eget est. In hac habitasse platea dictumst. Ut neque nulla, dignissim ut viverra ac, vehicula vitae neque. Aenean vel libero a nibh luctus volutpat et sed ligula.</p>
</div></div></center>[/dohtml]
[html]
OOC here!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper. “Donec pellentesque condimentum pretium.” Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.
<style>
.gael-z29 .ooc {font-style:italic; }
.gael-z29 p {padding:2px 20px; margin:0px; text-indent:35px;}
.gael-z29 b {color:#F9DBFB; letter-spacing:-.2px; }
.gael-z29 {background-color:#504451; background-image:url(
http://sleepyglow.net/souls/gifts/2010dec/gael.png); background-position:top center; background-repeat:no-repeat; border:2px solid #000000; font-family: georgia, serif; font-size:12px; color:#BD8FC1; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:450px; text-align:justify; padding:240px 0px 10px 0px; }
.gael-z29-border {width:454px; border:1px solid #FFFFFF; margin:0 auto;}
</style>[/html]
Code:
[doHTML]<div class="gael-z29-border"><div class="gael-z29">
<p class="ooc">OOC here!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper. <b>“Donec pellentesque condimentum pretium.”</b> Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.</p>
</div></div>
<style>
.gael-z29 .ooc {font-style:italic; }
.gael-z29 p {padding:2px 20px; margin:0px; text-indent:35px;}
.gael-z29 b {color:#F9DBFB; letter-spacing:-.2px; }
.gael-z29 {background-color:#504451; background-image:url(http://sleepyglow.net/souls/gifts/2010dec/gael.png); background-position:top center; background-repeat:no-repeat; border:2px solid #000000; font-family: georgia, serif; font-size:12px; color:#BD8FC1; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:450px; text-align:justify; padding:240px 0px 10px 0px; }
.gael-z29-border {width:454px; border:1px solid #FFFFFF; margin:0 auto;}
</style>[/doHTML]