Bonjour Maîtresse Sombre
#3
[html]

OOC text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut mauris elit, sed laoreet nibh. Etiam nisi purus, ultricies vel fermentum at, vulputate eu eros. Curabitur non pellentesque augue. Aliquam pharetra tincidunt neque sed aliquet. Fusce sem erat, viverra accumsan venenatis a, placerat hendrerit augue. Aliquam elementum, tellus in iaculis lobortis, nibh nunc pharetra nisl, quis vulputate ipsum quam vel quam. Praesent arcu felis, dictum eu varius placerat, placerat non risus. Pellentesque ante neque, luctus sed ullamcorper at, pharetra at magna. Nam dolor sem, porta quis consequat vitae, dapibus quis nulla. Integer pretium eros nec libero placerat consectetur. “Proin nec lectus lacus, vel interdum ligula,” curabitur faucibus scelerisque diam, iaculis laoreet sapien volutpat id. Nunc ac arcu vitae tortor tempor cursus. Duis hendrerit risus eget dolor fringilla blandit. Nulla dui magna, sodales vitae egestas ultrices, commodo ut sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin a sapien velit.


Donec sed sem mauris. Ut et mattis leo. Maecenas laoreet semper nisl, non dignissim purus viverra ut. Nulla bibendum diam elit, sodales elementum tortor. Curabitur vitae turpis ut arcu tincidunt ultricies a a urna. Cras scelerisque volutpat dolor sed tempus. Suspendisse tristique aliquet imperdiet. Pellentesque non nibh arcu. Integer mollis adipiscing tortor, vitae vehicula justo hendrerit vestibulum. Ut nec felis arcu, et venenatis mi. Sed nec mauris nibh. Donec et egestas erat. Nullam ut felis sed sem porttitor placerat. Etiam mollis felis in ante semper tincidunt.

<style type="text/css"> .layla2 b {font-weight:bold; color:#00aee0; letter-spacing:1px; } .layla2 .ooc { font-style:italic; color:#ffffff; padding-top:325px; font-family:verdana, sans-serif; font-size:11px;} .layla2 p {text-indent:25px; padding:5px 10px; margin:0px; color: #afafaf} .layla2 {margin:0 auto; width:475px; background-color:#000000; background-image:url(http://i173.photobucket.com/albums/w52/ ... sories.png); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 0px 0px; font-family: georgia, sans-serif; font-size:10px; color:#0F475F; line-height:16px; letter-spacing:.5px; text-align:justify;} </style>[/html]

Code:
<div class="layla2" style="width: 475px;"> <p class="ooc">OOC text.</p> <p> Action. <b>"Speak."</b> </p> </div> <style type="text/css"> .layla2 b {font-weight:bold; color:#00aee0; letter-spacing:1px; } .layla2 .ooc { font-style:italic; color:#ffffff; padding-top:325px; font-family:verdana, sans-serif; font-size:11px;} .layla2 p {text-indent:25px; padding:5px 10px; margin:0px; color: #afafaf} .layla2 {margin:0 auto; width:475px; background-color:#000000; background-image:url(http://i173.photobucket.com/albums/w52/AkakotheHedgehog/Misc%20Stoff/Laylatopwithaccessories.png); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 0px 0px; font-family: georgia, sans-serif; font-size:10px; color:#0F475F; line-height:16px; letter-spacing:.5px; text-align:justify;} </style>

[html]
Thanks to James for this table


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut mauris elit, sed laoreet nibh. Etiam nisi purus, ultricies vel fermentum at, vulputate eu eros. Curabitur non pellentesque augue. Aliquam pharetra tincidunt neque sed aliquet. Fusce sem erat, viverra accumsan venenatis a, placerat hendrerit augue. Aliquam elementum, tellus in iaculis lobortis, nibh nunc pharetra nisl, quis vulputate ipsum quam vel quam. Praesent arcu felis, dictum eu varius placerat, placerat non risus. Pellentesque ante neque, luctus sed ullamcorper at, pharetra at magna. Nam dolor sem, porta quis consequat vitae, dapibus quis nulla. Integer pretium eros nec libero placerat consectetur. “Proin nec lectus lacus, vel interdum ligula,” curabitur faucibus scelerisque diam, iaculis laoreet sapien volutpat id. Nunc ac arcu vitae tortor tempor cursus. Duis hendrerit risus eget dolor fringilla blandit. Nulla dui magna, sodales vitae egestas ultrices, commodo ut sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin a sapien velit.


Donec sed sem mauris. Ut et mattis leo. Maecenas laoreet semper nisl, non dignissim purus viverra ut. Nulla bibendum diam elit, sodales elementum tortor. Curabitur vitae turpis ut arcu tincidunt ultricies a a urna. Cras scelerisque volutpat dolor sed tempus. Suspendisse tristique aliquet imperdiet. Pellentesque non nibh arcu. Integer mollis adipiscing tortor, vitae vehicula justo hendrerit vestibulum. Ut nec felis arcu, et venenatis mi. Sed nec mauris nibh. Donec et egestas erat. Nullam ut felis sed sem porttitor placerat. Etiam mollis felis in ante semper tincidunt.






[/html]

Code:
<center><div style='width:350px;border:1px solid #000000;background-image:url(http://i25.photobucket.com/albums/c73/physe_revlis/layla.png);background-repeat:no-repeat;padding-bottom:220px;background-position:bottom center;background-color:#2f412b;'><div style='text-align:justify;margin:10px;font-size:10px;color:#151715'><center><i>ooc talk talk talk :3</center></i><br>

Text goes here<p><p>

<font color="#d1d1cd">  </font>


</div></div></center>

[html]



Thanks to Ever for this table

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut mauris elit, sed laoreet nibh. Etiam nisi purus, ultricies vel fermentum at, vulputate eu eros. Curabitur non pellentesque augue. Aliquam pharetra tincidunt neque sed aliquet. Fusce sem erat, viverra accumsan venenatis a, placerat hendrerit augue. Aliquam elementum, tellus in iaculis lobortis, nibh nunc pharetra nisl, quis vulputate ipsum quam vel quam. Praesent arcu felis, dictum eu varius placerat, placerat non risus. Pellentesque ante neque, luctus sed ullamcorper at, pharetra at magna. Nam dolor sem, porta quis consequat vitae, dapibus quis nulla. Integer pretium eros nec libero placerat consectetur. “Proin nec lectus lacus, vel interdum ligula,” curabitur faucibus scelerisque diam, iaculis laoreet sapien volutpat id. Nunc ac arcu vitae tortor tempor cursus. Duis hendrerit risus eget dolor fringilla blandit. Nulla dui magna, sodales vitae egestas ultrices, commodo ut sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin a sapien velit.


Donec sed sem mauris. Ut et mattis leo. Maecenas laoreet semper nisl, non dignissim purus viverra ut. Nulla bibendum diam elit, sodales elementum tortor. Curabitur vitae turpis ut arcu tincidunt ultricies a a urna. Cras scelerisque volutpat dolor sed tempus. Suspendisse tristique aliquet imperdiet. Pellentesque non nibh arcu. Integer mollis adipiscing tortor, vitae vehicula justo hendrerit vestibulum. Ut nec felis arcu, et venenatis mi. Sed nec mauris nibh. Donec et egestas erat. Nullam ut felis sed sem porttitor placerat. Etiam mollis felis in ante semper tincidunt.


<style type="text/css">
.layla3 b {font-weight:bold; color:#9ea05f; letter-spacing:1px; }
.layla3 .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px;}
.layla3 p {text-indent:25px; padding:5px 10px; margin:0px;}
.layla3 {margin:0 auto; width:356px; background-color:#565524; background-image:url(http://img844.imageshack.us/img844/4213/souls35.png); background-position:top center; background-repeat:no-repeat; border:3px double #35200d; padding: 350px 0px 10px 0px; font-family: cambria, sans-serif; font-size:12px; color:#2f1a00; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>[/html]

Code:
<div class="layla3">
<p class="ooc"><center><i>
<p class="ooc"><center><i>
Fy'Ra Speak
<br>
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
</center></i></p><p>
Layla <i>talks</i>, <u>walks</u>, <b>lives</b>.


</p></div>
<style type="text/css">
.layla3 b {font-weight:bold; color:#9ea05f; letter-spacing:1px; }
.layla3 .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px;}
.layla3 p {text-indent:25px; padding:5px 10px; margin:0px;}
.layla3 {margin:0 auto; width:356px; background-color:#565524; background-image:url(http://img844.imageshack.us/img844/4213/souls35.png); background-position:top center; background-repeat:no-repeat; border:3px double #35200d; padding: 350px 0px 10px 0px; font-family: cambria, sans-serif; font-size:12px; color:#2f1a00; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>

[html]

Thanks to Lucia for this table

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut mauris elit, sed laoreet nibh. Etiam nisi purus, ultricies vel fermentum at, vulputate eu eros. Curabitur non pellentesque augue. Aliquam pharetra tincidunt neque sed aliquet. Fusce sem erat, viverra accumsan venenatis a, placerat hendrerit augue. Aliquam elementum, tellus in iaculis lobortis, nibh nunc pharetra nisl, quis vulputate ipsum quam vel quam. Praesent arcu felis, dictum eu varius placerat, placerat non risus. Pellentesque ante neque, luctus sed ullamcorper at, pharetra at magna. Nam dolor sem, porta quis consequat vitae, dapibus quis nulla. Integer pretium eros nec libero placerat consectetur. “Proin nec lectus lacus, vel interdum ligula,” curabitur faucibus scelerisque diam, iaculis laoreet sapien volutpat id. Nunc ac arcu vitae tortor tempor cursus. Duis hendrerit risus eget dolor fringilla blandit. Nulla dui magna, sodales vitae egestas ultrices, commodo ut sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin a sapien velit.


Donec sed sem mauris. Ut et mattis leo. Maecenas laoreet semper nisl, non dignissim purus viverra ut. Nulla bibendum diam elit, sodales elementum tortor. Curabitur vitae turpis ut arcu tincidunt ultricies a a urna. Cras scelerisque volutpat dolor sed tempus. Suspendisse tristique aliquet imperdiet. Pellentesque non nibh arcu. Integer mollis adipiscing tortor, vitae vehicula justo hendrerit vestibulum. Ut nec felis arcu, et venenatis mi. Sed nec mauris nibh. Donec et egestas erat. Nullam ut felis sed sem porttitor placerat. Etiam mollis felis in ante semper tincidunt.

<style type="text/css"> .layla b {font-weight:bold; color:#6e6838; letter-spacing:1px; } .layla .ooc { font-style:italic; color:#000000; padding-top:275px; font-family:verdana, sans-serif; font-size:11px;} .layla p {text-indent:25px; padding:5px 10px; margin:0px; color: #2b6c1c} .layla {margin:0 auto; width:432px; background-color:#449f30; background-image:url(http://i972.photobucket.com/albums/ae20 ... /layla.png); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 0px 0px; font-family: georgia, sans-serif; font-size:10px; color:#0F475F; line-height:16px; letter-spacing:.5px; text-align:justify;} </style> [/html]

Code:
<div class="layla" style="width: 432px;"> <p class="ooc">OOC.</p> <p> In character text :] <b>”Speech!”</b> </p> </div> <style type="text/css"> .layla b {font-weight:bold; color:#6e6838; letter-spacing:1px; } .layla .ooc { font-style:italic; color:#000000; padding-top:275px; font-family:verdana, sans-serif; font-size:11px;} .layla p {text-indent:25px; padding:5px 10px; margin:0px; color: #2b6c1c} .layla {margin:0 auto; width:432px; background-color:#449f30; background-image:url(http://i972.photobucket.com/albums/ae201/LuciaCabriel/layla.png); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 0px 0px; font-family: georgia, sans-serif; font-size:10px; color:#0F475F; line-height:16px; letter-spacing:.5px; text-align:justify;} </style>

[html]

Thanks to Lucia for this table

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut mauris elit, sed laoreet nibh. Etiam nisi purus, ultricies vel fermentum at, vulputate eu eros. Curabitur non pellentesque augue. Aliquam pharetra tincidunt neque sed aliquet. Fusce sem erat, viverra accumsan venenatis a, placerat hendrerit augue. Aliquam elementum, tellus in iaculis lobortis, nibh nunc pharetra nisl, quis vulputate ipsum quam vel quam. Praesent arcu felis, dictum eu varius placerat, placerat non risus. Pellentesque ante neque, luctus sed ullamcorper at, pharetra at magna. Nam dolor sem, porta quis consequat vitae, dapibus quis nulla. Integer pretium eros nec libero placerat consectetur. “Proin nec lectus lacus, vel interdum ligula,” curabitur faucibus scelerisque diam, iaculis laoreet sapien volutpat id. Nunc ac arcu vitae tortor tempor cursus. Duis hendrerit risus eget dolor fringilla blandit. Nulla dui magna, sodales vitae egestas ultrices, commodo ut sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin a sapien velit.


Donec sed sem mauris. Ut et mattis leo. Maecenas laoreet semper nisl, non dignissim purus viverra ut. Nulla bibendum diam elit, sodales elementum tortor. Curabitur vitae turpis ut arcu tincidunt ultricies a a urna. Cras scelerisque volutpat dolor sed tempus. Suspendisse tristique aliquet imperdiet. Pellentesque non nibh arcu. Integer mollis adipiscing tortor, vitae vehicula justo hendrerit vestibulum. Ut nec felis arcu, et venenatis mi. Sed nec mauris nibh. Donec et egestas erat. Nullam ut felis sed sem porttitor placerat. Etiam mollis felis in ante semper tincidunt.

<style type="text/css"> .lll b {font-weight:bold; color:#f1c0ab; letter-spacing:1px; } .lll .ooc { font-style:italic; color:#000000; padding-top:350px; font-family:verdana, sans-serif; font-size:11px;} .lll p {text-indent:25px; padding:5px 10px; margin:0px; color: #f48555} .lll {margin:0 auto; width:323px; background-color:#651e00; background-image:url(http://i972.photobucket.com/albums/ae20 ... el/lll.png); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 0px 0px; font-family: georgia, sans-serif; font-size:10px; color:#0F475F; line-height:16px; letter-spacing:.5px; text-align:justify;} </style>[/html]

Code:
<div class="lll" style="width: 323px;"> <p class="ooc">OOC.</p> <p> In Character Text. <B> “Speech!”</b> </p> </div> <style type="text/css"> .lll b {font-weight:bold; color:#f1c0ab; letter-spacing:1px; } .lll .ooc { font-style:italic; color:#000000; padding-top:350px; font-family:verdana, sans-serif; font-size:11px;} .lll p {text-indent:25px; padding:5px 10px; margin:0px; color: #f48555} .lll {margin:0 auto; width:323px; background-color:#651e00; background-image:url(http://i972.photobucket.com/albums/ae201/LuciaCabriel/lll.png); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 0px 0px; font-family: georgia, sans-serif; font-size:10px; color:#0F475F; line-height:16px; letter-spacing:.5px; text-align:justify;} </style>

[html]

Thanks to Lucia for this table

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut mauris elit, sed laoreet nibh. Etiam nisi purus, ultricies vel fermentum at, vulputate eu eros. Curabitur non pellentesque augue. Aliquam pharetra tincidunt neque sed aliquet. Fusce sem erat, viverra accumsan venenatis a, placerat hendrerit augue. Aliquam elementum, tellus in iaculis lobortis, nibh nunc pharetra nisl, quis vulputate ipsum quam vel quam. Praesent arcu felis, dictum eu varius placerat, placerat non risus. Pellentesque ante neque, luctus sed ullamcorper at, pharetra at magna. Nam dolor sem, porta quis consequat vitae, dapibus quis nulla. Integer pretium eros nec libero placerat consectetur. “Proin nec lectus lacus, vel interdum ligula,” curabitur faucibus scelerisque diam, iaculis laoreet sapien volutpat id. Nunc ac arcu vitae tortor tempor cursus. Duis hendrerit risus eget dolor fringilla blandit. Nulla dui magna, sodales vitae egestas ultrices, commodo ut sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin a sapien velit.


Donec sed sem mauris. Ut et mattis leo. Maecenas laoreet semper nisl, non dignissim purus viverra ut. Nulla bibendum diam elit, sodales elementum tortor. Curabitur vitae turpis ut arcu tincidunt ultricies a a urna. Cras scelerisque volutpat dolor sed tempus. Suspendisse tristique aliquet imperdiet. Pellentesque non nibh arcu. Integer mollis adipiscing tortor, vitae vehicula justo hendrerit vestibulum. Ut nec felis arcu, et venenatis mi. Sed nec mauris nibh. Donec et egestas erat. Nullam ut felis sed sem porttitor placerat. Etiam mollis felis in ante semper tincidunt.

<style type="text/css"> .ll b {font-weight:bold; color:#8f9aa8; letter-spacing:1px; } .ll .ooc { font-style:italic; color:#cccdd1; padding-top:350px; font-family:verdana, sans-serif; font-size:11px;} .ll p {text-indent:25px; padding:5px 10px; margin:0px; color: #69727d} .ll {margin:0 auto; width:352px; background-color:#000000; background-image:url(http://i972.photobucket.com/albums/ae20 ... iel/ll.png); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 0px 0px; font-family: georgia, sans-serif; font-size:10px; color:#0F475F; line-height:16px; letter-spacing:.5px; text-align:justify;} </style>[/html]

Code:
<div class="ll" style="width: 352px;"> <p class="ooc">OOC.</p> <p> In Character Text. <B> “Speech!”</b> </p> </div> <style type="text/css"> .ll b {font-weight:bold; color:#8f9aa8; letter-spacing:1px; } .ll .ooc { font-style:italic; color:#cccdd1; padding-top:350px; font-family:verdana, sans-serif; font-size:11px;} .ll p {text-indent:25px; padding:5px 10px; margin:0px; color: #69727d} .ll {margin:0 auto; width:352px; background-color:#000000; background-image:url(http://i972.photobucket.com/albums/ae201/LuciaCabriel/ll.png); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 0px 0px; font-family: georgia, sans-serif; font-size:10px; color:#0F475F; line-height:16px; letter-spacing:.5px; text-align:justify;} </style>

[html]

Thanks to Lucia for this table

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut mauris elit, sed laoreet nibh. Etiam nisi purus, ultricies vel fermentum at, vulputate eu eros. Curabitur non pellentesque augue. Aliquam pharetra tincidunt neque sed aliquet. Fusce sem erat, viverra accumsan venenatis a, placerat hendrerit augue. Aliquam elementum, tellus in iaculis lobortis, nibh nunc pharetra nisl, quis vulputate ipsum quam vel quam. Praesent arcu felis, dictum eu varius placerat, placerat non risus. Pellentesque ante neque, luctus sed ullamcorper at, pharetra at magna. Nam dolor sem, porta quis consequat vitae, dapibus quis nulla. Integer pretium eros nec libero placerat consectetur. “Proin nec lectus lacus, vel interdum ligula,” curabitur faucibus scelerisque diam, iaculis laoreet sapien volutpat id. Nunc ac arcu vitae tortor tempor cursus. Duis hendrerit risus eget dolor fringilla blandit. Nulla dui magna, sodales vitae egestas ultrices, commodo ut sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin a sapien velit.


Donec sed sem mauris. Ut et mattis leo. Maecenas laoreet semper nisl, non dignissim purus viverra ut. Nulla bibendum diam elit, sodales elementum tortor. Curabitur vitae turpis ut arcu tincidunt ultricies a a urna. Cras scelerisque volutpat dolor sed tempus. Suspendisse tristique aliquet imperdiet. Pellentesque non nibh arcu. Integer mollis adipiscing tortor, vitae vehicula justo hendrerit vestibulum. Ut nec felis arcu, et venenatis mi. Sed nec mauris nibh. Donec et egestas erat. Nullam ut felis sed sem porttitor placerat. Etiam mollis felis in ante semper tincidunt.

<style type="text/css"> .llll b {font-weight:bold; color:#cac0b4; letter-spacing:1px; } .llll .ooc { font-style:italic; color:#000000; padding-top:275px; font-family:verdana, sans-serif; font-size:11px;} .llll p {text-indent:25px; padding:5px 10px; margin:0px; color: #533a1d} .llll {margin:0 auto; width:337px; background-color:#b6955f; background-image:url(http://i972.photobucket.com/albums/ae20 ... el/lay.png); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 0px 0px; font-family: georgia, sans-serif; font-size:10px; color:#0F475F; line-height:16px; letter-spacing:.5px; text-align:justify;} </style>[/html]

Code:
<div class="llll" style="width: 337px;"> <p class="ooc">OOC.</p> <p> In Character Text. <B> “Speech!”</b> </p> </div> <style type="text/css"> .llll b {font-weight:bold; color:#cac0b4; letter-spacing:1px; } .llll .ooc { font-style:italic; color:#000000; padding-top:275px; font-family:verdana, sans-serif; font-size:11px;} .llll p {text-indent:25px; padding:5px 10px; margin:0px; color: #533a1d} .llll {margin:0 auto; width:337px; background-color:#b6955f; background-image:url(http://i972.photobucket.com/albums/ae201/LuciaCabriel/lay.png); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 0px 0px; font-family: georgia, sans-serif; font-size:10px; color:#0F475F; line-height:16px; letter-spacing:.5px; text-align:justify;} </style>

[html]

OOC.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut mauris elit, sed laoreet nibh. Etiam nisi purus, ultricies vel fermentum at, vulputate eu eros. Curabitur non pellentesque augue. Aliquam pharetra tincidunt neque sed aliquet. Fusce sem erat, viverra accumsan venenatis a, placerat hendrerit augue. Aliquam elementum, tellus in iaculis lobortis, nibh nunc pharetra nisl, quis vulputate ipsum quam vel quam. Praesent arcu felis, dictum eu varius placerat, placerat non risus. Pellentesque ante neque, luctus sed ullamcorper at, pharetra at magna. Nam dolor sem, porta quis consequat vitae, dapibus quis nulla. Integer pretium eros nec libero placerat consectetur. “Proin nec lectus lacus, vel interdum ligula,” curabitur faucibus scelerisque diam, iaculis laoreet sapien volutpat id. Nunc ac arcu vitae tortor tempor cursus. Duis hendrerit risus eget dolor fringilla blandit. Nulla dui magna, sodales vitae egestas ultrices, commodo ut sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin a sapien velit.


Donec sed sem mauris. Ut et mattis leo. Maecenas laoreet semper nisl, non dignissim purus viverra ut. Nulla bibendum diam elit, sodales elementum tortor. Curabitur vitae turpis ut arcu tincidunt ultricies a a urna. Cras scelerisque volutpat dolor sed tempus. Suspendisse tristique aliquet imperdiet. Pellentesque non nibh arcu. Integer mollis adipiscing tortor, vitae vehicula justo hendrerit vestibulum. Ut nec felis arcu, et venenatis mi. Sed nec mauris nibh. Donec et egestas erat. Nullam ut felis sed sem porttitor placerat. Etiam mollis felis in ante semper tincidunt.

<style type="text/css"> .lllll b {font-weight:bold; color:#b0bbc1; letter-spacing:1px; } .lllll .ooc { font-style:italic; color:#000000; padding-top:270px; font-family:verdana, sans-serif; font-size:11px;} .lllll p {text-indent:25px; padding:5px 10px; margin:0px; color: #123548} .lllll {margin:0 auto; width:400px; background-color:#70797e; background-image:url(http://i972.photobucket.com/albums/ae20 ... riel/l.png); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 0px 0px; font-family: georgia, sans-serif; font-size:10px; color:#0F475F; line-height:16px; letter-spacing:.5px; text-align:justify;} </style> [/html]

Code:
<div class="lllll" style="width: 400px;"> <p class="ooc">OOC.</p> <p> In Character Text. <B> “Speech!”</b> </p> </div> <style type="text/css"> .lllll b {font-weight:bold; color:#b0bbc1; letter-spacing:1px; } .lllll .ooc { font-style:italic; color:#000000; padding-top:270px; font-family:verdana, sans-serif; font-size:11px;} .lllll p {text-indent:25px; padding:5px 10px; margin:0px; color: #123548} .lllll {margin:0 auto; width:400px; background-color:#70797e; background-image:url(http://i972.photobucket.com/albums/ae201/LuciaCabriel/l.png); background-position:top center; background-repeat:no-repeat; border:1px solid #000000; padding: 10px 0px 0px 0px; font-family: georgia, sans-serif; font-size:10px; color:#0F475F; line-height:16px; letter-spacing:.5px; text-align:justify;} </style>

[html]

Thanks to Sie for this table


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut mauris elit, sed laoreet nibh. Etiam nisi purus, ultricies vel fermentum at, vulputate eu eros. Curabitur non pellentesque augue. Aliquam pharetra tincidunt neque sed aliquet. Fusce sem erat, viverra accumsan venenatis a, placerat hendrerit augue. Aliquam elementum, tellus in iaculis lobortis, nibh nunc pharetra nisl, quis vulputate ipsum quam vel quam. Praesent arcu felis, dictum eu varius placerat, placerat non risus. Pellentesque ante neque, luctus sed ullamcorper at, pharetra at magna. Nam dolor sem, porta quis consequat vitae, dapibus quis nulla. Integer pretium eros nec libero placerat consectetur. “Proin nec lectus lacus, vel interdum ligula,” curabitur faucibus scelerisque diam, iaculis laoreet sapien volutpat id. Nunc ac arcu vitae tortor tempor cursus. Duis hendrerit risus eget dolor fringilla blandit. Nulla dui magna, sodales vitae egestas ultrices, commodo ut sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin a sapien velit.


Donec sed sem mauris. Ut et mattis leo. Maecenas laoreet semper nisl, non dignissim purus viverra ut. Nulla bibendum diam elit, sodales elementum tortor. Curabitur vitae turpis ut arcu tincidunt ultricies a a urna. Cras scelerisque volutpat dolor sed tempus. Suspendisse tristique aliquet imperdiet. Pellentesque non nibh arcu. Integer mollis adipiscing tortor, vitae vehicula justo hendrerit vestibulum. Ut nec felis arcu, et venenatis mi. Sed nec mauris nibh. Donec et egestas erat. Nullam ut felis sed sem porttitor placerat. Etiam mollis felis in ante semper tincidunt.


<style>
.layla-z91 .ooc {font-style:italic; }
.layla-z91 p {padding:0px 20px 5px 20px; margin:0px; text-indent:35px;}
.layla-z91 b {color:#FDDEF0; letter-spacing:-.2px;}
.layla-z91 {background-color:#E1B6BB; background-image:url(http://sleepyglow.net/souls/gifts/2010j ... lagift.png); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 180px 0px; border:1px solid #FCC3E3; font-family: georgia, serif; font-size:12px; color:#7D3F46; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:400px; text-align:justify; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.layla-z91-border {width:402px; border:1px solid #000000; margin:0 auto; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:3px 3px 4px #2A2A2A; -moz-box-shadow:3px 3px 4px #2A2A2A; -webkit-box-shadow:3px 3px 4px #2A2A2A;}
</style>[/html]

Code:
<div class="layla-z91-border"><div class="layla-z91">
<p class="ooc">OOC here!</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></div>
<style>
.layla-z91 .ooc {font-style:italic; }
.layla-z91 p {padding:0px 20px 5px 20px; margin:0px; text-indent:35px;}
.layla-z91 b {color:#FDDEF0; letter-spacing:-.2px;}
.layla-z91 {background-color:#E1B6BB; background-image:url(http://sleepyglow.net/souls/gifts/2010june/derp/laylagift.png); background-position:bottom center; background-repeat:no-repeat; padding:10px 0px 180px 0px; border:1px solid #FCC3E3; font-family: georgia, serif; font-size:12px; color:#7D3F46; letter-spacing:.4px; word-spacing:.3px; line-height:16px; width:400px; text-align:justify;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.layla-z91-border {width:402px; border:1px solid #000000; margin:0 auto; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:3px 3px 4px #2A2A2A; -moz-box-shadow:3px 3px 4px #2A2A2A; -webkit-box-shadow:3px 3px 4px #2A2A2A;}
</style>


Messages In This Thread

Forum Jump: