╬ An Italian Angel ╬
#6
[html]
TABLES

-----------------------------------╬-------------------------------------

GORE, BLOOD, MATURE



Suicide by Sky
Code:
[dohtml]
<div class="matteoblood-border"><div class="matteoblood"><div class="inner">
<p class="ooc">OOC HERE</p>
<p>Matteo does. <b>Matteo talks.</b> <i>Matteo thinks.</i></p>

</div></div></div>
<style>
.matteoblood .ooc {text-indent:10px; font-style:italic; font-size:10px;}
.matteoblood p {padding:2px 0px; margin:0px; text-indent:35px;}
.matteoblood b {font-style:italic; font-weight:bold; color:#2d0000; letter-spacing:-.2px; text-shadow:#930000 0px 0px 3px; }
.matteoblood {background-color:#000000; background-image:url(http://i.imgur.com/gdJG9.png); background-position:top center; background-repeat:no-repeat; border:2px solid #FFFFFF; font-family: georgia, serif; font-size:12px; color:#fff5be; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:370px; text-align:justify; }
.matteoblood-border {width:372px; border:1px solid #000000; margin:0 auto;}
.matteoblood .inner {margin:250px 10px 10px 10px; padding:10px; background-image:url(http://sleepyglow.net/souls/25pct_white.png); border:1px solid #000000; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
</style>[/dohtml]


Harder to Breath by Sky
Code:
[doHTML]<div class="mt-doubleimg-border"><div class="mt-doubleimg"><div class="mt-doubleimg-inner">
<p class="ooc"></p>

<p>
Teo does. <b>Teo speaks.</b> <i>Teo thinks.</i>
</p>

</div></div></div>
<style>
.mt-doubleimg .ooc {font-style:italic; }
.mt-doubleimg p {padding:5px 15px; margin:0px; text-indent:25px;}
.mt-doubleimg b {color:#770000; text-shadow: 0.0em 0.1em 0.1em #000; letter-spacing:-.2px;  }
.mt-doubleimg {background-image:url(http://i.imgur.com/14rl3.png); background-position:top center; background-repeat:no-repeat; font-family: arial, serif; font-size:12px; color:#ffffff; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:520px; text-align:justify; padding:70px 0px 0px 0px; background-color:black;}
.mt-doubleimg-inner {background-image:url(http://i.imgur.com/ZZZ09.png);background-position:bottom left; background-repeat:no-repeat; margin-top:150px; padding: 0px 0px 50px 0px; width:520px;background-color:black;}
.mt-doubleimg-border {width:520px; margin:0 auto;border:1px solid white;outline:1px solid black;}
</style>[/doHTML]


Angel by Cait.
Code:
[dohtml]  <center><div style="width:420px; padding: 3px 0px 3px 0px; font-size:11px; font-family: Georgia,serif; letter-spacing:.6px; word-spacing:.9x; line-height:9px; font-style:italic; text-align:right;">OOC herpderp? / +yo numbah!</div></center>

<div class="teobloody2">
<p>Teo does. <b>Teo says.</b> <i>Teo thinks.</i>
</div>
<style type="text/css">
.teobloody2 b {font-weight:bold; color:#3e0605; letter-spacing:1px; text-shadow: 0.1em 0.1em 0.2em #320808; }
.teobloody2 p {text-indent:0px; padding:5px 16px; margin:0px;}
.teobloody2 {margin:0 auto; width:450px; background-color:#ccaaaa; background-image:url(http://i.imgur.com/rEauF.png); background-position:top center; background-repeat:no-repeat; border:1px solid #0b052c; padding: 280px 0px 7px 0px; font-family: Georgia, serif; font-size:12px; color:#6d4141; text-shadow: 0.1em 0.1em 0.2em #; letter-spacing:.6px; word-spacing:.9x; line-height:13.3px; text-align:justify;}
.teobloody2 p b:before { content: open-quote; }
.teobloody2 p b:after {content: close-quote; }
</style>
[/dohtml]


Chained by Erin
Code:
[dohtml]<div class="matteoball">
<p class="matteoball-ooc">OOC HERE</p>
<p>Matteo does. <b>Matteo speaks.</b> <i>Matteo thinks.</i></p></div>
<style type="text/css">
.matteoball b {font-style:italic; font-weight:bold; color:#435E55; text-shadow: 1px 1px 1px #1E3427; letter-spacing:.0px; }
.matteoball-ooc { font-style:italic; padding:15px; font-family:georgia, serif; font-size:11px; text-align:center; }
.matteoball p {text-indent:0px; padding:5px 10px; margin:0px;}
.matteoball {margin:0 auto; width:467px; background-color:#05060A; background-image:url(http://img.photobucket.com/albums/v515/blackmidnight/matteoball.png); background-position:bottom center; background-repeat:no-repeat; border:2px solid #192E27; padding: 10px 0px 290px 0px; font-family: georgia, serif; font-size:12px; color:#526368; line-height:16px; letter-spacing:.0px; text-align:justify;}
</style>
[/dohtml]



-----------------------------------╬-------------------------------------

ARTSY, PRETTY, NATURE THEMED



Flowers by Raze.
Code:
[dohtml]<div class="teoflower"><div class="name">Matteo Trovato</font></div><p><p>

<div class="space"> </div><p class="ooc"><span class="wc">Word Count → 000</span> :: Out of Character text</p>

<p>IC HERE</p></div>

<style type="text/css">
.teoflower .space {width:430px; height:400px; float:right;}
.teoflower b {font-weight:bold; color:#56a5ba; letter-spacing:1px;}
.teoflower p.ooc {font-style:italic; text-align:justify; text-indent:0px; padding:0px 5px;}
.teoflower p.ooc + p {padding:0px 5px;}
.teoflower .wc {text-transform: uppercase; font-weight:bold; color:#56a5ba;}
.teoflower p {text-indent:25px; padding:5px 10px; margin:0px;}
.teoflower {margin:0px auto; width:90%; background-color:#000000; background-image:url(http://i44.tinypic.com/2je357n.jpg); background-position:top right; background-repeat:no-repeat; border:1px solid #000000; padding:0px 0px 0px 0px; font-family: georgia, sans-serif; font-size:12px; color:#c5c6dc; line-height:16px; letter-spacing:.5px; text-align:justify;}
.teoflower .name {color:#56a5ba; font-size:50px; font-family: 'Rancho'; text-align:left; text-indent:25px; text-shadow:#000000 1px 1px 1px;}
</style>

<link href='http://fonts.googleapis.com/css?family=Rancho' rel='stylesheet' type='text/css'>[/dohtml]


Quiet Forest by Alli.
Code:
[dohtml]<div class="Matteofreebe01-border1"><div class="Matteofreebe01">
<p class="Matteofreebe01-ooc">OOC derp.</p>
<div class="Matteofreebe01-line1"></div>
<p>
Matteo does. <b>Matteo talks.</b> <i>Matteo thinks.</i>
</p>
</div></div>
<style type="text/css">
.Matteofreebe01 b {font-style:italic; font-weight:bold; color:#8b7e36; letter-spacing:1px; text-shadow: 0.1em 0.1em 0.2em #000000; }
.Matteofreebe01-ooc {font-style:italic; padding:0px; font-family: Georgia, serif; font-size:12px; color:#7c7b59; text-align:right;}
.Matteofreebe01 p {text-indent:0px; padding:5px 15px; margin:0px;}
.Matteofreebe01 {margin:0 auto; width:430px; background-color:#000000; background-image:url(http://img.photobucket.com/albums/v121/allifitz/Tables/Matteofreeb1.png); background-position:top center; background-repeat:no-repeat; border:1px solid #745e25; padding: 180px 0px 10px 0px; font-family: Georgia, serif; font-size:12px; color:#7c7b59; letter-spacing:.3px; word-spacing:.8px; line-height:12px; text-align:justify;}
.Matteofreebe01-border1 {width:432px; border:1px solid #000000; margin:0 auto;}
.Matteofreebe01-line1 {width:400px; border-bottom:1px dotted #504f30; margin:0 auto 3px auto;}
</style> <center><div style="width:430px; font-size:11px; font-family: Georgia, serif; style:italics; text-align:right;">#00+</div></center>[/dohtml]



"Alright kids! Let's clean up this mess!" by Kitty ♥
Code:
[doHTML]<div class="TeoCoon-01-border"><div class="TeoCoon-01">
<p class="ooc"><b>WC:</b>000+<br>
OOC blah would go here</p>

<p>Matteo does. <b>Matteo speaks.</b> <i>Matteo thinks.</i></p>

<P>
</p></div></div>
<style>
.TeoCoon-01 .ooc {font-size:10px; font-style:italic;}
.TeoCoon-01 p {padding:0px 15px 5px 15px; margin:0px; text-indent:25px;}
.TeoCoon-01 b {font-family:verdana; color:#e5cab7; text-shadow:#7c6a5d 0px 0px 4px; margin:5px; font-size:10px; font-weight:bold; letter-spacing:1px;}
.TeoCoon-01 {background-color:#927469; font-family: verdana, serif; font-size:12px; color:#ffffff; line-height:16px; width:457px; text-align:justify; background-image:url(http://img801.imageshack.us/img801/8462/coon.png); background-position:top center; background-repeat:no-repeat; padding:360px 0px 10px 0px; border:1px solid #FFFFFF; border-radius:8px; }
.TeoCoon-01-border {width:459px; border:1px solid #000000; margin:0 auto; border-radius:8px;}
</style>[/doHTML]



Station 1 by Kitty
Code:
[doHTML]<div class="AnaFK-22-border"><div class="AnaFK-22"><p class="ooc"><b>WC:</b>000+<br>OOC HERE</p>
<p>Matteo does. <b>Matteo speaks.</b> <i>Matteo thinks.</i></p><P></p></div></div><style>
.AnaFK-22 .ooc {font-size:10px; font-style:italic;}
.AnaFK-22 p {padding:0px 15px 5px 15px; margin:0px; text-indent:25px;}
.AnaFK-22 b {font-family:verdana; color:#FFF; text-shadow:#000 0px 0px 3px; margin:5px; font-size:10px; font-weight:bold; letter-spacing:1px;}
.AnaFK-22 {background-color:#caccc9;  font-family: verdana, serif; font-size:12px; color:#000; line-height:16px; width:476px; text-align:justify; background-image:url(http://i206.photobucket.com/albums/bb293/ScenarioDOODLES/souls/20.png); background-position:top center; background-repeat:no-repeat; padding:326px 0px 10px 0px; border:1px solid #FFFFFF; border-radius:8px; } .AnaFK-22-border {width:478px; border:1px solid #000000; margin:0 auto; border-radius:8px;}</style>[/doHTML]


A Simple Mistake (I Promise) by Marit
Code:
[doHTML]
<style type="text/css">
.matteomarit{width:530px; padding:1px; margin:auto; background-image:url(http://i692.photobucket.com/albums/vv289/souls/Others/matteo2.png); background-position:bottom; background-repeat:no-repeat; background-color:none;}
.matteomarit p{color:#000000; margin:0px; text-align:justify;}
.matteomarit b{font-family:georgia, 'times new roman', serif; color:#456363;}
.matteomarit i{font-family:georgia, 'times new roman', serif; color:#456363;}</style>

<div class="matteomarit">

<div style="width:480px; margin:auto; margin-bottom: 140px; padding:9px; border:1px solid #15483b; background-image:url(http://i692.photobucket.com/albums/vv289/souls/generic/white_50.png);">

<p>Matteo does. <b>Matteo speaks.</b> <i>Matteo thinks.</i></p>

</div></div>[/doHTML]


Heaven by Sky
Code:
[doHTML]<div class="TeoHeaven"><div class="inner">
<p class="ooc">OOC here!</p>
<p class="wordcount">Word Count → 000</p>

<p>Teo does. <b>Teo says.</b> <i>Teo thinks.</i></p>

</div>
</div>
<p class="template-credit">Image courtesy of [URL=http://www.flickr.com/people/dirkjankraan/]    Dirk-Jan Kraan@Flickr[/URL]; coding by <a href="?viewtopic.php?t=17301">the Mentors</a></p>
<style>
.TeoHeaven .ooc {font-style:italic; font-size:11px;}
.TeoHeaven p {padding:2px 0px; margin:0px; text-indent:35px;}
.TeoHeaven b {color:#FFFFFF; letter-spacing:-.2px;}
.TeoHeaven {background-color:#6b6b6b; background-image:url(http://i.imgur.com/UAxPY.png); background-position:bottom center; background-repeat:no-repeat; font-family: georgia, serif; font-size:12px; color:#000000; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:450px; text-align:justify; margin:0px auto; border:1px solid #000000; }
.TeoHeaven .inner {margin:0px 5px 240px 5px; padding:15px; background-image:url(http://soulsrpg.com/images/pride/templates/cdtemplate_bg.png); border-size:1px; border-width:1px; border-style: none solid solid solid; border-color:#0F0F1A;}
.TeoHeaven p.wordcount {color:#FFFFFF; letter-spacing:0px; font-size:11px; border-top:1px solid #000000; text-align:center; padding:0px 5px; text-transform:uppercase; margin:0px 15px 15px 15px; text-indent:0px;}
p.template-credit {text-indent:0px; text-align:center; font-size:10px; font-style:italic; width:425px; text-align:center; margin:0px auto;}
</style>[/doHTML]


City of Angels by Cait
Code:
[doHTML]
<div class="matteotrovato">
<p class="ooc">OOC:   <br>Word Count:</p>
<hr width=80%>

<p>Teo does. <b>Teo says.</b> <i>Teo thinks.</i>
</p>

</div>
<style type="text/css">
.matteotrovato b {font-weight:bold; color:#cbf0ec; letter-spacing:1px; }
.matteotrovato .ooc { font-style:italic; font-family:verdana, sans-serif; font-size:11px;}
.matteotrovato p {text-indent:25px; padding:5px 10px; margin:0px;}
.matteotrovato {margin:0px auto; width:400px; background-color:#4c6663; background-image:url(http://i55.tinypic.com/24gtvtg.jpg); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 400px 0px 10px 0px; font-family: georgia, sans-serif; font-size:12px; color:#06282f; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>
[/doHTML]


Where we should be for now by Kitty
Code:
[doHTML]<center><div class="MRed-K-01-border"><div class="MRed-K-01"><img src="http://img231.imageshack.us/img231/9023/tab12.png"><p class="ooc"><b>WC:</b>000+ - OOC blah would go here</p>
<p>Teo Does. <b>Teo Says.</b> <i>Teo Thinks.</i></p></div></div><style>
.MRed-K-01 .ooc {font-size:10px; font-style:italic;}
.MRed-K-01 p {padding:0px 15px 5px 15px; margin:0px; text-indent:25px;}
.MRed-K-01 b {font-family:verdana; color:#a2554d; text-shadow:#000000 0px 0px 2px; margin:5px; font-size:10px; font-weight:bold; letter-spacing:1px;}
.MRed-K-01 {background-color:#3a1011;  font-family: verdana, serif; font-size:12px; color:#884042;  text-shadow:#000000 0px 0px 2px; font-size:11px; line-height:16px;width:497px; text-align:justify; background-image:url(http://img220.imageshack.us/img220/5505/tab11.png); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 180px 0px; border:1px solid #FFFFFF; border-radius:8px; } .MRed-K-01-border {width:499px; border:1px solid #000000; margin:0 auto; border-radius:8px;}</style></center>[/doHTML]


Forest Run by Cait
Code:
[dohtml]  <center><div style="width:400px; padding: 3px 0px 3px 0px; font-size:11px; font-family: Georgia,serif; letter-spacing:.6px; word-spacing:.9x; line-height:9px; font-style:italic; text-align:right;">OOC Stuff Here!</div></center>

<div class="trovato-oo8">
<p>Matteo does. <b>Matteo says.</b> <i>Matteo thinks.</i></p>
</div>
<style type="text/css">
.trovato-oo8 b {font-weight:bold; color:#717D66; letter-spacing:1px; text-shadow: 0.1em 0.1em 0.2em #1e2a13; }
.trovato-oo8 p {text-indent:0px; padding:5px 16px; margin:0px;}
.trovato-oo8 {margin:0 auto; width:440px; background-color:#454c3e; background-image:url(http://i53.tinypic.com/orqk60.png); background-position:top center; background-repeat:no-repeat; border:1px solid #0b052c; padding: 180px 0px 7px 0px; font-family: Georgia, serif; font-size:12px; color:#272E21; text-shadow: 0.1em 0.1em 0.2em #; letter-spacing:.6px; word-spacing:.9x; line-height:13.3px; text-align:justify;}
.trovato-oo8 p b:before { content: open-quote; }
.trovato-oo8 p b:after {content: close-quote; }
</style>
[/dohtml]


Fantasy Lake by Nuki
Code:
[dohtml]
<center><div style="width:500px; font-size:11px; font-family: Georgia, serif; style:italics; text-align:left;">.: OOC :: WC :.</div></center>
<div class="Matteo_Fantasyboats">
<p>Teo does. <b>Teo says.</b> <i>Teo thinks.</i></P>

</div>
<style type="text/css">
.Matteo_Fantasyboats b {font-weight:bold; color:#b7e0df; letter-spacing:1px; font-family:Arial; }
.Matteo_Fantasyboats .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px;}
.Matteo_Fantasyboats p {text-indent:25px; padding:5px 10px; margin:0px;}
.Matteo_Fantasyboats {margin:0px auto; width:500px; background-color:#174d56; background-image:url(http://www.solacerp.net/Souls/Matteo_fantasy.jpg); background-position:top center; background-repeat:no-repeat; border:1px solid #412a3a; padding: 325px 0px 10px 0px; font-family:georgia, sans-serif; font-size:12px; color:#9cb39e; line-height:16px; letter-spacing:.5px; text-align:justify;}
.Matteo_Fantasyboats p:first-letter {font-size:20px;font-weight:normal;font-family:georgia;}
</style>[/dohtml]

-----------------------------------╬-------------------------------------

CUSTOMIZED TEO TABLES



Relax a moment... by Cait.
Code:
[dohtml]  <center><div style="width:420px; padding: 3px 0px 3px 0px; font-size:11px; font-family: Georgia,serif; letter-spacing:.6px; word-spacing:.9x; line-height:9px; font-style:italic; text-align:right;">OOC herpderp? / +yo numbah!</div></center>

<div class="ttteo">
<p><b>Says.</b> Does. <i>Thinks.</i>
</p>
</div>
<style type="text/css">
.ttteo b {font-weight:bold; color:#8bbe8d; letter-spacing:1px; text-shadow: 0.1em 0.1em 0.2em #0e1707; }
.ttteo p {text-indent:0px; padding:5px 16px; margin:0px;}
.ttteo {margin:0 auto; width:450px; background-color:#627055; background-image:url(http://i.imgur.com/RC2Jo.png); background-position:top center; background-repeat:no-repeat; border:1px solid #0b052c; padding: 340px 0px 7px 0px; font-family: Georgia, serif; font-size:12px; color:#304027; text-shadow: 0.1em 0.1em 0.2em #; letter-spacing:.6px; word-spacing:.9x; line-height:13.3px; text-align:justify;}
.ttteo p b:before { content: open-quote; }
.ttteo p b:after {content: close-quote; }
</style>
[/dohtml]


Watchful by Anna
Code:
[doHTML]
<div class="matteo-a01">
<div class="ooc"><p><span class="wc">Word Count » #00</span> :: OOC here.</p>
</div>
<div class="inner">

<p>Matteo does. <b>Matteo speaks.</b> <i>Matteo thinks.</i></p>

</div></div>
<style>
.matteo-a01 .ooc {font-style:italic;}
.matteo-a01 .wc {text-transform: uppercase; font-weight:bold; font-style:normal;}
.matteo-a01 p {padding:0px 20px 5px 20px; margin:0px; text-indent:35px;}
.matteo-a01 b {color:#b1c2b9; letter-spacing:-.2px;}
.matteo-a01 {font-family: georgia, serif; font-size:12px; color:#000000; letter-spacing:.4px; word-spacing:.3px; line-height:16px; text-align: justify; margin:0px auto; margin:5px auto; width:470px;}
.matteo-a01 .inner{background-color:#7e8f6f; background-image:url(http://anna.sleepyglow.net/images/gifts/matteo-a01.png); background-position:top center; background-repeat:no-repeat; padding:265px 0px 10px 0px; border:0px solid #fff; width:470px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 auto;}
</style>[/doHTML]


Purple by Cait
Code:
[doHTML]<div class="teoteo2-border"><img src=http://i.imgur.com/VUJee.png><div class="teoteo2"><div class="text">
<p class="ooc">OOC stuffs. Image editing by both Cait and Sky (me!). I added the scars and such. xD</p>

<p>
Matteo does. <b>Matteo speaks.</b> <i>Matteo thinks.</i>
</p>

</div></div></div>
<style>
.teoteo2 .ooc {font-style:italic;color:#ffd6e5; }
.teoteo2 p {padding:3px 15px; margin:0px; text-indent:25px;}
.teoteo2 b {color:#ffd6e5; letter-spacing:-.2px;  }
.teoteo2 {background-color:#5e3e50; background-position:top center; background-repeat:no-repeat;}
.teoteo2 .text {font-family: georgia, serif; font-size:12px; color:#c88f9d; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:400px; margin-top:-20px; text-align:justify; padding:-150px 0px 10px 0px; }
.teoteo2-border {width:400px; margin:0 auto;}
</style>[/doHTML]



-----------------------------------╬-------------------------------------

TEXT TABLES



Skull by Noelle
Code:
[doHTML]<center><div class="matteoskull01">
<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>
.matteoskull01 .ooc {font-style:italic; }
.matteoskull01 p {padding:2px 10px; margin:0px; text-indent:15px;}
.matteoskull01 b {color:#000000; letter-spacing:-.2px;  }
.matteoskull01 {background-image:url(http://img835.imageshack.us/img835/8990/matteoskull01.gif); background-position:bottom center; background-repeat:no-repeat; border:0px solid #000000; font-family: georgia, serif; font-size:12px; color:#000000; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:450px; text-align:justify; padding:10px 0px 160px 0px; }
</style></center>[/doHTML]


Tattoo by Sky
Code:
[dohtml]
<div class="TeoTattoo">
<div class="TeoTattoo-box"></div>
<p class="ooc"><span class="wc">Word Count → 310</span> :: Out of Character text</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p>

<p><b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p>
</div>
<style>
.TeoTattoo-box {background-image:url(http://i.imgur.com/z8Wm3.png); background-repeat:no-repeat; background-position: top center; width:101px; height:165px; float:right; margin:3px; }
.TeoTattoo {font-family:'times new roman', times, serif; font-size: 14px;  letter-spacing:0px;  word-spacing:2px;  text-align: left; margin:0px 25px;}
.TeoTattoo p.ooc {font-style:italic; font-family:arial, helvetica, sans-serif; font-size:12px; text-align:justify; text-indent:0px; padding:0px 5px;}
.TeoTattoo p.ooc + p {padding:0px 5px;}
.TeoTattoo .wc {text-transform: uppercase; font-weight:bold;}
.TeoTattoo p {text-indent: 25px; margin:0px; padding:10px 5px;}
.TeoTattoo b {letter-spacing:1px; font-family:georgia, serif; font-size:12px; letter-spacing:-.05em;}
</style>
[/dohtml]


Underwater by Shannon
Code:
[dohtml]<center>
<div class="freebietable-a08">
<p class="ooc"><span class="wc">Word Count :: 310</span> :: Out of Character text</p>
<div class="freebietable-a08-box"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p>
<p><b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p>
</div>
<style>
.freebietable-a08 {margin:0 auto; width:500px; background-image:url(http://i.imgur.com/ljOtS.png); background-position:bottom center; background-repeat:no-repeat; padding: 0px 0px 100px 0px; font-family: Georgia, serif; font-size:12px; line-height:15px; text-align:justify;}
.freebietable-a08 p.ooc {font-style:italic; text-align:justify; text-indent:0px; padding:0px 5px;}
.freebietable-a08 .wc {text-transform: uppercase; font-weight:bold;}
.freebietable-a08 p {text-indent: 25px; margin:0px; padding:5px 5px;}
</style></center>[/dohtml]
-----------------------------------╬-------------------------------------

CAMILLA'S TABLES



Big girls don't cry by Sorin
Code:
[dohtml]<div class="secret-character">
<p class="ooc">OOC/WC</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">
.secret-character b {font-weight:bold; color:#b14310; letter-spacing:1px; }
.secret-character .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px; text-align:center;}
.secret-character p {text-indent:25px; padding:5px 10px; margin:0px;}
.secret-character {margin:0px auto; width:400px; background-color:#000000; background-image:url(http://i.imgur.com/ONrB0.png); background-position:bottom center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 200px 0px; font-family: georgia, sans-serif; font-size:12px; color:#602f08; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>[/dohtml]


When I Grow Up by Kitty
Code:
[doHTML]<center><div class="BlEm-K-01-border"><div class="BlEm-K-01"><img src="http://img228.imageshack.us/img228/1060/sky3t.png"><p class="ooc"><b>WC:</b>000+ - OOC blah would go here</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis congue nisi ut nunc adipiscing eget vulputate quam mollis. Aliquam a urna vel nibh euismod scelerisque vitae in nisl. Maecenas ac est tortor, ac sollicitudin odio. Nunc bibendum iaculis ultrices. Nulla at felis non velit egestas imperdiet. Maecenas ultrices dapibus libero facilisis placerat.</p><p><b>“Vivamus eu ante sed massa rutrum tincidunt.”</b> Nulla fermentum interdum ante sed cursus. Donec et massa eget erat interdum pharetra quis id eros. Praesent in leo ut magna vulputate blandit quis non eros. Fusce ultricies, justo quis bibendum scelerisque, leo metus condimentum leo, nec consequat metus ante in elit. Curabitur quam odio, auctor nec ultrices et, mattis a augue. Curabitur id enim id orci mollis luctus. Duis id velit ac nulla cursus ornare sit amet quis turpis.</p><p><b>“Vivamus eu ante sed massa rutrum tincidunt.”</b> Nulla fermentum interdum ante sed cursus. Donec et massa eget erat interdum pharetra quis id eros. Praesent in leo ut magna vulputate blandit quis non eros. Fusce ultricies, justo quis bibendum scelerisque, leo metus condimentum leo, nec consequat metus ante in elit. Curabitur quam odio, auctor nec ultrices et, mattis a augue. Curabitur id enim id orci mollis luctus. Duis id velit ac nulla cursus ornare sit amet quis turpis.</p><P></p></div></div><style>
.BlEm-K-01 .ooc {font-size:10px; font-style:italic;}
.BlEm-K-01 p {padding:0px 15px 5px 15px; margin:0px; text-indent:25px;}
.BlEm-K-01 b {font-family:verdana; color:#4c222a; text-shadow:#000000 0px 0px 2px; margin:5px; font-size:10px; font-weight:bold; letter-spacing:1px;}
.BlEm-K-01 {background-color:#272727;  font-family: verdana, serif; font-size:12px; color:#686868; text-shadow:#000000 0px 0px 2px; font-size:11px; line-height:16px;width:428px; text-align:justify; background-image:url(http://img3.imageshack.us/img3/3235/sky4v.png); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 163px 0px; border:1px solid #FFFFFF; border-radius:8px; } .BlEm-K-01-border {width:430px; border:1px solid #000000; margin:0 auto; border-radius:8px;}</style></center>[/doHTML]
-----------------------------------╬-------------------------------------

THIS FIRE BREATHES



Bitter Chill by Raze
Code:
[dohtml]<div class="matteoyote"><p class="ooc"><b>WC:</b>000+ / OOC goes here.</p>

<p>posthere</p>

<style type="text/css">
.matteoyote b {font-weight:bold; color:#f3ccd4; letter-spacing:1px; margin:5px; text-shadow:#68757a 1px 1px 1px;}
.matteoyote p {text-indent:25px; padding:5px 10px; margin:0px;}
.matteoyote .ooc {font-size:10px; text-align:center;}
.matteoyote {margin:0px auto; width:500px; background-color:#b5ccd4; background-image:url(http://i.imgur.com/Yd2Yv.png); background-position:top center; background-repeat:no-repeat; border:1px solid #68757a; padding: 300px 0px 0px 0px; font-family:verdana, sans-serif; font-size:11px; color:#68757a; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>[/dohtml]


Burn by Gen
Code:
[dohtml]
<div class="gteo">
<DIV class="ooc">OOC goes here</div>
<div class="line1">000+</div>

<p>POSTHERE</P>

</div>
<style>
.gteo .ooc {font-style:italic;text-align:center; padding:0px 20px;color:#7f2700; }
.gteo p {padding:3px 10px; margin:0px; text-indent:20px;}
.gteo b {color:#f38504; letter-spacing:-.2px; text-shadow:#f37606 0px 1px 2px;  }
.gteo .line1 {width:350px; border-top:1px dotted #7f2700; margin:0 auto 3px auto;text-align:center;color:#7f2700;}
.gteo {background-color:#000000; background-image: url(http://i.imgur.com/HeOJ2.jpg); background-position:top center; background-repeat:no-repeat; border:3px double #a15d01; font-family: garamond, sans-serif; font-size:14px; color:#a15d01; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:500px; text-align:justify; padding: 250px 0px 10px 0px; margin:0 auto; }

</style>
[/dohtml]


God's Child has Turned to Sin by Marit
Code:
[doHTML]

<div id="matteosanta"><div style="padding: 8px 70px 8px 0;">

<p class="ooc"><b>#000</b> :: OOC GOES HERE</p>

<center><img src="http://i692.photobucket.com/albums/vv289/souls/Others/matteoheader.png" /></center>

<p>POST GOES HERE</p>
</div></div>

<style type="text/css">
#matteosanta { margin:20px; min-width:450px; margin:auto; background-color: #140505; background-image: url(http://i692.photobucket.com/albums/vv289/souls/Others/matteoborder_red.png); background-repeat: repeat-y; background-position: right; border:1px solid #ab0000; }
#matteosanta p { padding: 8px 16px 8px 16px; margin:0px; color: #eecea6; }
#matteosanta .ooc { font-style:italic; text-align: right;}
#matteosanta b { color: #ab0000; }
</style>
[/doHTML]


The Fire Goes On by Cait
Code:
[dohtml]  <center><div style="width:420px; padding: 3px 0px 3px 0px; font-size:11px; font-family: Georgia,serif; letter-spacing:.6px; word-spacing:.9x; line-height:9px; font-style:italic; text-align:right;">OOC herpderp? / +yo numbah!</div></center>

<div class="frteo">
<p>POST GOES HERE
</p>
</div>
<style type="text/css">
.frteo b {font-weight:bold; color:#b46031; letter-spacing:1px; text-shadow: 0.1em 0.1em 0.2em #3a1704; }
.frteo p {text-indent:0px; padding:5px 16px; margin:0px;}
.frteo {margin:0 auto; width:450px; background-color:#000000; background-image:url(http://img849.imageshack.us/img849/641/tttteeeeeo.png); background-position:top center; background-repeat:no-repeat; border:1px solid #0b052c; padding: 320px 0px 7px 0px; font-family: Georgia, serif; font-size:12px; color:#a86a47; text-shadow: 0.1em 0.1em 0.2em #; letter-spacing:.6px; word-spacing:.9x; line-height:13.3px; text-align:justify;}
.frteo p b:before { content: open-quote; }
.frteo p b:after {content: close-quote; }
</style>
[/dohtml]
[/html]


Messages In This Thread

Forum Jump: