[CODE] Free Anathema Table
#1
Style 8: Simplest Graphical
Instructions:
    [*]Snip the "name" class in the CSS as well as
    if you don't have text within your image.
Credit:
Cave image courtesy of bryanto@Flickr

[html]
Anathema

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 bryanto@Flickr; table by the Mentors!

<style>
.at-template { background-image:url(http://soulsrpg.com/images/pride/templa ... mplate.png); background-repeat:no-repeat; background-position: top center; background-color:#1A1A1A; width:500px; margin:0px auto; text-align: left; padding:150px 0px 10px 0px; color:#CDCDCD; font-family:georgia, serif; font-size:12px; line-height:18px; border:1px solid #FFFFFF; outline:1px solid #000000;}
.at-template b {color:#FFFFFF; }
.at-template p { text-indent:40px; padding:5px 15px; margin:0px; }
.at-template p.ooc { font-family:arial, helvetica, sans-serif; font-size:11px; }
.at-template .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;}
</style>
[/html]

Code:
[dohtml]<div class="at-template">
<div class="name">Anathema</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. Cras justo turpis, rhoncus eget mollis at, pretium eget mi. Integer dapibus consectetur arcu, nec sollicitudin mauris vestibulum at.</p>

</div>
<p class="template-credit">Image courtesy of [URL=http://www.flickr.com/photos/bryanto/3898682560/]bryanto@Flickr[/URL]; table by <a href="?viewtopic.php?t=17301">the Mentors!</a></p>
<style>
.at-template { background-image:url(http://soulsrpg.com/images/pride/templates/anathematemplate.png); background-repeat:no-repeat; background-position: top center; background-color:#1A1A1A; width:500px; margin:0px auto; text-align: left; padding:150px 0px 10px 0px; color:#CDCDCD; font-family:georgia, serif; font-size:12px; line-height:18px; border:1px solid #FFFFFF; outline:1px solid #000000;}
.at-template b {color:#FFFFFF; }
.at-template p { text-indent:40px; padding:5px 15px; margin:0px; }
.at-template p.ooc { font-family:arial, helvetica, sans-serif; font-size:11px; }
.at-template .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;}
</style>
[/dohtml]


Forum Jump: