Marit's info central

[Ulilohi Ehn]

Gift from Gen!
[html]

here you will see the tale that I shall tell you it, even if you do not believe me.

Word Count ► 000

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut odio id sapien venenatis gravida vel a lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla non risus non mi sagittis iaculis. Phasellus pulvinar, sem at laoreet adipiscing, ligula magna blandit ligula, nec molestie lectus magna vitae quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. "Etiam commodo augue eu augue faucibus semper."

Duis ac ante feugiat nulla dictum facilisis. Phasellus euismod, neque nec imperdiet interdum, enim arcu viverra nunc, eget consequat arcu magna eget mi. Phasellus vel tempus dui. Integer sed lacus in sapien blandit faucibus bibendum sit amet tortor. Proin ut urna justo, eu facilisis metus. Proin ultricies, enim mattis accumsan feugiat, diam ante porta diam, vitae consectetur ligula neque a massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce tempor augue id justo viverra malesuada. Donec consectetur tempor varius. Nunc eu orci enim.

image credits: [1],[2]

<style type="text/css">
.sisters b {font-weight:normal; color:#544f8e; text-shadow:#095700 0px 0px 2px; }
.sisters .ooc {font-style:italic; padding: 10px; font-family:verdana, sans-serif; font-size:11px; color:#a07387; text-align:center; }
.sisters p {text-indent:25px; padding:5px 15px 0px 15px; margin:0px;}
.sisters {margin:0 auto; width:500px; background-color:#ece9f8; background-image:url(http://i.imgur.com/zV5li.jpg); background-position:bottom center; background-repeat:no-repeat; border:3px double #544f8e; padding: 0px 0px 190px 0px; font-family: georgia, sans-serif; font-size:12px; color:#544f8e; line-height:14px; letter-spacing:.5px; text-align:justify;word-spacing:.5px;margin:0 auto;}
.sisters .wc {color:#fcfcec; letter-spacing:0px; font-size:10px; font-weight:bold; border-top:3px double #544f8e; text-align:center; padding: 5px 10px 5px 10px; text-transform:uppercase;text-shadow:#544f8e 0px 1px 1px;}
.sisters-b {width:500px; margin:auto;}

</style>
[/html]

Code:

[dohtml]<div class="sisters-b"><div class="sisters">
<div class="ooc">here you will see the tale that I shall tell you it, even if you do not believe me. </div>
<div class="wc">Word Count ► 000</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut odio id sapien venenatis gravida vel a lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla non risus non mi sagittis iaculis. Phasellus pulvinar, sem at laoreet adipiscing, ligula magna blandit ligula, nec molestie lectus magna vitae quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <b>"Etiam commodo augue eu augue faucibus semper."</b>
</p><p>
Duis ac ante feugiat nulla dictum facilisis. Phasellus euismod, neque nec imperdiet interdum, enim arcu viverra nunc, eget consequat arcu magna eget mi. Phasellus vel tempus dui. Integer sed lacus in sapien blandit faucibus bibendum sit amet tortor. Proin ut urna justo, eu facilisis metus. Proin ultricies, enim mattis accumsan feugiat, diam ante porta diam, vitae consectetur ligula neque a massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce tempor augue id justo viverra malesuada. Donec consectetur tempor varius. Nunc eu orci enim. </p>

</div><p>Table by Gen!<3 Image credits: <a href="http://www.flickr.com/photos/ankakay/3757215846/sizes/l/in/photostream/">[1]</a>, <a href="http://www.flickr.com/photos/ouistitis/6052645034/sizes/l/in/photostream/">[2]</a></p></div>
<style type="text/css">
.sisters b {font-weight:normal; color:#544f8e; text-shadow:#095700 0px 0px 2px; }
.sisters .ooc {font-style:italic; padding: 10px; font-family:verdana, sans-serif; font-size:11px; color:#a07387; text-align:center; }
.sisters p {text-indent:25px; padding:5px 15px 0px 15px; margin:0px;}
.sisters {margin:0 auto; width:500px; background-color:#ece9f8; background-image:url(http://i.imgur.com/zV5li.jpg); background-position:bottom center; background-repeat:no-repeat; border:3px double #544f8e; padding: 0px 0px 190px 0px; font-family: georgia, sans-serif; font-size:12px; color:#544f8e; line-height:14px; letter-spacing:.5px; text-align:justify;word-spacing:.5px;margin:0 auto;}
.sisters .wc {color:#fcfcec; letter-spacing:0px; font-size:10px; font-weight:bold; border-top:3px double #544f8e; text-align:center; padding: 5px 10px 5px 10px; text-transform:uppercase;text-shadow:#544f8e 0px 1px 1px;}
.sisters-b {width:500px; margin:auto;}
</style>
[/dohtml]

Christmas in July 2012, by Rose!

[html]<style type="text/css">
.ulijul b {font-weight:bold; color:#ffffff; letter-spacing:1px; }
.ulijul-ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:10px;}
.ulijul p {text-indent:25px;padding:10px 25px 5px 26px;margin:0px;}
.ulijul {width:450px;border:2px solid #ffffff;background-image:url(http://i910.photobucket.com/albums/ac30 ... dc44e5.jpg);background-position:bottom center;background-repeat:no-repeat;padding-bottom:220px;background-color:#9588b3;text-align:justify;margin:10px;font-family:georgia, serif;font-size:11px;line-height:12px;color:#48327b;}
</style>

ooc murr

Does, Says

Image by v.max1978

[/html]

Code:

[dohtml]<style type="text/css">
.ulijul b {font-weight:bold; color:#ffffff; letter-spacing:1px; }
.ulijul-ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:10px;}
.ulijul p {text-indent:25px;padding:10px 25px 5px 26px;margin:0px;}
.ulijul {width:450px;border:2px solid #ffffff;background-image:url(http://i910.photobucket.com/albums/ac307/fastandbad/228211801_d3f1dc44e5.jpg);background-position:bottom center;background-repeat:no-repeat;padding-bottom:220px;background-color:#9588b3;text-align:justify;margin:10px;font-family:georgia, serif;font-size:11px;line-height:12px;color:#48327b;}
</style>
<center><div class="ulijul">
<p class="ulijul-ooc">ooc murr</p>

<P>Does, [b]Says[/b]</p>

</div><p class="ulijul-ooc">Image by [URL=http://www.flickr.com/photos/marcinski]v.max1978[/URL]</p></center>[/dohtml]

Table by Sunny (STOLE IT FROM A FREEBIE THREAD AHAHAHAHAHA)

Code:

[dohtml]<div align="center"><div class="jjb2">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum quis sollicitudin leo. Aenean volutpat venenatis eros, quis faucibus nunc auctor eleifend. Maecenas sit amet aliquet mauris. Fusce quis nulla leo, non euismod mauris. <b>"Pellentesque tempus eros vel ipsum mollis tincidunt."</b> Ut libero massa, posuere in adipiscing at, tincidunt malesuada magna. Ut ornare nunc at eros faucibus nec tempor diam consectetur. Cras gravida porta turpis. Donec consequat eleifend nibh nec venenatis. Sed dignissim bibendum metus, eget aliquam justo sagittis ut. Integer sit amet neque quis erat mattis congue eu vitae tortor. Quisque tortor orci, adipiscing eu aliquam vitae, cursus in ipsum. Duis luctus ante vel eros eleifend ultrices. In mi tortor, rhoncus quis tincidunt nec, vestibulum vel augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

<p>In faucibus risus dui. Praesent leo est, tempor et sodales eget, varius rutrum nisl. Phasellus sodales auctor velit nec vestibulum. Aliquam vitae dui nec diam vulputate vulputate. Nullam orci leo, convallis nec rutrum vel, rutrum id massa. Integer dignissim lacinia arcu, id tempus lacus congue et. Ut eu nibh erat. Vivamus vitae nulla mauris, ac dapibus tortor. Nullam vel est nisl, ut bibendum tellus. Aenean convallis fermentum posuere. Suspendisse potenti. Aenean consequat nulla quis dolor rutrum tristique. Fusce volutpat elit eget neque auctor eget scelerisque leo dictum. Proin odio nisl, imperdiet non dictum quis, auctor in dolor.
</div></div>
<style>
.jjb2 b {color:#fff; font-weight:normal;}
.jjb2 p {text-indent:30px; padding:0px 15px 0px 15px; margin: 0px 0px 5px 0px;}
.jjb2 {font-family:calibri; font-size:12px; color:#DA8672; line-height:15px; padding:180px 0px 5px 0px; border:1px solid #fff; outline:1px solid #000000; background-image:url(http://i.imgur.com/lY4AT.png); background-position: top center; background-repeat:no-repeat; background-color:#621573; width:480px; text-align:justify; }
</style>[/dohtml]

Generic table (arial, with floaty picture) HAHA totally stole this idea from Sie's tables. PUNISH ME.

Code:

[doHTML]
<style>
   #ulilohi {width:85%; margin:10px auto; border:0; font-family: arial, sans-serif;}
   #ulilohi p {padding:0; text-indent:0;}
   #ulilohi p.wc {text-align:right;}
   #ulilohi img {float: right; margin: 0 0 15px 15px; max-height: 300px;}
   #ulilohi .ooc {font-style: italic;}
   #ulilohi .ooc::before {content: "OOC: ";}
</style>

<div id="ulilohi">
<img src="http://i692.photobucket.com/albums/vv289/souls/AniWaya/Ulilohi/ulilohiref_2_fred.png" />

<p class="ooc">Ulilohi is so naughty!</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada, justo vel sodales semper, elit mauris pharetra sapien, at varius elit lectus dapibus quam. Nam venenatis lectus nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean semper cursus pellentesque. Sed vel eros odio, ac malesuada turpis. Morbi rutrum consectetur enim nec dapibus. Donec elit libero, bibendum mattis scelerisque eget, rutrum eget urna. Suspendisse sed venenatis lectus. Sed sit amet fermentum mauris. </p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada, justo vel sodales semper, elit mauris pharetra sapien, at varius elit lectus dapibus quam. Nam venenatis lectus nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean semper cursus pellentesque. Sed vel eros odio, ac malesuada turpis. Morbi rutrum consectetur enim nec dapibus. Donec elit libero, bibendum mattis scelerisque eget, rutrum eget urna. Suspendisse sed venenatis lectus. Sed sit amet fermentum mauris. </p>

<p class="wc">#273</p>
</div>
[/doHTML]