Adonia Tables
#1
By: Shannon <3

[html]
Out of Character

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


In Character

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.


“Vivamus eu ante sed massa rutrum tincidunt.” 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.


<style>
.alleyadonia-sdb0109 p {padding:0px 20px 10px 20px; margin:0px; text-indent:30px;}
.alleyadonia-sdb0109 b {color:#171816;}
.alleyadonia-sdb0109-b {width:452px; border:1px solid #000000; margin:0px auto;}
.alleyadonia-sdb0109-header {font-family:georgia, serif; color:#997799; text-shadow:#ffffee 0px 0px 4px; float: right; margin:5px; text-transform:uppercase; font-size:15px; font-weight:bold; letter-spacing:1px;}
.alleyadonia-sdb0109-ooc {font-family:verdana, sans-serif; font-size:11px; letter-spacing:.4px; font-style:italic; }
.alleyadonia-sdb0109 {background-color:#f7eee6; padding:0px 0px 10px 0px; border:1px solid #ddddcc; font-family: georgia, serif; font-size:12px; color:#474844; letter-spacing:.3px; word-spacing:2px; line-height:14px; width:450px; text-align:justify; background-image:url(http://i.imgur.com/TZn20.png); background-position:top center; background-repeat:no-repeat; padding:430px 0px 10px 0px; }
</style>
[/html]



Code:
[dohtml]
<div class="alleyadonia-sdb0109-b"><div class="alleyadonia-sdb0109">
<div class="alleyadonia-sdb0109-header">Out of Character</div>

<p class="alleyadonia-sdb0109-ooc">ooc text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>

<div class="alleyadonia-sdb0109-header">In Character</div>

<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>

</div></div>
<style>
.alleyadonia-sdb0109 p {padding:0px 20px 10px 20px; margin:0px; text-indent:30px;}
.alleyadonia-sdb0109 b {color:#171816;}
.alleyadonia-sdb0109-b {width:452px; border:1px solid #000000; margin:0px auto;}
.alleyadonia-sdb0109-header {font-family:georgia, serif; color:#997799; text-shadow:#ffffee 0px 0px 4px; float: right; margin:5px; text-transform:uppercase; font-size:15px; font-weight:bold; letter-spacing:1px;}
.alleyadonia-sdb0109-ooc {font-family:verdana, sans-serif; font-size:11px; letter-spacing:.4px; font-style:italic; }
.alleyadonia-sdb0109 {background-color:#f7eee6; padding:0px 0px 10px 0px; border:1px solid #ddddcc; font-family: georgia, serif; font-size:12px; color:#474844; letter-spacing:.3px; word-spacing:2px; line-height:14px; width:450px; text-align:justify; background-image:url(http://i.imgur.com/TZn20.png); background-position:top center; background-repeat:no-repeat; padding:430px 0px 10px 0px; }
</style>
[/dohtml]

[Image: bEOXG.png]

By Requiem:


[Image: b9uy8.png]




Made by Aly :


[html]

occ here

Word Count → 000


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit eleifend placerat. In metus felis, auctor id lacinia non, consequat ac justo. "Ut nec lacus mi. Sed bibendum laoreet nibh, sit amet ullamcorper nibh hendrerit a." Aliquam erat volutpat. Vestibulum condimentum tempor malesuada. Nam nibh magna, tempor in ornare elementum, eleifend a sem. Vivamus eget fringilla sapien.

Aenean ultricies cursus ipsum, vel adipiscing magna dapibus quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed lectus sapien, tincidunt feugiat sagittis vitae, commodo quis est. Mauris tincidunt bibendum arcu, a ultrices justo hendrerit eu. Duis quis lectus sed mi venenatis sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit eleifend placerat. In metus felis, auctor id lacinia non, consequat ac justo. "Ut nec lacus mi." Sed bibendum laoreet nibh, sit amet ullamcorper nibh hendrerit a. Aliquam erat volutpat. Vestibulum condimentum tempor malesuada. Nam nibh magna, tempor in ornare elementum, eleifend a sem. Vivamus eget fringilla sapien.

Code by the Mentors; photo courtesy to effika

<style>
.adoniaaly-1 { background-image:url(http://i.imgur.com/a2cTX.png); background-repeat:no-repeat; background-position:bottom center; background-color:#7ca336; width:500px; margin:0px auto; text-align: left; padding:10px 0px 350px 0px; color:#9fcd4d; font-family:georgia, serif; font-size:12px; line-height:18px; border:1px solid #FFFFFF; outline:1px solid #000000;}
.adoniaaly-1 b {color:#d8eebb; }
.adoniaaly-1 p { text-indent:40px; padding:5px 15px; margin:0px; }
.adoniaaly-1 p.ooc { font-family:arial, helvetica, sans-serif; font-size:11px; }
.adoniaaly-1 .name { font-size:45px; font-family:arial, helvetica, sans-serif; text-transform:uppercase; text-align:right; margin:0px 45px 15px 0px; color:#FFFFFF; text-shadow:#000000 2px 2px 1px; }
p.template-credit {text-indent:0px; text-align:center; font-size:10px; font-style:italic; width:425px; text-align:center; margin:0px auto;}
.adoniaaly-1 .wordcount {color:#9fcd4d; letter-spacing:0px; font-size:11px; font-weight:bold; border-top:1px dotted #9fcd4d; text-align:right; padding:0px 5px; text-transform:uppercase; margin:0px 15px 15px 15px;}
p.template-credit {text-indent:0px; text-align:center; font-size:10px; font-style:italic; width:425px; text-align:center; margin:0px auto;}

</style>
[/html]


Code:
[dohtml]<div class="adoniaaly-1">
<div class="name"></div>
<p class="ooc"><i>occ here</i></p>
<p class="wordcount">Word Count → 000</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit eleifend placerat. In metus felis, auctor id lacinia non, consequat ac justo. <b>"Ut nec lacus mi. Sed bibendum laoreet nibh, sit amet ullamcorper nibh hendrerit a."</b> Aliquam erat volutpat. Vestibulum condimentum tempor malesuada. Nam nibh magna, tempor in ornare elementum, eleifend a sem. Vivamus eget fringilla sapien.
<p>Aenean ultricies cursus ipsum, vel adipiscing magna dapibus quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed lectus sapien, tincidunt feugiat sagittis vitae, commodo quis est. Mauris tincidunt bibendum arcu, a ultrices justo hendrerit eu. Duis quis lectus sed mi venenatis sodales.
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit eleifend placerat. In metus felis, auctor id lacinia non, consequat ac justo. <b>"Ut nec lacus mi."</b> Sed bibendum laoreet nibh, sit amet ullamcorper nibh hendrerit a. Aliquam erat volutpat. Vestibulum condimentum tempor malesuada. Nam nibh magna, tempor in ornare elementum, eleifend a sem. Vivamus eget fringilla sapien.

</div>
<p class="template-credit">Code by <a href="?viewtopic.php?t=17301">the Mentors</a>; photo courtesy to <a href="http://www.flickr.com/photos/effika/">effika</a></p>
<style>
.adoniaaly-1 { background-image:url(http://i.imgur.com/a2cTX.png); background-repeat:no-repeat; background-position:bottom center; background-color:#7ca336; width:500px; margin:0px auto; text-align: left; padding:10px 0px 350px 0px; color:#9fcd4d; font-family:georgia, serif; font-size:12px; line-height:18px; border:1px solid #FFFFFF; outline:1px solid #000000;}
.adoniaaly-1 b {color:#d8eebb; }
.adoniaaly-1 p { text-indent:40px; padding:5px 15px; margin:0px; }
.adoniaaly-1 p.ooc { font-family:arial, helvetica, sans-serif; font-size:11px; }
.adoniaaly-1 .name { font-size:45px; font-family:arial, helvetica, sans-serif; text-transform:uppercase; text-align:right; margin:0px 45px 15px 0px; color:#FFFFFF; text-shadow:#000000 2px 2px 1px; }
p.template-credit {text-indent:0px; text-align:center; font-size:10px; font-style:italic; width:425px; text-align:center; margin:0px auto;}
.adoniaaly-1 .wordcount {color:#9fcd4d; letter-spacing:0px; font-size:11px; font-weight:bold; border-top:1px dotted #9fcd4d; text-align:right; padding:0px 5px; text-transform:uppercase; margin:0px 15px 15px 15px;}
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]

[html]

occ here

Word Count → 000


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit eleifend placerat. In metus felis, auctor id lacinia non, consequat ac justo. "Ut nec lacus mi. Sed bibendum laoreet nibh, sit amet ullamcorper nibh hendrerit a." Aliquam erat volutpat. Vestibulum condimentum tempor malesuada. Nam nibh magna, tempor in ornare elementum, eleifend a sem. Vivamus eget fringilla sapien.

Aenean ultricies cursus ipsum, vel adipiscing magna dapibus quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed lectus sapien, tincidunt feugiat sagittis vitae, commodo quis est. Mauris tincidunt bibendum arcu, a ultrices justo hendrerit eu. Duis quis lectus sed mi venenatis sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit eleifend placerat. In metus felis, auctor id lacinia non, consequat ac justo. "Ut nec lacus mi." Sed bibendum laoreet nibh, sit amet ullamcorper nibh hendrerit a. Aliquam erat volutpat. Vestibulum condimentum tempor malesuada. Nam nibh magna, tempor in ornare elementum, eleifend a sem. Vivamus eget fringilla sapien.

Code by the Mentors; photo courtesy to effika

<style>
.adoniaaly-2 { background-image:url(http://i.imgur.com/V36Sy.png); background-repeat:no-repeat; background-position:bottom center; background-color:#ca61a3; width:500px; margin:0px auto; text-align: left; padding:10px 0px 375px 0px; color:#262a0b; font-family:georgia, serif; font-size:12px; line-height:18px; border:1px solid #FFFFFF; outline:1px solid #000000;}
.adoniaaly-2 b {color:#ceb5bc; }
.adoniaaly-2 p { text-indent:40px; padding:5px 15px; margin:0px; }
.adoniaaly-2 p.ooc { font-family:arial, helvetica, sans-serif; font-size:11px; }
.adoniaaly-2 .name { font-size:45px; font-family:arial, helvetica, sans-serif; text-transform:uppercase; text-align:right; margin:0px 45px 15px 0px; color:#FFFFFF; text-shadow:#000000 2px 2px 1px; }
p.template-credit {text-indent:0px; text-align:center; font-size:10px; font-style:italic; width:425px; text-align:center; margin:0px auto;}
.adoniaaly-2 .wordcount {color:#262a0b; letter-spacing:0px; font-size:11px; font-weight:bold; border-top:1px dotted #262a0b; text-align:right; padding:0px 5px; text-transform:uppercase; margin:0px 15px 15px 15px;}
p.template-credit {text-indent:0px; text-align:center; font-size:10px; font-style:italic; width:425px; text-align:center; margin:0px auto;}

</style>
[/html]


Code:
[dohtml]<div class="adoniaaly-2">
<div class="name"></div>
<p class="ooc"><i>occ here</i></p>
<p class="wordcount">Word Count → 000</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit eleifend placerat. In metus felis, auctor id lacinia non, consequat ac justo. <b>"Ut nec lacus mi. Sed bibendum laoreet nibh, sit amet ullamcorper nibh hendrerit a."</b> Aliquam erat volutpat. Vestibulum condimentum tempor malesuada. Nam nibh magna, tempor in ornare elementum, eleifend a sem. Vivamus eget fringilla sapien.
<p>Aenean ultricies cursus ipsum, vel adipiscing magna dapibus quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed lectus sapien, tincidunt feugiat sagittis vitae, commodo quis est. Mauris tincidunt bibendum arcu, a ultrices justo hendrerit eu. Duis quis lectus sed mi venenatis sodales.
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit eleifend placerat. In metus felis, auctor id lacinia non, consequat ac justo. <b>"Ut nec lacus mi."</b> Sed bibendum laoreet nibh, sit amet ullamcorper nibh hendrerit a. Aliquam erat volutpat. Vestibulum condimentum tempor malesuada. Nam nibh magna, tempor in ornare elementum, eleifend a sem. Vivamus eget fringilla sapien.

</div>
<p class="template-credit">Code by <a href="?viewtopic.php?t=17301">the Mentors</a>; photo courtesy to <a href="http://www.flickr.com/photos/effika/">effika</a></p>
<style>
.adoniaaly-2 { background-image:url(http://i.imgur.com/V36Sy.png); background-repeat:no-repeat; background-position:bottom center; background-color:#ca61a3; width:500px; margin:0px auto; text-align: left; padding:10px 0px 375px 0px; color:#262a0b; font-family:georgia, serif; font-size:12px; line-height:18px; border:1px solid #FFFFFF; outline:1px solid #000000;}
.adoniaaly-2 b {color:#ceb5bc; }
.adoniaaly-2 p { text-indent:40px; padding:5px 15px; margin:0px; }
.adoniaaly-2 p.ooc { font-family:arial, helvetica, sans-serif; font-size:11px; }
.adoniaaly-2 .name { font-size:45px; font-family:arial, helvetica, sans-serif; text-transform:uppercase; text-align:right; margin:0px 45px 15px 0px; color:#FFFFFF; text-shadow:#000000 2px 2px 1px; }
p.template-credit {text-indent:0px; text-align:center; font-size:10px; font-style:italic; width:425px; text-align:center; margin:0px auto;}
.adoniaaly-2 .wordcount {color:#262a0b; letter-spacing:0px; font-size:11px; font-weight:bold; border-top:1px dotted #262a0b; text-align:right; padding:0px 5px; text-transform:uppercase; margin:0px 15px 15px 15px;}
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]

Raze:


[Image: Sf3tt.png]


[html]

Out of character

Word Count → 000


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit eleifend placerat. In metus felis, auctor id lacinia non, consequat ac justo. "Ut nec lacus mi. Sed bibendum laoreet nibh, sit amet ullamcorper nibh hendrerit a." Aliquam erat volutpat. Vestibulum condimentum tempor malesuada. Nam nibh magna, tempor in ornare elementum, eleifend a sem. Vivamus eget fringilla sapien.

Aenean ultricies cursus ipsum, vel adipiscing magna dapibus quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed lectus sapien, tincidunt feugiat sagittis vitae, commodo quis est. Mauris tincidunt bibendum arcu, a ultrices justo hendrerit eu. Duis quis lectus sed mi venenatis sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit eleifend placerat. In metus felis, auctor id lacinia non, consequat ac justo. "Ut nec lacus mi." Sed bibendum laoreet nibh, sit amet ullamcorper nibh hendrerit a. Aliquam erat volutpat. Vestibulum condimentum tempor malesuada. Nam nibh magna, tempor in ornare elementum, eleifend a sem. Vivamus eget fringilla sapien.

<style>
.adonwolf {background-image:url(http://i.imgur.com/oqJGL.png); background-repeat:no-repeat; background-position:top center; background-color:#7c93ba; width:500px; margin:0px auto; text-align: justify; padding:400px 0px 5px 0px; color:#3a4557; font-family:georgia, serif; font-size:11px; line-height:16px; border:1px solid #FFFFFF; outline:1px solid #000000;}
.adonwolf b {color:#fff; text-shadow:#3a4557 1px 1px 2px; letter-spacing:1px;}
.adonwolf p { text-indent:0px; padding:5px 15px; margin:0px; }
.adonwolf p.ooc { font-family:arial, helvetica, sans-serif; font-size:11px; }
.adonwolf .wordcount {letter-spacing:0px; font-size:11px; font-weight:bold; border-top:1px dotted #fff; text-align:right; padding:0px 5px; text-transform:uppercase; margin:0px 15px 15px 15px;}

</style>
[/html]


Code:
[dohtml]<div class="adonwolf">
<p class="ooc"><i>Out of character</i></p>
<p class="wordcount">Word Count → 000</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit eleifend placerat. In metus felis, auctor id lacinia non, consequat ac justo. <b>"Ut nec lacus mi. Sed bibendum laoreet nibh, sit amet ullamcorper nibh hendrerit a."</b> Aliquam erat volutpat. Vestibulum condimentum tempor malesuada. Nam nibh magna, tempor in ornare elementum, eleifend a sem. Vivamus eget fringilla sapien.
<p>Aenean ultricies cursus ipsum, vel adipiscing magna dapibus quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed lectus sapien, tincidunt feugiat sagittis vitae, commodo quis est. Mauris tincidunt bibendum arcu, a ultrices justo hendrerit eu. Duis quis lectus sed mi venenatis sodales.
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit eleifend placerat. In metus felis, auctor id lacinia non, consequat ac justo. <b>"Ut nec lacus mi."</b> Sed bibendum laoreet nibh, sit amet ullamcorper nibh hendrerit a. Aliquam erat volutpat. Vestibulum condimentum tempor malesuada. Nam nibh magna, tempor in ornare elementum, eleifend a sem. Vivamus eget fringilla sapien.

</div>
<style>
.adonwolf {background-image:url(http://i.imgur.com/oqJGL.png); background-repeat:no-repeat; background-position:top center; background-color:#7c93ba; width:500px; margin:0px auto; text-align: justify; padding:400px 0px 5px 0px; color:#3a4557; font-family:georgia, serif; font-size:11px; line-height:16px; border:1px solid #FFFFFF; outline:1px solid #000000;}
.adonwolf b {color:#fff; text-shadow:#3a4557 1px 1px 2px; letter-spacing:1px;}
.adonwolf p { text-indent:0px; padding:5px 15px; margin:0px; }
.adonwolf p.ooc { font-family:arial, helvetica, sans-serif; font-size:11px; }
.adonwolf .wordcount {letter-spacing:0px; font-size:11px; font-weight:bold; border-top:1px dotted #fff; text-align:right; padding:0px 5px; text-transform:uppercase; margin:0px 15px 15px 15px;}

</style>
[/dohtml]


By Sammiie


[Image: v4ctpe.jpg]


Forum Jump: