[CODE] Free Cour des Miracles Table
#1
Style 6: Graphical with Inner Divider (V2, Funky Borders)
Instructions:
    [*]Can have two images: divider image (pictured); can add background image to the freetable-b02 {} class if wanted..[*]Adjust height of separator to match image height.[*]Text controlled by table itself, yay.[*]Bulky CSS3 for borders. :| MEH.
Credit:
Shore image courtesy of edsalkeld@Flickr

[html]

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

Cour des Miracles

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

<style>
.cdm-template p {padding:5px 10px; margin:0px; text-indent:30px;}
.cdm-template p.ooc {font-family:arial, helvetica, sans-serif; font-size:12px; letter-spacing:.4px; font-style:italic; padding:10px;}
.cdm-template b {color:#0D0929;}
.cdm-template .charname {font-family:georgia, serif; color:#DAA520; text-shadow:#09092D 0px 0px 2px; margin:53px 0px 0px 0px; text-transform:uppercase; font-size:35px; font-weight:bold; letter-spacing:1px; text-align:center;}
.cdm-template .separator {text-align:center; margin:2px 0px 15px 0px; background-image:url(http://soulsrpg.com/images/pride/templa ... mplate.png); height:182px; border-width:1px; border-size:1px; border-style: solid none; border-color:#000000; width:500px;}
.cdm-template {background-color:#959DB2; border:1px solid #000000; font-family: georgia, serif; font-size:12px; color:#3A3055; letter-spacing:0px; word-spacing:0px; line-height:18px; width:500px; text-align:left; margin:0px auto; padding:0px 0px 15px 0px; border-radius:15px; -moz-border-radius:10px; -webkit-border-radius:10px; border-bottom-left-radius:0px; border-top-right-radius:0px; -moz-border-bottom-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-bottom-left-radius:0px; -webkit-border-top-right-radius: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>[/html]

Code:
[dohtml]<div class="cdm-template">
<p class="ooc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
<div class="separator">
<div class="charname">Cour des Miracles</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/edsalkeld/4231948024/]edsalkeld@Flickr[/URL]; table by <a href="?viewtopic.php?t=17301">the Mentors!</a></p>
<style>
.cdm-template p {padding:5px 10px; margin:0px; text-indent:30px;}
.cdm-template p.ooc {font-family:arial, helvetica, sans-serif; font-size:12px; letter-spacing:.4px; font-style:italic; padding:10px;}
.cdm-template b {color:#0D0929;}
.cdm-template .charname {font-family:georgia, serif; color:#DAA520; text-shadow:#09092D 0px 0px 2px; margin:53px 0px 0px 0px; text-transform:uppercase; font-size:35px; font-weight:bold; letter-spacing:1px; text-align:center;}
.cdm-template .separator {text-align:center; margin:2px 0px 15px 0px; background-image:url(http://soulsrpg.com/images/pride/templates/cdmtemplate.png); height:182px; border-width:1px; border-size:1px; border-style: solid none; border-color:#000000; width:500px;}
.cdm-template {background-color:#959DB2; border:1px solid #000000; font-family: georgia, serif; font-size:12px; color:#3A3055; letter-spacing:0px; word-spacing:0px; line-height:18px; width:500px; text-align:left; margin:0px auto; padding:0px 0px 15px 0px; border-radius:15px; -moz-border-radius:10px; -webkit-border-radius:10px; border-bottom-left-radius:0px; border-top-right-radius:0px; -moz-border-bottom-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-bottom-left-radius:0px; -webkit-border-top-right-radius: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]


Forum Jump: