[CODE] Free Cercatori d'Arte Table
#1
Style 7: Flexible Table
Instructions:
    [*]Can be difficult to finagle with images. :| Uses gradients/brush/eraser on image itself.[*]Inspired by tables I've seen Tams use! <3
Credit:
Forest coast image courtesy of jumpyjodes@Flickr

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


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

<style>
.cda-template .padded {width:283px;height:156px; float:right;}
.cda-template .ooc {font-style:italic; font-size:11px; }
.cda-template p {padding:5px 15px; margin:0px; text-indent:35px;}
.cda-template b {color:#FFFB99; letter-spacing:0px; font-family:times new roman, times, serif; font-size:14px; }
.cda-template {background-color:#9A7D97; border:1px solid #FFFB99; outline:1px solid #000000; font-family: georgia, serif; font-size:12px; color:#3A1A37; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:90%; text-align:justify; padding:0px 0px 10px 0px; margin:0px auto; background-image:url(http://soulsrpg.com/images/pride/templa ... mplate.png); background-position:top right; background-repeat:no-repeat; }
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="cda-template">
<div class="padded"></div>
<p class="ooc">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. </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>
<p class="template-credit">Image courtesy of [URL=http://www.flickr.com/photos/jumpyjodes/106614113]jumpyjodes@Flickr[/URL]; table by <a href="?viewtopic.php?t=17301">the Mentors!</a></p>
<style>
.cda-template .padded {width:283px;height:156px; float:right; background-image:url(http://soulsrpg.com/images/pride/templates/cdatemplate.png); background-position:top right; background-repeat:no-repeat; }
.cda-template .ooc {font-style:italic; font-size:11px; }
.cda-template p {padding:5px 15px; margin:0px; text-indent:35px;}
.cda-template b {color:#FFFB99; letter-spacing:0px; font-family:times new roman, times, serif; font-size:14px; }
.cda-template {background-color:#9A7D97; border:1px solid #FFFB99; outline:1px solid #000000; font-family: georgia, serif; font-size:12px; color:#3A1A37;  letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:90%; text-align:justify; padding:0px 0px 10px 0px; margin:0px auto; }
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: