Pretty Ballerina
#3
Tables Continued
Creators M-Z

[html]

out of character text


Blah blah blah lookit me I'm a table I'M SO BEAUTIFUL. "Talky talky talk talk talk!"


<style type="text/css">
.happyval b {font-weight:bold; color:#c0daeb; letter-spacing:1px; }
.happyval .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px;}
.happyval p {text-indent:25px; padding:5px 10px; margin:0px;}
.happyval {margin:0px auto; width:300px; background-color:#0d1d34; background-image:url(http://i.imgur.com/dF7ul.jpg); background-position:bottom center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 265px 0px; font-family: georgia, sans-serif; font-size:12px; color:#8394a6; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>
[/html]
Code:
[doHTML]
<div class="happyval">
<p class="ooc">out of character text</p>

<p>Blah blah blah lookit me I'm a table I'M SO BEAUTIFUL. <b>"Talky talky talk talk talk!"</b>
</p>

</div>
<style type="text/css">
.happyval b {font-weight:bold; color:#c0daeb; letter-spacing:1px; }
.happyval .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px;}
.happyval p {text-indent:25px; padding:5px 10px; margin:0px;}
.happyval {margin:0px auto; width:300px; background-color:#0d1d34; background-image:url(http://i.imgur.com/dF7ul.jpg); background-position:bottom center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 265px 0px; font-family: georgia, sans-serif; font-size:12px; color:#8394a6; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>
[/doHTML]
Table by Me.
------

[html]

Word Count → 361 :: OOC information goes here.


Blah blah blah lookit me I'm a table I'M SO BEAUTIFUL. "Talk talky talk talk talk."


<style>
.valintaflower .ooc {font-style:italic; font-family:arial, helvetica, sans-serif; font-size:11px; text-align:justify; color:#68713f;}
.valintaflower .wc {text-transform: uppercase; font-weight:bold; color:#68713f}
.valintaflower p {padding:0px 20px 5px 20px; margin:0px; text-indent:35px;}
.valintaflower b {color:#68713f; letter-spacing:-.2px;}
.valintaflower {background-color:#fdfdfd; background-image:url(http://i.imgur.com/2OtpY.jpg); background-position:top center; background-repeat:no-repeat; -moz-border-radius: 1em; border-radius: 1em; padding:230px 0px 5px 0px; border:2px solid #8f7f41; font-family: Georgia, serif; font-size:12px; color:#8f7f41; letter-spacing:.3px; word-spacing:.3px; line-height:16px; width:400px; text-align:justify; }
.valintaflower .separator{width:300px; border-bottom:2px dotted #8f7f41; margin:0 auto 5px auto;}
</style>
[/html]
Code:
[doHTML]<center><div class="valintaflower">
<p><span class="wc">Word Count → 361</span> :: <span class="ooc">OOC information goes here.</span></p>
<div class="separator"></div>

<p>Blah blah blah lookit me I'm a table I'M SO BEAUTIFUL. <b>"Talk talky talk talk talk."</b>
</p>

</div>
<style>
.valintaflower .ooc {font-style:italic; font-family:arial, helvetica, sans-serif; font-size:11px; text-align:justify; color:#68713f;}
.valintaflower .wc {text-transform: uppercase; font-weight:bold; color:#68713f}
.valintaflower p {padding:0px 20px 5px 20px; margin:0px; text-indent:35px;}
.valintaflower b {color:#68713f; letter-spacing:-.2px;}
.valintaflower {background-color:#fdfdfd; background-image:url(http://i.imgur.com/2OtpY.jpg); background-position:top center; background-repeat:no-repeat; -moz-border-radius: 1em; border-radius: 1em; padding:230px 0px 5px 0px; border:2px solid #8f7f41; font-family: Georgia, serif; font-size:12px; color:#8f7f41; letter-spacing:.3px; word-spacing:.3px; line-height:16px; width:400px; text-align:justify; }
.valintaflower .separator{width:300px; border-bottom:2px dotted #8f7f41; margin:0 auto 5px auto;}
</style></center>[/doHTML]
Table by Mel.
------
[html]
Out of Character

ooc text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Mommy Valinta

Blah blah blah lookit me I'm a table I'M SO BEAUTIFUL. "Talky talky talk talk talk."


<style>
.mamabear p {padding:0px 20px 10px 20px; margin:0px; text-indent:30px;}
.mamabear b {color:#2EBFD4;}
.mamabear-b {width:398px; border:1px solid #2EBFD4; margin:0px auto;}
.mamabear-header {font-family:verdana, serif; color:#2EBFD4; text-shadow:#ffffff 0px 0px 4px; float: right; margin:5px; text-transform:uppercase; font-size:17px; font-weight:bold; letter-spacing:1px;}
.mamabear-ooc {font-family: verdana, serif; font-size:12px; letter-spacing:.4px; font-style:italic; }
.mamabear {background-color:#FFFFFF; padding:0px 0px 10px 0px; border:1px solid #ffffff; font-family: verdana, serif; font-size:15px; color:#ED989E; letter-spacing:.3px; word-spacing:2px; line-height:14px; width:400px; text-align:justify; background-image:url(http://i910.photobucket.com/albums/ac30 ... 95_l-5.jpg); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 125px 0px; }
</style>
[/html]
Code:
[dohtml]<div class="mamabear-b"><div class="mamabear">
<div class="mamabear-header">Out of Character</div>
<p class="mamabear-ooc">ooc text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
<div class="mamabear-header">Mommy Valinta</div>

<p>Blah blah blah lookit me I'm a table I'M SO BEAUTIFUL. <b>"Talky talky talk talk talk."</b>
</p>

</div></div>
<style>
.mamabear p {padding:0px 20px 10px 20px; margin:0px; text-indent:30px;}
.mamabear b {color:#2EBFD4;}
.mamabear-b {width:398px; border:1px solid #2EBFD4; margin:0px auto;}
.mamabear-header {font-family:verdana, serif; color:#2EBFD4; text-shadow:#ffffff 0px 0px 4px; float: right; margin:5px; text-transform:uppercase; font-size:17px; font-weight:bold; letter-spacing:1px;}
.mamabear-ooc {font-family: verdana, serif; font-size:12px; letter-spacing:.4px; font-style:italic; }
.mamabear {background-color:#FFFFFF; padding:0px 0px 10px 0px; border:1px solid #ffffff; font-family: verdana, serif; font-size:15px; color:#ED989E; letter-spacing:.3px; word-spacing:2px; line-height:14px; width:400px; text-align:justify; background-image:url(http://i910.photobucket.com/albums/ac307/fastandbad/leica_leicamp_australia_918395_l-5.jpg); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 125px 0px; }
</style>
[/dohtml]
Table by Rose.
------

[html]

OOC.


Blah blah blah lookit me I'm a table I'M SO BEAUTIFUL. "Talky talky talk talk talk."


<style>
.enemy {font-family:georgia, serif; font-size: 14px; letter-spacing:0px; word-spacing:2px; text-align: left; margin:0px 25px; background-image:url(http://i53.tinypic.com/2rzw0as.png); background-position:bottom center; background-repeat:no-repeat; padding:0px 0px 250px 0px; border-bottom:1px solid #000000;}
.enemy .ooc {font-style:italic; font-family:arial, helvetica, sans-serif; font-size:11px; text-align:justify; }
.enemy .divider {border-bottom:1px dotted #000000; margin:5px auto; width:90%;}
.enemy .wc {text-transform: uppercase; font-weight:bold;}
.enemy .pts {text-transform: uppercase; font-weight:bold;}
.enemy p {text-indent: 25px; margin:0px; padding:0px 5px;}
.enemy b {letter-spacing:1.5px; font-family:georgia, serif; font-size:16px; font-style:none; letter-spacing:0em}
</style>[/html]
Code:
[dohtml]<div class="enemy">
<div class="divider"><p><span class="ooc">OOC.</span></p>
</div>

<p>Blah blah blah lookit me I'm a table I'M SO BEAUTIFUL. <b>"Talky talky talk talk talk."</b>
</p>

</div>
<style>
.enemy {font-family:georgia, serif; font-size: 14px;  letter-spacing:0px;  word-spacing:2px;  text-align: left; margin:0px 25px; background-image:url(http://i53.tinypic.com/2rzw0as.png); background-position:bottom center; background-repeat:no-repeat; padding:0px 0px 250px 0px; border-bottom:1px solid #000000;}
.enemy .ooc {font-style:italic; font-family:arial, helvetica, sans-serif; font-size:11px; text-align:justify; }
.enemy .divider {border-bottom:1px dotted #000000; margin:5px auto; width:90%;}
.enemy .wc {text-transform: uppercase; font-weight:bold;}
.enemy .pts {text-transform: uppercase; font-weight:bold;}
.enemy p {text-indent: 25px; margin:0px; padding:0px 5px;}
.enemy b {letter-spacing:1.5px; font-family:georgia, serif; font-size:16px; font-style:none; letter-spacing:0em}
</style>[/dohtml]
Table by Sammiie
------

[html]

OOC:


Valinta does. "Valinta speaks." Valinta thinks.

<style type="text/css">
.valintasnow b {font-weight:bold; color:#FFFFFF; letter-spacing:1px; }
.valintasnow .ooc { font-style:italic; padding:5px; font-family:verdana, sans-serif; font-size:11px;}
.valintasnow p {text-indent:25px; padding:5px 10px; margin:0px;}
.valintasnow {margin:0px auto; width:400px; background-color:#3B5884; background-image:url(http://i52.tinypic.com/2air14y.jpg); background-position:bottom center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 300px 0px; font-family: georgia, sans-serif; font-size:12px; color:#000000; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>[/html]
Code:
[dohtml]<div class="valintasnow">
<p class="ooc">OOC:</p>

<p>Valinta does. <b>"Valinta speaks."</b> <i>Valinta thinks.</i>
</div>
<style type="text/css">
.valintasnow b {font-weight:bold; color:#FFFFFF; letter-spacing:1px; }
.valintasnow .ooc { font-style:italic; padding:5px; font-family:verdana, sans-serif; font-size:11px;}
.valintasnow p {text-indent:25px; padding:5px 10px; margin:0px;}
.valintasnow {margin:0px auto; width:400px; background-color:#3B5884; background-image:url(http://i52.tinypic.com/2air14y.jpg); background-position:bottom center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 300px 0px; font-family: georgia, sans-serif; font-size:12px; color:#000000; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>[/dohtml]
Table by Sorin.
------

[html]

OOC/WC


Valinta does. "Valinta speaks." Valinta thinks.


<style type="text/css">
.prettyballerina b {font-weight:bold; color:#ca5b6e; letter-spacing:1px; }
.prettyballerina .ooc { font style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px; text-align:center;}
.prettyballerina p {text-indent:25px; padding:5px 10px; margin:0px;}
.prettyballerina {margin:0px auto; width:400px; background-color:#b08dad; background-image:url(http://i56.tinypic.com/2yubr7q.jpg); background-position:top center; background-repeat:no-repeat; border:1px solid #ffffff; padding: 300px 0px 10px 0px; font-family: georgia, sans-serif; font-size:12px; color:#d4b6ce; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>[/html]
Code:
[dohtml]<div class="prettyballerina">
<p class="ooc">OOC/WC</p>

<p>Valinta does. <b>"Valinta speaks."</b> <i>Valinta thinks.</i></p>

</div>
<style type="text/css">
.prettyballerina b {font-weight:bold; color:#ca5b6e; letter-spacing:1px; }
.prettyballerina .ooc { font style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px; text-align:center;}
.prettyballerina p {text-indent:25px; padding:5px 10px; margin:0px;}
.prettyballerina {margin:0px auto; width:400px; background-color:#b08dad; background-image:url(http://i56.tinypic.com/2yubr7q.jpg); background-position:top center; background-repeat:no-repeat; border:1px solid #ffffff; padding: 300px 0px 10px 0px; font-family: georgia, sans-serif; font-size:12px; color:#d4b6ce; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>[/dohtml]
Table by Sorin.
------


Messages In This Thread

Forum Jump: