Out of these ashes,
#1
My Tables

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


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.


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.


Image courtesy of mandj98@Flickr; table by the Mentors!

<style>
.faeleaf .ooc {font-style:italic; font-size:11px; color:#6d7176;}
.faeleaf p {padding:2px 0px; margin:0px; text-indent:35px;}
.faeleaf b {color:#ef9352; letter-spacing:-.2px;}
.faeleaf {background-color:#c2c9d3; background-image:url(http://i51.tinypic.com/auegbt.jpg); background-position:bottom center; background-repeat:no-repeat; font-family: georgia, serif; font-size:12px; color:#8e939a; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:500px; text-align:justify; margin:0px auto; border-size:1px; border-width:1px; border-style: solid; border-radius:5px;}
.faeleaf .inner {margin:0px 10px 275px 10px; padding:10px; background-image:url(http://i54.tinypic.com/4t9a28.jpg); border-size:1px; border-width:1px; border-style: dotted; border-color:#3B4E48;}
.faeleaf .wordcount {color:#6d7176; letter-spacing:0px; font-size:11px; font-weight:bold; border-top:1px dotted #6d7176; 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="faeleaf"><p><p class="ooc">OOC here!</p>
<div class="inner">

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

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

<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>
<p class="template-credit">Image courtesy of [URL=http://www.flickr.com/photos/mandj98/4292973893/]mandj98@Flickr[/URL]; table by <a href="?viewtopic.php?t=17301">the Mentors!</a></p>
<style>
.faeleaf .ooc {font-style:italic; font-size:11px; color:#6d7176;}
.faeleaf p {padding:2px 0px; margin:0px; text-indent:35px;}
.faeleaf b {color:#ef9352; letter-spacing:-.2px;}
.faeleaf {background-color:#c2c9d3; background-image:url(http://i51.tinypic.com/auegbt.jpg); background-position:bottom center; background-repeat:no-repeat; font-family: georgia, serif; font-size:12px; color:#8e939a; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:500px; text-align:justify; margin:0px auto; border-size:1px; border-width:1px; border-style: solid; border-radius:5px;}
.faeleaf .inner {margin:0px 10px 275px 10px; padding:10px; background-image:url(http://i54.tinypic.com/4t9a28.jpg); border-size:1px; border-width:1px; border-style: dotted; border-color:#3B4E48;}
.faeleaf .wordcount {color:#6d7176; letter-spacing:0px; font-size:11px; font-weight:bold; border-top:1px dotted #6d7176; 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]
^ Thanks, Vesper!


[html]

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.

<style type="text/css">
.faeli-oo1 b {font-weight:bold; color:#efec7c; letter-spacing:1px; text-shadow: 0.1em 0.1em 0.2em #4f6818; }
.faeli-oo1 p {text-indent:0px; padding:5px 16px; margin:0px;}
.faeli-oo1 {margin:0 auto; width:440px; background-color:#80a72d; background-image:url(http://i53.tinypic.com/2e4lo4h.png); background-position:top center; background-repeat:no-repeat; border:1px solid #0b052c; padding: 230px 0px 7px 0px; font-family: Georgia, serif; font-size:12px; color:#627b2c; text-shadow: 0.1em 0.1em 0.2em #; letter-spacing:.6px; word-spacing:.9x; line-height:13.3px; text-align:justify;}
.faeli-oo1 p b:before { content: open-quote; }
.faeli-oo1 p b:after {content: close-quote; }
</style>
[/html]

Code:
[dohtml]<div class="faeli-oo1">
<p>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. <b>Nam nibh magna, tempor in ornare elementum,</b> eleifend a sem. Vivamus eget fringilla sapien.<br><br>

Aenean ultricies cursus ipsum, vel adipiscing magna dapibus quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. <b>Sed lectus sapien, tincidunt feugiat sagittis vitae, commodo quis est.</b> Mauris tincidunt bibendum arcu, a ultrices justo hendrerit eu. Duis quis lectus sed mi venenatis sodales.
</p>
</div>
<style type="text/css">
.faeli-oo1 b {font-weight:bold; color:#efec7c; letter-spacing:1px; text-shadow: 0.1em 0.1em 0.2em #4f6818; }
.faeli-oo1 p {text-indent:0px; padding:5px 16px; margin:0px;}
.faeli-oo1 {margin:0 auto; width:440px; background-color:#80a72d; background-image:url(http://i53.tinypic.com/2e4lo4h.png); background-position:top center; background-repeat:no-repeat; border:1px solid #0b052c; padding: 230px 0px 7px 0px; font-family: Georgia, serif; font-size:12px; color:#627b2c; text-shadow: 0.1em 0.1em 0.2em #; letter-spacing:.6px; word-spacing:.9x; line-height:13.3px; text-align:justify;}
.faeli-oo1 p b:before { content: open-quote; }
.faeli-oo1 p b:after {content: close-quote; }
</style>
[/dohtml]
^ Thanks, Tawny Wagner!


[html]
Faeli

Word Count :: 000 Lorem ipsum dolor sit amet.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dapibus sapien a sapien dapibus vestibulum. Nam sed scelerisque eros. Nam pellentesque sodales magna sit amet tincidunt. Pellentesque facilisis magna ut sapien facilisis varius. Fusce adipiscing, felis quis viverra tristique, risus erat adipiscing odio, sed suscipit purus tortor et odio. "Etiam nec eros nibh." Phasellus tristique ligula eget justo euismod vitae rutrum nisi luctus. Vestibulum posuere pharetra nunc et mattis. Pellentesque ultricies interdum nisl, sit amet viverra tortor vulputate eu. "Cras justo turpis, rhoncus eget mollis at, pretium eget mi." Integer dapibus consectetur arcu, nec sollicitudin mauris vestibulum at.


Image courtesy of frankdouwes@Flickr; table by the Mentors!

<style>
.mentor-Faeli { background-image:url(http://i692.photobucket.com/albums/vv28 ... /faeli.jpg); background-repeat:no-repeat; background-position: top center; background-color:#97b95c; width:500px; margin:0px auto; text-align: left; padding:150px 0px 10px 0px; color:#003300; font-family:georgia, serif; font-size:12px; line-height:18px; border:1px solid #FFFFFF; outline:1px solid #000000;}
.mentor-Faeli b {color:#FFFFFF; }
.mentor-Faeli p { text-indent:40px; padding:5px 15px; margin:0px; }
.mentor-Faeli p.ooc { font-family:arial, helvetica, sans-serif; font-size:11px; }
.mentor-Faeli .name { font-size:45px; font-family:'Merienda One', Georgia, serif; text-transform:none; 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;}
</style>
[/html]

Code:
[dohtml]<div class="mentor-Faeli">
<div class="name">Faeli</div>
<p class="ooc"><b>Word Count :: 000</b> Lorem ipsum dolor sit amet.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dapibus sapien a sapien dapibus vestibulum. Nam sed scelerisque eros. Nam pellentesque sodales magna sit amet tincidunt. Pellentesque facilisis magna ut sapien facilisis varius. Fusce adipiscing, felis quis viverra tristique, risus erat adipiscing odio, sed suscipit purus tortor et odio. <b>"Etiam nec eros nibh."</b> Phasellus tristique ligula eget justo euismod vitae rutrum nisi luctus. Vestibulum posuere pharetra nunc et mattis. Pellentesque ultricies interdum nisl, sit amet viverra tortor vulputate eu. <b>"Cras justo turpis, rhoncus eget mollis at, pretium eget mi."</b> Integer dapibus consectetur arcu, nec sollicitudin mauris vestibulum at.</p>

</div>
<p class="template-credit">Image courtesy of frankdouwes@Flickr; table by <a href="?viewtopic.php?t=17301">the Mentors!</a></p>
<style>
.mentor-Faeli { background-image:url(http://i692.photobucket.com/albums/vv289/souls/mentorship/faeli.jpg); background-repeat:no-repeat; background-position: top center; background-color:#97b95c; width:500px; margin:0px auto; text-align: left; padding:150px 0px 10px 0px; color:#003300; font-family:georgia, serif; font-size:12px; line-height:18px; border:1px solid #FFFFFF; outline:1px solid #000000;}
.mentor-Faeli b {color:#FFFFFF; }
.mentor-Faeli p { text-indent:40px; padding:5px 15px; margin:0px; }
.mentor-Faeli p.ooc { font-family:arial, helvetica, sans-serif; font-size:11px; }
.mentor-Faeli .name { font-size:45px; font-family:'Merienda One', Georgia, serif; text-transform:none; 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;}
</style>
<link href='http://fonts.googleapis.com/css?family=Merienda+One' rel='stylesheet' type='text/css'>
[/dohtml]
^ Thanks, The Mentors!


Forum Jump: