Re: Table gifties!

POSTED: Wed Aug 02, 2017 12:26 am

Thanks so much Silver! It's really great! <3
ImageImage
ImageImageImageImageImage
Image
Casa di Cavalieri
First Officer
User avatar
Bones
Stable Master

POSTED: Thu Aug 03, 2017 4:40 pm

Form | Time |Date | Place
OOC
000

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis sodales egestas. Integer lacus turpis, suscipit et hendrerit non, auctor sed nisi. Morbi et fringilla ipsum. Integer pellentesque leo felis. Curabitur hendrerit dolor ac lorem iaculis condimentum. Integer non ante neque, ut dapibus lectus. Cras bibendum dolor neque, eu condimentum nunc. Sed nec eros quis leo venenatis consequat eget eu quam. Phasellus et ante risus. Aliquam erat volutpat. Nulla auctor, nunc nec hendrerit tincidunt, risus enim hendrerit diam, sit amet aliquet justo ipsum at nisl. Proin semper fermentum dui, tristique venenatis risus eleifend dignissim. "Donec non enim felis, eu elementum diam. Suspendisse aliquam." Eros nec commodo ultricies, dui metus adipiscing nulla, in varius justo quam eget massa. Nulla venenatis tempus neque, non semper libero mattis ut. Morbi pharetra fringilla erat a ultricies.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras tincidunt ipsum eget ipsum pellentesque interdum. Nulla porta cursus arcu, in adipiscing justo euismod in. Fusce varius suscipit sapien, eget vulputate lectus tempus a. Nunc egestas consectetur rutrum. Vivamus tincidunt pellentesque nulla, ac tristique velit lobortis at. Nulla vitae nisi quis nisi accumsan pretium. Praesent dapibus tellus in nunc fringilla tincidunt.

Morbi quis ligula mi, non eleifend erat. Quisque nec orci in sem accumsan laoreet. Phasellus vitae nibh ac mauris fermentum vestibulum a dapibus ante. Praesent libero purus, rutrum non laoreet sed, eleifend ut sem. Nam justo nibh, congue ac adipiscing sit amet, euismod non diam. Proin dignissim arcu sit amet eros facilisis ullamcorper. Donec id nulla odio.


Code: Select all
[html]<div class="cuptable"><div class="cuptable-post">
<table class="oocst"><tr class="oocshiz"><td class="ooc">Form | Time |Date | Place <br> OOC</td><td class="wc">000</td></tr>
                </table>
  <p>

</p>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Open+Sans|EB+Garamond|Bad+Script|Monospace|Tulpen+One|Quicksand');

.cuptable {width:620px; margin:0px auto; float:center; background-image:url('http://i.imgur.com/12CeaQS.jpg');background-color:#000000;background-position:top center;background-repeat:no-repeat;padding:190px 10px 10px 10px;}
.cuptable-post {padding:5px;}
.cuptable p {color:#e8e8e8; text-indent:25px; text-align:left; font-family: 'Open Sans', serif; font-size:16px;line-height:150%;}
.cuptable b {color:#23AE0B; font-family:'Quicksand', serif; font-size:16px;letter-spacing:1px;}
 .cuptable table.oocst {width:100%;border-bottom:2px dotted #23AE0B ;vertical-align: middle;line-height:100%;color:#fff;}
 .cuptable tr.oocshiz {vertical-align: middle;}
.cuptable td.ooc {width:75%; text-align:center;padding:5px;font-family:'Tulpen One', serif;vertical-align: middle; font-size:25px; letter-spacing:1px;line-height:120%; }
.cuptable td.wc {width:25%; font-family: 'Bad Script', serif; font-size:40px; float:right;padding-right:25px; font-style:bold;vertical-align: middle;}
</style>
[/html]

Buttercup Damaichu
Let the bullets fly, let them rain
Form | Time | Location
This is where you would write something out of character.
WORD COUNT
000

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis sodales egestas. Integer lacus turpis, suscipit et hendrerit non, auctor sed nisi. Morbi et fringilla ipsum. Integer pellentesque leo felis. Curabitur hendrerit dolor ac lorem iaculis condimentum. Integer non ante neque, ut dapibus lectus. Cras bibendum dolor neque, eu condimentum nunc. Sed nec eros quis leo venenatis consequat eget eu quam. Phasellus et ante risus. Aliquam erat volutpat. Nulla auctor, nunc nec hendrerit tincidunt, risus enim hendrerit diam, sit amet aliquet justo ipsum at nisl. Proin semper fermentum dui, tristique venenatis risus eleifend dignissim. "Donec non enim felis, eu elementum diam. Suspendisse aliquam." Eros nec commodo ultricies, dui metus adipiscing nulla, in varius justo quam eget massa. Nulla venenatis tempus neque, non semper libero mattis ut. Morbi pharetra fringilla erat a ultricies.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras tincidunt ipsum eget ipsum pellentesque interdum. Nulla porta cursus arcu, in adipiscing justo euismod in. Fusce varius suscipit sapien, eget vulputate lectus tempus a. Nunc egestas consectetur rutrum. Vivamus tincidunt pellentesque nulla, ac tristique velit lobortis at. Nulla vitae nisi quis nisi accumsan pretium. Praesent dapibus tellus in nunc fringilla tincidunt.

Morbi quis ligula mi, non eleifend erat. Quisque nec orci in sem accumsan laoreet. Phasellus vitae nibh ac mauris fermentum vestibulum a dapibus ante. Praesent libero purus, rutrum non laoreet sed, eleifend ut sem. Nam justo nibh, congue ac adipiscing sit amet, euismod non diam. Proin dignissim arcu sit amet eros facilisis ullamcorper. Donec id nulla odio.

Template by Andi | Image by Dawnthieves


Code: Select all
    [html]<div class="BCtab"><div class="BCtab-name">Buttercup Damaichu</div>
    <div class="BCtab-lyrics">Let the bullets fly, let them rain</div>
    <div class="BCtab-img"></div>
    <table class="BCtab-bar"><tr><td class="BCtab-ooc"><center>Form | Time | Location</center>This is where you would write something out of character.</td><td class="BCtab-word">WORD COUNT<br>
    000</td></tr></table>
    <div class="BCtab-in">

    <p>

</p>

    <div class="BCtab-credit">Template by Andi | Image by Dawnthieves</div>
    </div></div>

    <style type="text/css">
    .BCtab {width:560px; padding:15px 15px 15px; margin:0px auto; text-align:justify; }
    .BCtab-name {font-family: 'Tulpen One', cursive; font-size:50px; line-height:40px; letter-spacing:2px; text-align:center; color:#36322D; text-shadow:#c3c3c3 1px 1px 4px; }
    .BCtab-lyrics {font-family: 'Ruthie', cursive; font-size:32px; line-height: 15px; letter-spacing:0px; text-align:center; color:#36322D; text-shadow:#464a51 1px 1px 4px; padding-bottom: 0px;}
    .BCtab-img {width:558px; height:93px; background-image:url('http://i.imgur.com/hqAE72Q.jpg'); background-position:top center; background-repeat:no-repeat; border:0px; margin 0px auto; border-radius: 15px 15px 0px 0px;border:1px solid #5C5340;}
    .BCtab-bar {width:100%; margin:0px auto; border-collapse:collapse;}
    .BCtab-ooc {text-align:left; color: #fff; font-family: 'Open Sans', sans-serif; margin:0px auto;  font-size:14px; padding:10px; border-right:2px solid#fff; background-color:#5C5340; width:75%;text-align:;center}
    .BCtab-word {text-align:center; background-color:#5C5340; color: #fff; font-family: 'Glass Antiqua', cursive; margin:0px auto; font-size:17px; padding:10px; border-left:2px solid#fff; width:25%; vertical-align:middle;}
    .BCtab-in {padding:10px 5px 10px 5px; margin:0px auto;}
    .BCtab p {text-indent:25px; color:#000; font-family: 'Open Sans', sans-serif; font-size:16px; margin:0px auto; padding:5px;}
    .BCtab-credit {text-align:center; background-color:#5C5340; color: #fff; font-family: verdana, sans-serif; margin:0px auto; font-size:12px; padding:10px; width:100%;}
    </style>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Glass+Antiqua' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Ruthie' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
    [/html]
Casa di Cavalieri
Sworn
User avatar
Silverfrost
Luperci Healer; Groundskeeper The Brotherhood: Master of Tooth and Claw
You've spent a life time stuck in silence

POSTED: Mon Aug 21, 2017 2:40 am

Table for Mike's Besekel!


OOC000+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor.

"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing." Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.

Table by Silverfrost! ♡

Code: Select all
[html]
<div class="Bestable"><div class=Bestable-in>
<table class="ooc"><tr class="oocshiz"><td class="ooc">OOC</td><td class="wc">000+</td></tr></table>
<p>

</p>
</div></div><div style="text-align:center; font-family: 'Delius', serif; font-size:14px;"> Table by Silverfrost! ♡ </div>
<style>@import url('https://fonts.googleapis.com/css?family=Arima+Madurai|Belgrano|Comfortaa|Didact+Gothic|Flamenco|Imprima|Montserrat+Alternates|Puritan|Questrial|Quicksand|Raleway|Bad+Script|Delius');
.Bestable {background-image: url('https://cdnw.nickpic.host/m18hvJ.jpg'); background-repeat:no-repeat; width:620px; background-color:#a9c7e2; margin:0px auto; float:center;background-position:bottom center;padding: 1px 5px 280px; 5px;}
.Bestable-in {padding:10px 10px 10px 10px;}
.Bestable p {color:#000; text-align:left; text-indent:20px; font-family: 'Comfortaa', serif;font-size:16px;}
.Bestable b {font-family: 'Belgrano', serif; color:#579cd2;text-shadow:  1px 1px 6px #e6edf7;}
.Bestable table.ooc {width:100%;border-bottom:1px dotted;line-height:20px;}
.Bestable td.ooc {width:75%; text-align:center;padding:1px;font-family: 'Imprima', serif;vertical-align: middle;}
    .Bestable td.wc {width:25%; font-family: 'Bad Script', serif; font-size:30px; float:right;padding-right:25px; font-style:bold;vertical-align: middle;}
</style>
[/html]


Besekel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ornare, lectus quis adipiscing fermentum, libero nibh auctor neque, vel iaculis metus nisl id enim. Praesent sollicitudin ligula vel ligula viverra quis gravida est dapibus. Pellentesque scelerisque, nibh sit amet facilisis tristique, purus nibh scelerisque purus, vitae fringilla quam mi non tortor.

"Phasellus tincidunt facilisis felis. Nam facilisis leo non urna sollicitudin adipiscing." Donec pretium suscipit auctor. Nam cursus, sapien eu dictum scelerisque, tellus orci consectetur libero, vitae ultricies nisi urna lacinia mauris. Suspendisse porta aliquam neque a fringilla. Phasellus lacinia semper neque. Cras at nibh nisi, id euismod nisi.


OOC000+
Table by Silverfrost! ♡

Code: Select all
         [html]            <div class="Bestable2-name">Besekel</div>
        <div class="Bestable2">
            <div class="Bestable2-lyrics"></div>
        <div class="Bestable2-post">
<p>

</p>
<hr style="dashed 2px #d0d2d3;"><table class="ooctxt">
<tr class="oocstuff"><td class="ooc">OOC</td><td class="wc">000+</td></tr></table>
            </div></div> <div style="text-align:center; font-family: 'Delius', serif; font-size:14px;"> Table by Silverfrost! ♡ </div>
        <style>
@import url('https://fonts.googleapis.com/css?family=Arima+Madurai|Belgrano|Comfortaa|Didact+Gothic|Flamenco|Imprima|Montserrat+Alternates|Puritan|Questrial|Quicksand|Raleway|Sail|Sacramento|Delius');
        .Bestable2 {width:620px; margin:0px auto; float:center; background-image: url('https://cdnw.nickpic.host/m18E0j.jpg');padding:180px 10px 10px 10px;background-repeat:no-repeat;background-position:top center;background-color:#4a6789;border:2px inset #d0d2d3;}
        .Bestable2 table.ooctxt {width:100%;margin:0px auto; float:center;padding:0px;}
        .Bestable2-post {padding:10px;border:1px #f9f9f9 solid;padding:5px;margin:0px auto; float:center;text-align;color:#000;}
        .Bestable2 b {font-family: 'Belgrano', serif; font-size:18px; color:#579cd2;font-weight:500; text-shadow:  1px 1px 2px #000;}
        .Bestable2 td.ooc {width:85%; text-align:center;padding:5px;font-family:'Roboto Slab', serif;text-align;color:#d0d2d3;}
        .Bestable2 td.wc {width:15%; font-family: 'Sacramento', serif; font-size:20px; float:right;padding-right:55px; font-style:bold; font-weight:800;text-align;color:#d0d2d3;}
        .Bestable2 p {font-family: 'Comfortaa', serif; font-size:17px;text-align;color:#d0d2d3; text-indent:25px;}
        .Bestable2-lyrics {font-family:"Lovers Quarrel", cursive; font-size:60px; text-align:center; line-height:10px;color:#30712d;text-shadow: -1px 0px 14px #a6a6a6;}
        .Bestable2-name {font-family: 'Sail', cursive; font-size:60px; text-align:center; line-height:30px;color:#579cd2;padding-top:20px;}
        </style>
        [/html]



Circle of Ravenshadow
Dedicant
User avatar
Silverfrost
Luperci The pages of my story are torn and frayed Bound by blood, never alone.
Somebody make me feel alive
The queen of a wretched design
I walk through the fire

POSTED: Sat Oct 14, 2017 6:34 pm

For Corie's Nyx! A pretty little text table for you, dear! You can change the image but it never lets your image go over 200 pixels in width or 500 pixels in height! It also has automatic fancy quotes!

OOC 000+ Form | Time | Date | Place

See galleries for credit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis sodales egestas. Integer lacus turpis, suscipit et hendrerit non, auctor sed nisi. Morbi et fringilla ipsum. Integer pellentesque leo felis. Curabitur hendrerit dolor ac lorem iaculis condimentum. Integer non ante neque, ut dapibus lectus. Cras bibendum dolor neque, eu condimentum nunc. Sed nec eros quis leo venenatis consequat eget eu quam. Phasellus et ante risus. Aliquam erat volutpat. Nulla auctor, nunc nec hendrerit tincidunt, risus enim hendrerit diam, sit amet aliquet justo ipsum at nisl. Proin semper fermentum dui, tristique venenatis risus eleifend dignissim.

Donec non enim felis, eu elementum diam. Suspendisse aliquam. Eros nec commodo ultricies, dui metus adipiscing nulla, in varius justo quam eget massa. Nulla venenatis tempus neque, non semper libero mattis ut. Morbi pharetra fringilla erat a ultricies. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras tincidunt ipsum eget ipsum pellentesque interdum. Nulla porta cursus arcu, in adipiscing justo euismod in.



Code: Select all
[html]
<div class="Nyx-responsive-text-table">
<div class="txtooc">
<p class="ooc">
OOC
<span class="word">000+</span>
<span style="padding-left:30px;">Form | Time | Date | Place </span>
</p></div>
<p class="NyxImage">
    <img src="https://i.imgur.com/IiFTys0.png?1">
    See <a href="link">galleries</a> for credit.</p>
<p>

</p></div>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Delius|Laila|Glass+Antiqua|Overlock|EB+Garamond|Sacramento|Lora|Quicksand|Merriweather|Milonga|Gabriela');
.Nyx-responsive-text-table {width:99%; margin:0 auto; font-size:22px;}
.Nyx-responsive-text-table p {font-family:'Merriweather', serif; font-size:15px; line-height:1.50em;padding:0;margin:1.5em 0;text-indent:30px;}
.Nyx-responsive-text-table .NyxImage + p {margin-top:0;}
.Nyx-responsive-text-table p.NyxImage {text-align:center;float:right;padding:0 0 2em 1em;text-indent:0;font-size:13px;font-family: 'Glass Antiqua', sans-serif;font-style:italic;max-width:200px;max-height:500px;}
.Nyx-responsive-text-table p.NyxImage img {display:block; max-width:250px; max-height:500px; margin-bottom:.5em;}
.Nyx-responsive-text-table .txtooc {font-weight:normal; filter:alpha(opacity=85);opacity:.75;padding-left:25px; padding:0px 0px 15px 25px;margin:10px; border-bottom:2px dotted #4C5360;}
.Nyx-responsive-text-table .txtooc p.ooc {text-indent:25px; border-left:1px solid black;filter:alpha(opacity=75);opacity:.85;font-family: 'Milonga', serif;font-size:16px; }
.Nyx-responsive-text-table .txtooc .word:before { content: ' words → '; }
.Nyx-responsive-text-table .txtooc p:last-child { margin-bottom:0; padding-bottom:0; }
.Nyx-responsive-text-table .txtooc .word {font-style:normal;font-size:.8em;display:block;text-transform:uppercase;}
.Nyx-responsive-text-table .txtooc:after {margin:10px 0;content:“;filter:alpha(opacity=10%);opacity:.10;display:block;border-bottom:10px dotted #000;}
.Nyx-responsive-text-table .txtooc table {width:100%;}
.Nyx-responsive-text-table .txtooc td.info {width:75%; text-align:left; text-indent:40px;font-family: 'Overlock', sans-serif;}
.Nyx-responsive-text-table .txtooc td.word {width:25%; text-align:right; font-family: 'Sacramento', cursive; font-size:30px;}
/* speech */   
.Nyx-responsive-text-table b {font-family: 'Gabriela', serif; font-size:18px;text-shadow: 0px 0px 9px #A35DD3; }
.Nyx-responsive-text-table b:before  {content:'“';font-family:'EB Garamond', serif;font-size:18px;padding-right:1px; } .Nyx-responsive-text-table b:after { content:'”';font-family:'EB Garamond', serif;font-size:18px;}
.Nyx-responsive-text-table b strong {font-weight:normal;text-decoration:underline;font-style:italic;}
.Nyx-responsive-text-table b:before,
.Nyx-responsive-text-table b.eng:before{ content: “; }
.Nyx-responsive-text-table b:after,
.Nyx-responsive-text-table b.eng:after
 { content: '”'; }
/*NPC1 speech*/
.Nyx-responsive-text-table npc {font-style:italic;font-weight:bold; color:#COLOR;font-family: 'FONT', serif; font-size:18px;}
.Nyx-responsive-text-table npc:before  {content:'“';font-family:'EB Garamond', serif;font-size:18px;padding-right:1px; } .Nyx-responsive-text-table npc:after { content:'”';font-family:'EB Garamond', serif;font-size:18px;}
/* NPC2 speech */
.Nyx-responsive-text-table npc2 {font-style:italic;font-weight:normal;filter:alpha(opacity=75%);opacity:.75;font-family: 'FONT', serif; font-size:17px;}
.Nyx-responsive-text-table npc2:before  {content:'“';font-family:'EB Garamond', serif;font-size:18px;padding-right:1px; } .Nyx-responsive-text-table npc2:after { content:'”';font-family:'EB Garamond', serif;font-size:18px;}
/* used for Word of the Day */
.Nyx-responsive-text-table u.word { text-decoration:none;border-bottom:1px dotted #000;font-variant:small-caps;font-size:.85em;font-weight:bold;display:inline-block;margin:0 3px;line-height:.85em;}
.Nyx-responsive-text-table u.word:hover,
.Nyx-responsive-text-table u.word:focus,
.Nyx-responsive-text-table u.word:active {
    cursor:help;}
/*"lang" class denotes languages other than english, especially useful if you do not use a translator*/
.Nyx-responsive-text-table b.lang {color:#000;filter:alpha(opacity=65%);opacity:.65; font-family: 'Laila', serif;font-size:16px; }
.Nyx-responsive-text-table b.lang:before { content:'<'; }
.Nyx-responsive-text-table b.lang:after { content:'>'; }
/* insert three asterisks into your post with:<p class="time"></p>used to denote an instance of passed time.*/
.Nyx-responsive-text-table p.time,.iorek-responsive-text-table p.time:after {content:'***';font-size:1.5em;text-align:center;line-height:1; margin:0; padding:0; text-indent:0; margin-bottom:-.5em;margin-top:-.5em;display:block; font-weight:bold;}
.Nyx-responsive-text-table p.time { content: ''; }/* Desktops and laptops ----------- */@media only screen and (min-width : 800px) {
.Nyx-responsive-text-table { font-size: 16px; }
.Nyx-responsive-text-table .txtooc:after { border-bottom:3px dotted #000; }}
</style><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bellota" type="text/css"/>
[/html]




And for Mike's Lukos! Same thing as above: You can change the image but it never lets your image go over 220 pixels in width or 500 pixels in height! It also has automatic fancy quotes!

OOC 000+ Form | Time | Date | Place

See galleries for credit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis sodales egestas. Integer lacus turpis, suscipit et hendrerit non, auctor sed nisi. Morbi et fringilla ipsum. Integer pellentesque leo felis. Curabitur hendrerit dolor ac lorem iaculis condimentum. Integer non ante neque, ut dapibus lectus. Cras bibendum dolor neque, eu condimentum nunc. Sed nec eros quis leo venenatis consequat eget eu quam. Phasellus et ante risus. Aliquam erat volutpat. Nulla auctor, nunc nec hendrerit tincidunt, risus enim hendrerit diam, sit amet aliquet justo ipsum at nisl. Proin semper fermentum dui, tristique venenatis risus eleifend dignissim. Donec non enim felis, eu elementum diam. Suspendisse aliquam. Eros nec commodo ultricies, dui metus adipiscing nulla, in varius justo quam eget massa. Nulla venenatis tempus neque, non semper libero mattis ut. Morbi pharetra fringilla erat a ultricies.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras tincidunt ipsum eget ipsum pellentesque interdum. Nulla porta cursus arcu, in adipiscing justo euismod in. Fusce varius suscipit sapien, eget vulputate lectus tempus a. Nunc egestas consectetur rutrum. Vivamus tincidunt pellentesque nulla, ac tristique velit lobortis at. Nulla vitae nisi quis nisi accumsan pretium. Praesent dapibus tellus in nunc fringilla tincidunt.

Morbi quis ligula mi, non eleifend erat. Quisque nec orci in sem accumsan laoreet. Phasellus vitae nibh ac mauris fermentum vestibulum a dapibus ante. Praesent libero purus, rutrum non laoreet sed, eleifend ut sem. Nam justo nibh, congue ac adipiscing sit amet, euism



Code: Select all
[html]
<div class="lukos-responsive-text-table">
<div class="txtooc">
<p class="ooc">
OOC
<span class="word">000+</span>
<span style="padding-left:30px;">Form | Time | Date | Place </span>
</p></div>
<p class="lukosImage">
    <img src="https://i.imgur.com/TN9jNcK.png?1">
    See <a href="link">galleries</a> for credit.</p>
<p>

</p></div>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Delius|Laila|Glass+Antiqua|Overlock|EB+Garamond|Sacramento|Lora|Quicksand|Roboto+Slab|Lora|Didact+Gothic');
.lukos-responsive-text-table {width:97%; margin:0 auto; font-size:22px;}
.lukos-responsive-text-table p {font-family:'Roboto Slab', serif; font-size:16px; line-height:1.50em;padding:0;margin:1.5em 0;text-indent:30px;}
/* picture */
.lukos-responsive-text-table .lukosImage + p {margin-top:0;}
.lukos-responsive-text-table p.lukosImage {text-align:center;float:right;padding:0 0 2em 1em;text-indent:0;font-size:13px;font-family: 'Glass Antiqua', sans-serif;font-style:italic;max-width:220px;max-height:500px;}
.lukos-responsive-text-table p.lukosImage img {display:block; max-width:220px; max-height:500px; margin-bottom:.5em;padding-right:10px;}
/* ooc text */
.lukos-responsive-text-table .txtooc {font-weight:normal; filter:alpha(opacity=85);opacity:.75;padding-left:25px; padding:0px 0px 15px 25px;margin:10px; border-bottom:2px dotted #4C5360;font-family: 'Didact Gothic', serif;}
.lukos-responsive-text-table .txtooc p.ooc {text-indent:25px; border-left:1px solid black;filter:alpha(opacity=85);opacity:.85; font-family: 'Didact Gothic', serif;font-size:17px;}
.lukos-responsive-text-table .txtooc .word:before { content: ' words → '; }
.lukos-responsive-text-table .txtooc p:last-child { margin-bottom:0; padding-bottom:0; }
.lukos-responsive-text-table .txtooc .word {font-style:normal;font-size:.8em;display:block;text-transform:uppercase;}
.lukos-responsive-text-table .txtooc:after {margin:10px 0;content:“;filter:alpha(opacity=10%);opacity:.10;display:block;border-bottom:10px dotted #000;}
.lukos-responsive-text-table .txtooc table {width:100%;}
.lukos-responsive-text-table .txtooc td.info {width:75%; text-align:left; text-indent:40px;font-family: 'Overlock', sans-serif;}
.lukos-responsive-text-table .txtooc td.word {width:25%; text-align:right; font-family: 'Sacramento', cursive; font-size:30px;}
/* speech */   
.lukos-responsive-text-table b {font-family: 'Lora', serif; font-size:18px; letter-spacing:.5px;text-shadow: 0px 0px 9px #cac702;}
.lukos-responsive-text-table b:before  {content:'“';font-family:'EB Garamond', serif;font-size:18px;padding-right:1px; } .lukos-responsive-text-table b:after { content:'”';font-family:'EB Garamond', serif;font-size:18px;}
.lukos-responsive-text-table b strong {font-weight:normal;text-decoration:underline;font-style:italic;}
.lukos-responsive-text-table b:before,
.lukos-responsive-text-table b.eng:before{ content: “; }
.lukos-responsive-text-table b:after,
.lukos-responsive-text-table b.eng:after
 { content: '”'; }
/*NPC1 speech*/
.lukos-responsive-text-table npc {font-style:italic;font-weight:bold; color:#COLOR;font-family: 'FONT', serif; font-size:18px;}
.lukos-responsive-text-table npc:before  {content:'“';font-family:'EB Garamond', serif;font-size:18px;padding-right:1px; } .lukos-responsive-text-table npc:after { content:'”';font-family:'EB Garamond', serif;font-size:18px;}
/* NPC2 speech */
.lukos-responsive-text-table npc2 {font-style:italic;font-weight:normal;filter:alpha(opacity=75%);opacity:.75;font-family: 'FONT', serif; font-size:17px;}
.lukos-responsive-text-table npc2:before  {content:'“';font-family:'EB Garamond', serif;font-size:18px;padding-right:1px; } .lukos-responsive-text-table npc2:after { content:'”';font-family:'EB Garamond', serif;font-size:18px;}
/* used for Word of the Day */
.lukos-responsive-text-table u.word { text-decoration:none;border-bottom:1px dotted #000;font-variant:small-caps;font-size:.85em;font-weight:bold;display:inline-block;margin:0 3px;line-height:.85em;}
.lukos-responsive-text-table u.word:hover,
.lukos-responsive-text-table u.word:focus,
.lukos-responsive-text-table u.word:active {
    cursor:help;}
/*"lang" class denotes languages other than english, especially useful if you do not use a translator*/
.lukos-responsive-text-table b.lang {color:#000;filter:alpha(opacity=65%);opacity:.65; font-family: 'Laila', serif;font-size:16px; }
.lukos-responsive-text-table b.lang:before { content:'<'; }
.lukos-responsive-text-table b.lang:after { content:'>'; }
/* insert three asterisks into your post with:<p class="time"></p>used to denote an instance of passed time.*/
.lukos-responsive-text-table p.time,.iorek-responsive-text-table p.time:after {content:'***';font-size:1.5em;text-align:center;line-height:1; margin:0; padding:0; text-indent:0; margin-bottom:-.5em;margin-top:-.5em;display:block; font-weight:bold;}
.lukos-responsive-text-table p.time { content: ''; }/* Desktops and laptops ----------- */@media only screen and (min-width : 800px) {
.lukos-responsive-text-table { font-size: 16px; }
.lukos-responsive-text-table .txtooc:after { border-bottom:3px dotted #000; }}
</style><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bellota" type="text/css"/>
[/html]



Circle of Ravenshadow
Dedicant
User avatar
Silverfrost
Luperci The pages of my story are torn and frayed Bound by blood, never alone.
Somebody make me feel alive
The queen of a wretched design
I walk through the fire

POSTED: Wed Nov 01, 2017 12:11 pm

For Lullaby's Cerise! Here's a starter table for you, dear! I'll throw you a text table in a bit! You can change the lyrics and fonts <3


Cerise Rydia Rose
OOC000+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis sodales egestas. Integer lacus turpis, suscipit et hendrerit non, auctor sed nisi. Morbi et fringilla ipsum. Integer pellentesque leo felis. Curabitur hendrerit dolor ac lorem iaculis condimentum. Integer non ante neque, ut dapibus lectus. Cras bibendum dolor neque, eu condimentum nunc. Sed nec eros quis leo venenatis consequat eget eu quam. Phasellus et ante risus. Aliquam erat volutpat. Nulla auctor, nunc nec hendrerit tincidunt, risus enim hendrerit diam, sit amet aliquet justo ipsum at nisl. Proin semper fermentum dui, tristique venenatis risus eleifend dignissim. "Donec non enim felis, eu elementum diam. Suspendisse aliquam." Eros nec commodo ultricies, dui metus adipiscing nulla, in varius justo quam eget massa. Nulla venenatis tempus neque, non semper libero mattis ut. Morbi pharetra fringilla erat a ultricies.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras tincidunt ipsum eget ipsum pellentesque interdum. Nulla porta cursus arcu, in adipiscing justo euismod in. Fusce varius suscipit sapien, eget vulputate lectus tempus a. Nunc egestas consectetur rutrum. Vivamus tincidunt pellentesque nulla, ac tristique velit lobortis at. Nulla vitae nisi quis nisi accumsan pretium. Praesent dapibus tellus in nunc fringilla tincidunt.

Morbi quis ligula mi, non eleifend erat. Quisque nec orci in sem accumsan laoreet. Phasellus vitae nibh ac mauris fermentum vestibulum a dapibus ante. Praesent libero purus, rutrum non laoreet sed, eleifend ut sem. Nam justo nibh, congue ac adipiscing sit amet, euismod non dia

I sing for love, I sing for me
I shout it out like a bird set free


Code: Select all
 [html]
     <div class="ceriseplank"><div class="cerise-planktop"><div class="cerise-name">Cerise Rydia Rose</div></div>
     <div class="cerise-innerplank"><div class="cerise-post">
         <table class="ooc"><td class="oocstuff">OOC</td><td class="wc">000+</td></table>
         <p>

</p></div>
     </div>
     <div class="cerise-plankbottom"><div class="cerise-lyrics">I sing for love, I sing for me<br> I shout it out like a bird set free</div></div>
     </div>
     <style>
     @import url('https://fonts.googleapis.com/css?family=Amatic+SC|Bad+Script|Delius|Glass+Antiqua|Laila|Overlock|EB+Garamond|Junge|Butterfly+Kids|Over+the+Rainbow|Reenie+Beanie|The+Girl+Next+Door|Ruge+Boogie|EB+Garamond|Book+Antiqua|Emilys+Candy|Caveat|Overlock');
.ceriseplank {width:600px; margin:0px auto; float:center;}
.cerise-planktop {background-image: url('https://i.imgur.com/vTeUJie.png'); height:253px;padding:0px;}
.cerise-innerplank {background-image: url('https://i.imgur.com/pGvOLLK.png'); background-repeat:repeat;padding:1px 5px 2px 5px;}
.cerise-plankbottom {background-image: url('https://i.imgur.com/J8Td6Uz.png'); height:266px;padding:0px;line-height:100px;}
.cerise-post {background-image: url('http://i.imgur.com/2wmJ42y.png'); padding:8px;margin-top:5px;}
.ceriseplank p {font-family: 'Overlock'; font-size:19px;text-indent:25px;}
.ceriseplank b {font-family: 'Delius';font-size:18px; color:#92000A;}
 .ceriseplank table.ooc {width:100%; text-align:center;border-bottom:1px dotted #df6d84;line-height:18px;}
 .cerise-name {font-family:'Butterfly Kids', serif; text-align:center; padding-top:200px; font-size:60px;color:#92000A;}
  .cerise-lyrics {font-family:'Butterfly Kids', serif; text-align:center; padding-bottom:100px; font-size:30px;color:#92000A;line-height:25px;}
.ceriseplank td.oocstuff {font-family: 'The Girl Next Door', sans-serif; margin:0px auto;  font-size:23px;  width:75%;letter-spacing:1px;}
.ceriseplank td.wc {margin:0px auto; float:right; padding-right:20px; font-family: 'Caveat'; font-size:25px;}
     </style>
     [/html]



Aaand here's a text table!

Word Count → 310 :: Out of Character text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.



Code: Select all
[html]
    <div class="cerisetxt">
    <div class="cerisetxt-box"></div>
    <p class="ooc"><span class="wc">Word Count &rarr; 310</span> :: Out of Character text</p>
    <p>

</p>
    </div>
    <style>
         @import url('https://fonts.googleapis.com/css?family=Glass+Antiqua|Laila|Overlock|Delius');
    .cerisetxt-box {background-image:url('https://i.imgur.com/jV089LY.png'); background-repeat:no-repeat; background-position: top center; width:152px; height:200px; float:right; margin:3px; }
    .cerisetxt {font-family:'Overlock', serif; font-size: 18px; text-align: left; margin:0 auto; width:95%; line-height:25px;}
    .cerisetxt p.ooc {opacity:0.7; font-family: 'Glass Antiqua'; text-indent:0px; padding:10px 5px;font-size:17px;}
    .cerisetxt p.ooc + p {padding:0px 5px;}
    .cerisetxt .wc {text-transform: uppercase; font-weight:bold;}
    .cerisetxt p {text-indent: 25px; margin:0px; padding:10px 5px;}
    .cerisetxt b {font-family: 'Delius', serif;font-size:17px;}
    </style>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
    [/html]
Casa di Cavalieri
Sworn
User avatar
Silverfrost
Luperci Healer; Groundskeeper The Brotherhood: Master of Tooth and Claw
You've spent a life time stuck in silence

POSTED: Mon Nov 06, 2017 12:14 am

For Lux! A text/graphical table with a manip!


Lux Einar
Form | Time | Location
This is where you would write something out of character.
WORD COUNT
000

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis sodales egestas. Integer lacus turpis, suscipit et hendrerit non, auctor sed nisi. Morbi et fringilla ipsum. Integer pellentesque leo felis. Curabitur hendrerit dolor ac lorem iaculis condimentum. Integer non ante neque, ut dapibus lectus. Cras bibendum dolor neque, eu condimentum nunc. Sed nec eros quis leo venenatis consequat eget eu quam. Phasellus et ante risus. Aliquam erat volutpat. Nulla auctor, nunc nec hendrerit tincidunt, risus enim hendrerit diam, sit amet aliquet justo ipsum at nisl. Proin semper fermentum dui, tristique venenatis risus eleifend dignissim. "Donec non enim felis, eu elementum diam. Suspendisse aliquam." Eros nec commodo ultricies, dui metus adipiscing nulla, in varius justo quam eget massa. Nulla venenatis tempus neque, non semper libero mattis ut. Morbi pharetra fringilla erat a ultricies.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras tincidunt ipsum eget ipsum pellentesque interdum. Nulla porta cursus arcu, in adipiscing justo euismod in. Fusce varius suscipit sapien, eget vulputate lectus tempus a. Nunc egestas consectetur rutrum. Vivamus tincidunt pellentesque nulla, ac tristique velit lobortis at. Nulla vitae nisi quis nisi accumsan pretium. Praesent dapibus tellus in nunc fringilla tincidunt.

Morbi quis ligula mi, non eleifend erat. Quisque nec orci in sem accumsan laoreet. Phasellus vitae nibh ac mauris fermentum vestibulum a dapibus ante. Praesent libero purus, rutrum non laoreet sed, eleifend ut sem. Nam justo nibh, congue ac adipiscing sit amet, euismod non diam. Proin dignissim arcu sit amet eros facilisis ullamcorper. Donec id nulla odio.

Template by Andi | Image by Pixelmixer | Manip & Edits by Silverfrost

Code: Select all
[html]<div class="Luxmanip"><div class="Luxmanip-name">Lux Einar</div>
<div class="Luxmanip-img"></div>
<table class="Luxmanip-bar"><tr><td class="Luxmanip-ooc"><center>Form | Time | Location</center>This is where you would write something out of character.</td><td class="Luxmanip-word"><div style="font-family:'Special Elite', monospace; font-size:13px;">WORD COUNT</div>
000</td></tr></table>
<div class="Luxmanip-in">
<p>

</p>
<div class="Luxmanip-credit">Template by Andi | <a href="https://pixabay.com/en/wolf-eurasisch-predator-pack-animal-1990566/" style="color:#a76d02;">Image</a> by Pixelmixer | Manip & Edits by Silverfrost</div>
</div></div>

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Special+Elite|Balthazar|Donegal+One|IM+Fell+DW+Pica|Quando|Philosopher');
@import url('https://fontlibrary.org/face/tinesgothic');
.Luxmanip {width:602px; padding:15px 15px 15px; margin:0px auto; text-align:justify; }
.Luxmanip-name {font-family: 'TimesGothic', cursive; font-size:50px; line-height:28px; letter-spacing:2px; text-align:center; color:#000;text-shadow: 0px 0px 9px #B98510;}
.Luxmanip-lyrics {font-family: 'Ruthie', cursive; font-size:32px; line-height: 15px; letter-spacing:0px; text-align:center; color:#625856; text-shadow:#464a51 1px 1px 4px; padding-bottom: 0px;}
.Luxmanip-img {width:599px; height:200px; background-image:url('https://i.imgur.com/1ANMwyk.png'); background-position:top center; background-repeat:no-repeat; border:0px; margin 0px auto; border-radius: 15px 15px 0px 0px;border:1px solid #020201;}
.Luxmanip-bar {width:100%; margin:0px auto; border-collapse:collapse;}
.Luxmanip-ooc {text-align:center; color: #a76d02; font-family: 'Balthazar', sans-serif; margin:0px auto;  font-size:17px; padding:10px; border-right:2px solid #fff; background-color:#020201; width:75%;}
.Luxmanip-word {text-align:center; background-color:#020201; color: #a76d02; font-family: 'WachinangaRegular', cursive; margin:0px auto; font-size:25px; padding-top:0px; border-left:2px solid#fff; width:25%; vertical-align:middle;}
.Luxmanip-in {padding:10px 5px 10px 5px; margin:0px auto;}
.Luxmanip p {text-indent:30px; color:#000; font-family: 'Philosopher', serif; font-size:18px; margin:0px auto; padding:5px;text-align:left;}
.Luxmanip b {font-family: 'IM Fell DW Pica', serif; font-size:20px;color:#000;text-shadow: 0px 0px 9px #B98510;letter-spacing:1px;}
.Luxmanip-credit {text-align:center; background-color:#020201; color: #a76d02; font-family: 'Quando', sans-serif; margin:0px auto; font-size:12px; padding:10px; width:100%;}
</style><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/wachinanga" type="text/css"/>
[/html]


And a text table!

Help me believe it's not the real me

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse odio metus, pellentesque at est at, vulputate blandit diam. Proin elementum urna et hendrerit egestas. Donec eget erat posuere tortor gravida viverra et eget purus. Nunc eu tortor malesuada, tincidunt nisl hendrerit, ultrices ante. Phasellus laoreet aliquam libero in tincidunt. Suspendisse potenti. Donec egestas sodales magna, id dignissim eros dapibus non. Nam vel mattis nisl, et pellentesque augue. Pellentesque ornare semper mi vel scelerisque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse odio metus, pellentesque at est at, vulputate blandit diam. Proin elementum urna et hendrerit egestas. Donec eget erat posuere tortor gravida viverra et eget purus. Nunc eu tortor malesuada, tincidunt nisl hendrerit, ultrices ante. "Phasellus laoreet aliquam libero in tincidunt. Suspendisse potenti. Donec egestas sodales magna, id dignissim eros dapibus non." Nam vel mattis nisl, et pellentesque augue. Pellentesque ornare semper mi vel scelerisque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse odio metus, pellentesque at est at, vulputate blandit diam. Proin elementum urna et hendrerit egestas. Donec eget erat posuere tortor gravida viverra et eget purus. Nunc eu tortor malesuada, tincidunt nisl hendrerit, ultrices ante. Phasellus laoreet aliquam libero in tincidunt. Suspendisse potenti. Donec egestas sodales magna, id dignissim eros dapibus non. Nam vel mattis nisl, et pellentesque augue. Pellentesque ornare semper mi vel scelerisque.

No one will ever tame this animal I have become
OOC000+
Template by hilli | Art by Despi | Edits by Silverfrost


Code: Select all
[html]
<div class="Luxsides">
<div class="Luxsides-ly">Help me believe it's not the real me </div>
<div class="Luxsides1"></div>
<p>

</p>
<div class="Luxsides-ly2">No one will ever tame this animal I have become</div>
<table class="Luxsides-ooc"><tr><td class="oocchatter">OOC</td><td class="wc">000+</td></tr><tr><td colspan="2" style= "font-family: 'Quando', serif; font-size:13px; border-top:1px ridge; padding-top:2px;">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=12002">hilli</a> | Art by Despi | Edits by Silverfrost</td></tr></table>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Special+Elite|Balthazar|Donegal+One|IM+Fell+DW+Pica|Quando|Philosopher');
@import url('https://fontlibrary.org/face/tinesgothic');
.Luxsides {width:100%;  margin:0px auto;}
.Luxsides1 { background-image:url('https://i.imgur.com/HfRo3Qw.png'); background-position:center left; background-repeat:no-repeat; border:1px solid #000; width:150px; height:455px; border:1px solid black; outline:1px solid white; float:right; margin:10px;  }
.Luxsides table.Luxsides-ooc {width:100%; text-align:center;padding-top:10px;}
.Luxsides td.oocchatter {width:75%; font-family: 'Balthazar', serif; font-size:18px;}
.Luxsides td.wc {width:25%; font-family: 'Special Elite'; text-align:right; padding-right:10px; font-size:19px;}
.Luxsides p {text-indent:30px;font-size:18px;font-family: 'Philosopher'; text-align:left;}
.Luxsides b {font-family: 'IM Fell DW Pica', serif;font-size:20px;text-shadow: 0px 0px 9px #B98510;letter-spacing:1px;}
.Luxsides-ly {font-family: 'TimesGothic', serif; font-size:40px; text-align:center; border-bottom:1px dotted;line-height:25px; text-shadow: 0px 0px 9px #B98510;}
.Luxsides-ly2 {font-family: 'TimesGothic', serif; font-size:40px; text-align:center; border-bottom:1px dotted;line-height:30px;text-shadow: 0px 0px 9px #B98510;}
</style>
[/html]
Casa di Cavalieri
Sworn
User avatar
Silverfrost
Luperci Healer; Groundskeeper The Brotherhood: Master of Tooth and Claw
You've spent a life time stuck in silence

POSTED: Sun Nov 26, 2017 11:05 pm

Hey Amoraaa!! Here's some tables for Veri! Edit as you please!
Hope you like them Veri much!

Veri Secanti
OOC Text
Word Count: 000+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.

"Lorem ipsum dolor sit amet, consectetur adipiscing elit," Sed dignissim lacinia nunc. Praesent mauris. Curabitur tortor. Pellentesque nibh. "Fusce nec tellus sed augue semper porta" Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Vestibulum lacinia arcu eget nulla Proin ut ligula vel nunc egestas porttitor. "Curabitur tortor," Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.

"Curabitur sodales ligula in libero," Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. "Fusce ac turpis quis ligula lacinia aliquet," Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus.

Don't give up, I won't give up, no no no
I'm free to be the greatest, I'm alive
By Silverfrost!


Code: Select all
 [html]
    <div class="Veritab"><center><div class="Veritab-bar"><div class="Veritab-name">Veri Secanti</div></div></center>
    <div class="Veritab-img"></div><table class="Veritab-bar"><tr><td class="Veritab-ooctxt"><center>OOC Text</td></center><td class="Veritab-wc">Word Count: 000+</td></tr></table><div class="Veritab-post">
<p>
 
</p>
    </div>
    <div class="Veritab-bar"><div class="Veritab-lyrics">Don't give up, I won't give up, no no no <br>
I'm free to be the greatest, I'm alive</div></div></div><center>By Silverfrost!</center><style>
    @import url('https://fonts.googleapis.com/css?family=Gabriela|Quando|Montaga|Grand+Hotel|Milonga|Great+Vibes|Lovers+Quarrel|Qwigley|Parisienne|Rouge+Script');
.Veritab {width:640px; margin:0px auto; float: center;}
.Veritab-bar {width:100%; margin:0px auto; background-color:#75b7ff;}
.Veritab-name {font-family: 'Grand Hotel', serif; text-align:center;font-size:50px; color:#026395;padding:0px;letter-spacing:5px;}
.Veritab-img {background-image: url('https://i.imgur.com/rcmrQlH.jpg'); width:640px; height:138px; margin:0px; float:center;}
.Veritab-ooctxt {text-align:left; vertical-align: center; color: #026395; font-family: 'Montaga', serif; font-size:17px;width:75%;}
.Veritab-wc {text-align:center; color: #026395; font-family: 'Milonga', serif; font-size:13px; padding:10px; width:25%; vertical-align:middle;}
.Veritab-post {background-color:#fff; padding:3px; }
.Veritab p {font-family: 'Quando', serif; font-size:14px; text-indent:30px; padding:0px; text-align:left;}
.Veritab b {font-family: 'Gabriela', serif; font-size:17px; padding:.5px; color:#026395;}
.Veritab-lyrics {font-family: 'Rouge Script', serif; text-align:center; margin:0px auto; float:center; padding:5px;color:#026395;font-size:40px;line-height:90%;}</style>
    [/html]


And a text table!!!

lyrics go here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim lacinia nunc. Praesent mauris. Curabitur tortor. Pellentesque nibh. Fusce nec tellus sed augue semper porta. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Vestibulum lacinia arcu eget nulla. Proin ut ligula vel nunc egestas porttitor. Curabitur tortor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.

Curabitur sodales ligula in libero. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Fusce ac turpis quis ligula lacinia aliquet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus.

ooc stuff here | [wc — ??]
template by hilli


Code: Select all
    <div class="Verisides">
    <div class="Verisides-ly">lyrics go here</div>
    <div class="Verisides1"></div>
<p>

. </p>
    <div class="Verisides-ooc">ooc stuff here | <b>[wc &mdash; ??]</b> <br>template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=12002">hilli</a></div>
    </div>
        <style>
@import url('https://fonts.googleapis.com/css?family=Gabriela|Quando|Montaga|Grand+Hotel|Milonga|Great+Vibes|Lovers+Quarrel|Qwigley|Parisienne|Rouge+Script');
.Verisides {width:680px; margin:0px auto;padding-top:20px;}
.Verisides1 { background-image:url('https://i.imgur.com/PRRWKZE.png'); background-position:center left; background-repeat:no-repeat; border:1px solid #000; width:197px; height:450px; border:1px solid black; outline:1px solid white; float:right; margin-top:30px;  }
.Verisides-ooc{font-family: 'Milonga', serif; font-size:15px; border-top:1px dotted; text-align:center;}
.Verisides p {text-indent:30px; text-align:left; font-family: 'Quando'; font-size:14px;line-height:150%;}
.Verisides b {font-family: 'Gabriela'; font-size:17px; text-shadow: 0px 0px 1px #007FFF;}
.Verisides-ly {font-family: 'Lovers Quarrel', serif; font-size:45px; text-align:center; border-bottom:1px dotted; line-height:20px; text-shadow: 0px 0px 1px #007FFF;}</style>
    [/html]
Casa di Cavalieri
Sworn
User avatar
Silverfrost
Luperci Healer; Groundskeeper The Brotherhood: Master of Tooth and Claw
You've spent a life time stuck in silence

POSTED: Tue Nov 28, 2017 12:21 am

Honrin Wolfe-Denahlii
Baby, can't you see?
I'm calling

OOC 000+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada varius tortor nec rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec a cursus justo. Nam consequat iaculis neque imperdiet lacinia. Nam vitae tellus sem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed varius, erat id lacinia sagittis, nunc metus rutrum dui, nec volutpat mi ipsum ut ligula. Mauris eu urna in enim dictum volutpat nec sed neque. Sed metus nulla, ultricies id metus vel, aliquam adipiscing lectus. Proin ac ante in leo ullamcorper viverra quis ac sem. Quisque rhoncus eu mi non imperdiet. Nam porta, leo non egestas dapibus, sem lectus aliquet nibh, ultricies elementum sem mauris nec massa.

Phasellus et sodales metus. Maecenas sit amet elit consequat, tempor magna vitae, dignissim sem. Aliquam erat volutpat. Aliquam elit nisi, bibendum eu semper in, ornare nec lectus. Ut pharetra porttitor fringilla. Integer nec dolor magna. Fusce mattis nulla eu malesuada tincidunt. Fusce gravida interdum feugiat. Nullam vel ligula vulputate lacus eleifend iaculis at condimentum sem. Praesent fermentum feugiat elit non ullamcorper. Quisque porta mollis semper. Aliquam a diam vitae leo mollis accumsan nec eleifend metus. Maecenas euismod nisl vel placerat sagittis.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In a commodo neque, ac ultricies elit. Curabitur purus arcu, fermentum nec neque nec, ullamcorper interdum libero. Donec diam sapien, suscipit nec pretium faucibus, bibendum quis eros. Sed mollis vitae eros vitae pellentesque. Vestibulum auctor vestibulum diam aliquet ornare. Integer congue mauris massa, a porta lacus aliquet vel. Suspendisse placerat lacus vel velit malesuada lobortis. Morbi sodales turpis quam, et consectetur mi euismod a.


A guy like you should wear a warning
It's dangerous, I'm falling


Code: Select all
[html]
<div class="honrintxthoss">
<div class="honrintxthoss-in">
<center><img src="https://i.imgur.com/NFTDyVD.png?1"></center>
<div class="honrintxthoss-name">Honrin Wolfe-Denahlii </div>
<div class="honrintxthoss-lyrics">Baby, can't you see? <br>
I'm calling <br>
</div>
<center><hr style="width:80%; text-align:center;float:center;"></center>
<table><td class="ooc">OOC</td> <td class="wc">000+</td></table>
<center><hr style="width:80%;"></center>
<P>

</p>
<hr style="width:95%;">
<div class="honrintxthoss-lyrics2">A guy like you should wear a warning <br> It's dangerous, I'm falling</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Niconne|Great+Vibes|Belgrano|Roboto+Slab|Trocchi');
.honrintxthoss {width:670px; margin:0px auto; float:center;padding:20px;background-color:#e5ddd0;padding:5px;}
.honrintxthoss-in {background-color:#fff;padding:10px;}
.honrintxthoss img {margin:0px auto; float:center;text-align:center;}
.honrintxthoss-name {font-family: 'Great Vibes'; font-size:50px; text-align:center;=padding-bottom:30px;letter-spacing:5px;}
.honrintxthoss-lyrics {font-family: 'Niconne'; text-align:center; font-size:28px;line-height:95%;letter-spacing:5px;}
.honrintxthoss-lyrics2 {font-family: 'Niconne'; text-align:center; font-size:28px;line-height:95%;letter-spacing:1px;}
.honrintxthoss p {text-indent:30px;text-align:left; font-family: 'Belgrano'; font-size:16px;}
.honrintxthoss b {font-family: 'Roboto Slab';font-size:17px; color:#000; text-shadow:0px 0px 6px #f5d65b;}
.honrintxthoss b:before {content:'“';font-family:'EB Garamond', serif;font-size:23px;padding-left:3px; } .honrintxthoss b:after { content:'”';font-family:'EB Garamond', serif;font-size:23px;padding-right:5px;}
.honrintxthoss hr {  border: 0;border-top: 3px dashed #e5ddd0;
  border-bottom: 1px solid #fff;}
 .honrintxthoss table {width:100%; text-align:center;line-height:10px;opacity:0.6;}
 .honrintxthoss td.ooc {font-family: 'Trocchi'; width:75%;font-size:14px;}
  .honrintxthoss td.wc {text-align:right; padding-right:75px;font-family: 'Port Lligat Slab'; font-size:19px;}
</style>
[/html]
Casa di Cavalieri
Sworn
User avatar
Silverfrost
Luperci Healer; Groundskeeper The Brotherhood: Master of Tooth and Claw
You've spent a life time stuck in silence

POSTED: Fri Dec 01, 2017 11:07 am

Amora <3 Fiddle with the "max-height:450px;" tab if you want the image to match the text length!

lyrics go here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Curabitur sodales ligula in libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Curabitur sodales ligula in libero. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas mattis. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit.

OOC 000+


Code: Select all
[html]
<div class="guintxt">
    <div class="guintxt-ly">lyrics go here</div>
<img src="https://i.imgur.com/dUU73lR.jpg">
<p>
 
</p>
<table class="ooc"><td class="ooc">OOC</td> <td class="wc">000+</td></table>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Gabriela|Quando|Montaga|Grand+Hotel|Milonga|Great+Vibes|Lovers+Quarrel|Qwigley|Parisienne|Rouge+Script');
.guintxt {width:650px; margin:0px; float:center;padding:10px 10px 10px 10px;}
.guintxt img {margin:20px 5px 5px 5px; float:right;border:1px solid #000;max-height:450px;}
.guintxt p {font-family: 'Quando', georgia; font-size:14px; text-indent:30px; text-align:left;}
.guintxt b {font-family: 'Gabriela'; font-size:17px;text-shadow: 0px 0px 8px #CFE5D2;}
.guintxt table.ooc {width:100%; text-align:center;border-top:1px dotted #000;}
.guintxt td.ooc {width:75%; font-family: 'Montaga';font-size:17px;}
.guintxt td.wc {text-align:right; padding-right:10px;font-family: 'Milonga'; font-size:18px;}
.guintxt-ly {font-family: 'Lovers Quarrel'; font-size:60px; text-align:center; border-bottom:1px dotted;line-height:20px;text-shadow: 0px 0px 8px #CFE5D2;}
</style>
[/html]
Casa di Cavalieri
Sworn
User avatar
Silverfrost
Luperci Healer; Groundskeeper The Brotherhood: Master of Tooth and Claw
You've spent a life time stuck in silence

POSTED: Fri Dec 08, 2017 6:24 pm

Horribly overdue tables for Sami's Greed!

Greed Lykoi
OOC000

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pretium urna ligula, et porta urna euismod ac. Morbi consequat metus quis molestie vulputate. Ut nec rhoncus nisl. Vestibulum vel nunc laoreet, ornare neque sed, rutrum ante. Cras dolor nibh, faucibus et ligula at, laoreet varius eros. Phasellus in congue nisl. Nullam vitae lorem at justo blandit pellentesque eu eget mi. Phasellus adipiscing lorem quis augue rutrum, non aliquet tortor dapibus. Fusce blandit rutrum ipsum, sed congue ipsum facilisis facilisis. Quisque vitae pellentesque purus, quis eleifend ipsum. Maecenas quis leo fermentum, volutpat augue non, tempus dolor. Proin dignissim pharetra libero, et fringilla mauris. Donec viverra laoreet elit, nec pulvinar tortor. Nulla facilisi. Sed eu dapibus nisl.

Vivamus lobortis suscipit commodo. In non venenatis neque, a mollis nibh. Suspendisse auctor convallis nunc vel vulputate. Sed auctor sapien sed magna blandit lobortis. Cras eu mi augue. Phasellus leo sem, consectetur eu pulvinar id, varius id metus. Cras in congue ligula, sit amet imperdiet est.

Vivamus lobortis suscipit commodo. In non venenatis neque, a mollis nibh. Suspendisse auctor convallis nunc vel vulputate. Sed auctor sapien sed magna blandit lobortis. Cras eu mi augue. Phasellus leo sem, consectetur eu pulvinar id, varius id metus. Cras in congue ligula, sit amet imperdiet est.

LYRICS HERE


Code: Select all
[html]<div class="GLstagtext">
<div class="GLstagtext-name">Greed Lykoi</div> <div class="GLstagtext-body">
<table class="ooc"><tr class="notes"><td class="chat">OOC</td><td class="wc">000</td></tr></table>
<div class="GLstagtext-post">
    <img src="https://i.imgur.com/Bs5H6WP.jpg?1">
<p>

</p>
</div>
    <div class="GLstagtext-lyrics">LYRICS HERE</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=EB+Garamond|Cinzel+Decorative|Cinzel|Smythe');
@import url('https://fontlibrary.org/face/bellota');
.GLstagtext {width:680px; margin:0px auto;float:center;}
.GLstagtext-name {font-family: 'Cinzel Decorative', serif; text-align:center; background-color:#33271B;float:center; font-size: 40px; color:#F9AC15;padding:1px;letter-spacing:5px;}
.GLstagtext-body {background-color:#FEFEFE;}
.GLstagtext .ooc {width:100%;background-color:#5F4C3A;color:#000;}
.GLstagtext .chat {width:90%; text-align:center; font-family: 'Times', serif; font-size:16px; padding:5px;}
.GLstagtext .wc {font-size:25px; font-family: 'Smythe'; text-align:center;}
.GLstagtext-post {padding:5px; }
.GLstagtext p {font-family: 'Cambria', serif; font-size:17px; text-align:left; text-indent: 30px;}
.GLstagtext b {color:#5C210D; font-family: 'Georgia', serif;text-shadow: 1px 1px 5px #F9AC15 ;}
.GLstagtext-lyrics {font-family: 'Cinzel', serif; text-align:center; background-color:#33271B;float:center;font-size:35px; color:#F9AC15;padding:3px;letter-spacing:5px;}
.GLstagtext img { margin:5px; float:right; max-width: 230px; max-height:400px; }
</style>[/html]



Greed Lykoi
I'm taking back the crown
I'm all dressed up and naked
I see what's mine and take it

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis sodales egestas. Integer lacus turpis, suscipit et hendrerit non, auctor sed nisi. Morbi et fringilla ipsum. Integer pellentesque leo felis. Curabitur hendrerit dolor ac lorem iaculis condimentum. Integer non ante neque, ut dapibus lectus. Cras bibendum dolor neque, eu condimentum nunc. Sed nec eros quis leo venenatis consequat eget eu quam. Phasellus et ante risus. Aliquam erat volutpat. Nulla auctor, nunc nec hendrerit tincidunt, risus enim hendrerit diam, sit amet aliquet justo ipsum at nisl. Proin semper fermentum dui, tristique venenatis risus eleifend dignissim. "Donec non enim felis, eu elementum diam. Suspendisse aliquam." Eros nec commodo ultricies, dui metus adipiscing nulla, in varius justo quam eget massa. Nulla venenatis Greedlus neque, non semper libero mattis ut. Morbi pharetra fringilla erat a ultricies.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras tincidunt ipsum eget ipsum pellentesque interdum. Nulla porta cursus arcu, in adipiscing justo euismod in. Fusce varius suscipit sapien, eget vulputate lectus Greedlus a. Nunc egestas consectetur rutrum. Vivamus tincidunt pellentesque nulla, ac tristique velit lobortis at. Nulla vitae nisi quis nisi accumsan pretium. Praesent dapibus tellus in nunc fringilla tincidunt.

Morbi quis ligula mi, non eleifend erat. Quisque nec orci in sem accumsan laoreet. Phasellus vitae nibh ac mauris fermentum vestibulum a dapibus ante. Praesent libero purus, rutrum non laoreet sed, eleifend ut sem. Nam justo nibh, congue ac adipiscing sit amet, euismod non dia

OOC 000+


Code: Select all
[html]<div class="Greedltext2">
<div class="Greedltext2-name">Greed Lykoi</div>
<div class="Greedltext2-lyrics">
I'm taking back the crown <br>
I'm all dressed up and naked <br>
I see what's mine and take it <br>
</div>
<div class="Greedltext2-post"><img src="https://i.imgur.com/aR3aoo3.png">
 <p>

</p>
</div>
<table class="ooc">
<td class="chat">OOC</td> <td class="wc">000+</td>
</table>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Cinzel+Decorative|Cinzel|Smythe');
.Greedltext2 {width:100%;margin:0px auto; float:center;}
.Greedltext2-name {font-size:40px; text-align:center; font-family: 'Cinzel Decorative';line-height:40px;}
.Greedltext2-lyrics {text-align:center; font-size:14px;font-family: 'Cinzel'; line-height:13px;}
.Greedltext2-post {border-top: 1px dashed;margin:10px;}
.Greedltext2 p {font-family: 'Cambria', serif; font-size:17px;text-align:left; text-indent:30px;line-height:120%;}
.Greedltext2 b {color:#5C210D; font-family: 'Georgia', serif;text-shadow: 1px 1px 5px #F9AC15 ;font-size:16px;}
.Greedltext2 table.ooc {width:100%;text-align:center; border-top:1px dashed;}
.Greedltext2 td.chat {width:75%; font-family: 'Courier', monospace; font-size:15px;}
.Greedltext2 td.wc {font-family: 'Smythe'; font-size:25px;text-align:right;padding-right:15px;}
.Greedltext2 img {margin:5px; float:right; max-width:200px;max-height:500px;}
</style>
[/html]



Circle of Ravenshadow
Dedicant
User avatar
Silverfrost
Luperci The pages of my story are torn and frayed Bound by blood, never alone.
Somebody make me feel alive
The queen of a wretched design
I walk through the fire

Talents