[CODE] Free Phoenix Valley Table

POSTED: Fri Apr 29, 2011 4:27 am

<span style='font-size:12pt;line-height:100%'>Style 3: Graphical with Inner Divider</span>
Instructions:<ol type='i'>[*]Can have two images: divider image (pictured); can add background image to the freetable-b02 {} class if wanted.</li>[*]Adjust height of separator to match image height.</li>[*]Text controlled by table itself, yay.</li></ol>Credit:
Forest sunset image courtesy of <a href='http://www.flickr.com/photos/aidanwojtas/2042297919/' target='_blank'>aidanwojtas@Flickr</a>

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

Phoenix Valley

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.

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



Code: Select all
[dohtml]<div class="freetable-b02">
<p class="ooc">ooc text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
<div class="separator">
<div class="charname">Phoenix Valley</div>
</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>
<p class="template-credit">Image courtesy of [URL=http://www.flickr.com/photos/aidanwojtas/2042297919/]aidanwojtas@Flickr[/URL]; table by <a href="?viewtopic.php?t=17301">the Mentors!</a></p>
<style>
.freetable-b02 p {padding:5px 10px; margin:0px; text-indent:30px;}
.freetable-b02 p.ooc {font-family:arial, helvetica, sans-serif; font-size:12px; letter-spacing:.4px; font-style:italic; padding:10px;}
.freetable-b02 b {color:#E8C743;}
.freetable-b02 .charname {font-family:georgia, serif; color:#AA7513; text-shadow:#FFFBF3 0px 0px 2px; float: right; margin:15px; text-transform:uppercase; font-size:25px; font-weight:bold; letter-spacing:1px;}
.freetable-b02 .separator {text-align:center; margin:2px 0px 15px 0px; background-image:url(http://soulsrpg.com/images/pride/templates/pvtemplate.png); height:185px; border-width:1px; border-size:1px; border-style: solid none; border-color:#000000; width:500px;}
.freetable-b02 {background-color:#83813D; border:1px solid #000000; font-family: georgia, serif; font-size:12px; color:#000000; letter-spacing:0px; word-spacing:0px; line-height:18px; width:500px; text-align:left; margin:0px auto; padding:0px 0px 15px 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]

Dead Templates

cron