[codes] Tables

POSTED: Mon Sep 01, 2014 3:30 pm

Usage Rules

  • Please only use my table codes that are posted here. Other tables you see me posting are likely my own personal ones, that i would strongly prefer aren't used as templates.
  • If using all or parts of one of my templates, please credit/leave the credit in place, so that others may find these templates more easily!


Character Name
➧➧ Out of Character text
⟿ Word Count: [242]
⟿ Date: 21st Sep
⟿ Time: 1pm
⟿ Form: Optime

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tincidunt nunc. Maecenas nec convallis ipsum. Aliquam at purus convallis, scelerisque urna a, congue sapien. Nam elementum mauris felis, non accumsan tortor pharetra vel. Vestibulum fringilla volutpat odio, non rhoncus erat aliquam sed. Fusce scelerisque molestie nisl, non rutrum ante congue vel. Etiam scelerisque turpis vel turpis porta, ut facilisis nunc commodo. Fusce vel ex fermentum, lobortis nibh in, congue neque. Donec quis molestie elit. Nunc aliquet finibus tristique. Morbi nec orci a tortor egestas egestas ut ac ex. Ut vehicula, augue non venenatis auctor, velit arcu eleifend massa, id vulputate mauris nunc a dolor. Phasellus tincidunt eu velit varius elementum.

"Donec purus ipsum, tincidunt vitae tincidunt et, ornare sit amet dolor. Donec eget aliquam est." Praesent aliquet pretium pellentesque. Quisque nec imperdiet quam. Etiam consequat aliquam aliquet. Sed hendrerit risus vitae velit vulputate laoreet. Nunc ullamcorper placerat ultrices. Duis congue nisl eu turpis mollis mollis a sed felis. Suspendisse eu porttitor felis, cursus placerat eros. Integer sit amet ultricies massa. Duis rutrum at augue id accumsan. Nunc sit amet lectus quis erat ultrices tristique.

Now some saint got the job of writing down my sins

Template by Kitty, image by Ales Krivec.




Code: Select all
[html]<div class="Temp1"> <div class="Temp1-name">Character Name</div> <div class="Temp1-in">   

<div class="ooc">➧➧  Out of Character text</div>

<div class="Temp1-notes" style="float:right;">
⟿ Word Count: <b>[242]</b> <BR>
⟿ Date: <b>21st Sep</b> <BR>
⟿ Time: <b>1pm</b> <BR>
⟿ Form: <b>Optime</b></div>

<p>POST. <B>"Speech"</b>. <i>Thinking</i>.</p>

</div>
<div class="Temp1-lyrics">Now some saint got the job of writing down my sins</div></div>

<p class="Kcredit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a>, image by Nitish Meena.</p>

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Cinzel|Cinzel+Decorative|Roboto+Slab');

.Temp1 {width:580px; background: #1d1216 url("https://image.ibb.co/bTdPTa/Temp1.png") no-repeat top center;  padding:200px 20px 10px 20px; margin:0px auto; text-align:justify; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d; color:#000; outline:1px solid #000; border:2px solid #9ea8a9;}
.Temp1 b {color:#394651;}
.Temp1 p {text-indent:50px; font:13px 'Roboto Slab', serif;}
.Temp1-in {padding:10px 20px 10px 20px; margin:0px auto; background-color:rgba(255, 255, 255, 0.7); border:2px solid #9ea8a9;}
.Temp1-name {font: 60px/55px 'Cinzel Decorative', cursive; color:#e4f0f1; text-align:center; text-shadow: 2px 2px 2px rgba(16, 9, 10, 1);}
.Temp1-lyrics {font: 18px/16px 'Cinzel', cursive; color:#e4f0f1; letter-spacing:1px; text-align:center; text-shadow: 2px 2px 2px rgba(16, 9, 10, 1); padding-top:10px;}
.Temp1-notes {text-align:left; width:100px; padding:10px; float:right; margin:12px; background-color:rgba(255, 255, 255, 0.3); font-size:10px; border:2px solid#848d91; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.Temp1 .ooc {opacity:0.7; text-indent:0px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.Temp1.ooc + p {padding:0px 5px;}
p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;}
.notice {display:none;}</style>[/html]




Character Name
With the lights out, it's less dangerous

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu sem sagittis, commodo sapien quis, consectetur odio. Maecenas sapien enim, iaculis eget dui hendrerit, malesuada rutrum augue. Quisque pulvinar vitae purus id tincidunt. Etiam ullamcorper pulvinar sem. Vestibulum luctus eros in est molestie, vel accumsan augue scelerisque. Morbi faucibus est magna, pretium pulvinar massa ultricies in. Aenean blandit libero neque, tempus auctor ex condimentum et. Vivamus quam metus, interdum in risus eget, mattis tincidunt augue. Morbi quam ipsum, volutpat malesuada dolor sit amet, maximus tristique odio. Vivamus auctor non nunc non eleifend. Morbi quam justo, sollicitudin feugiat mauris ut, cursus ullamcorper metus. Curabitur bibendum mattis nulla vitae rhoncus. Nullam semper diam vel pretium vestibulum. Morbi gravida, tellus a faucibus pellentesque, elit velit egestas leo, rhoncus sollicitudin metus nibh et tellus.

"Etiam vitae hendrerit lacus. Integer eget justo aliquam, tincidunt tellus eget, rhoncus odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam ac efficitur urna." Morbi neque tellus, lacinia nec tellus pellentesque, finibus scelerisque ligula. Nunc eu elit eget arcu aliquam imperdiet. Etiam nec pellentesque tortor, at mattis nibh. Quisque venenatis lacinia odio, ac egestas dui pellentesque eget. Morbi tristique massa a porttitor euismod. Curabitur cursus facilisis mauris, eget feugiat purus elementum accumsan. Curabitur suscipit dui eget sapien sagittis dictum. Suspendisse potenti. Phasellus ultricies enim purus, eget pretium augue semper a. Sed imperdiet scelerisque odio, quis eleifend ante posuere non. Etiam porta metus vitae diam imperdiet malesuada. Cras ultricies rutrum justo ut iaculis.

Word Count: [000] Form: Optime Date: DD/MM/YY Time: 00 AM/PM

Table by Kitty. Image Credits: By Lovehardtwihard



Code: Select all
[html]<table cellpadding="0" cellspacing="0" class="Temp2">
         <tr>
         <td class="Temp2top" colspan="4">
         <div class="Temp2name">Character Name
         <div class="Temp2lyrics">With the lights out, it's less dangerous</div></div>
         </td>
          </tr>       
<tr>
          <td class="Temp2post" colspan="4">

<p>POST. <B>"Speech"</b>. <i>Thinking</i>.</p>

</td></tr>
          <tr class="Temp2notes">
                      <td>Word Count: <strong>[000]</strong></td>
                      <td>Form:  <strong>Optime</strong></td>
                      <td>Date: <strong>DD/MM/YY</strong></td>
                      <td>Time:  <strong>00 AM/PM</strong></td>
          </tr>
</table>

<p class="Temp2credit">Table by <a href="http://www.soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=1766">Kitty</a>. Image Credits: <a href="http://lovehardtwihard.deviantart.com/art/Golden-Forest-Texture-Pack-663050954">By Lovehardtwihard</a></p> 

<style>
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Poiret+One');

.Temp2 {border-collapse:collapse; width:650px; margin:10px auto; outline:1px solid #000; border:2px solid #4c3828; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d; background: #1b1b16 url("https://i.imgbox.com/sQmEMgHx.png") no-repeat top center;}
.Temp2 td {background-color:transparent;}
.Temp2 td p {text-indent:50px;  color:#8e8a7e; font-size:13px; vertical-align:top;  margin:0px; padding-top:8px;} 
.Temp2 td b {color:#bfb287; } 
.Temp2 .Temp2top {padding-top:190px; padding-bottom:0px;}
tr.Temp2notes td {width:25%; text-align:center; font-size:10px; color:#000; padding:3px; border:1px solid #000; background-color:#5d5942;}
.Temp2 .Temp2post {background-color:transparent; padding:10px 35px 15px 35px; border:0px;}
.Temp2name {font: 70px/20px 'Poiret One', cursive; color:#bfb287; letter-spacing:4px; text-align:left; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); border:0px; padding-left:40px;}
.Temp2lyrics {font: 12px/15px 'Libre Baskerville', serif; color:#FFF; letter-spacing:3px; word-spacing:1px; text-align:left;  text-shadow:#000 1px 1px 2px; border:0px; padding-top:25px; padding-left:190px;}
p.Temp2credit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;}
</style>[/html]




Character Name
Word Count → 310 :: Out of Character text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tincidunt nunc. Maecenas nec convallis ipsum. Aliquam at purus convallis, scelerisque urna a, congue sapien. Nam elementum mauris felis, non accumsan tortor pharetra vel. Vestibulum fringilla volutpat odio, non rhoncus erat aliquam sed. Fusce scelerisque molestie nisl, non rutrum ante congue vel. Etiam scelerisque turpis vel turpis porta, ut facilisis nunc commodo. Fusce vel ex fermentum, lobortis nibh in, congue neque. Donec quis molestie elit. Nunc aliquet finibus tristique. Morbi nec orci a tortor egestas egestas ut ac ex. Ut vehicula, augue non venenatis auctor, velit arcu eleifend massa, id vulputate mauris nunc a dolor. Phasellus tincidunt eu velit varius elementum.

"Donec purus ipsum, tincidunt vitae tincidunt et, ornare sit amet dolor. Donec eget aliquam est." Praesent aliquet pretium pellentesque. Quisque nec imperdiet quam. Etiam consequat aliquam aliquet. Sed hendrerit risus vitae velit vulputate laoreet. Nunc ullamcorper placerat ultrices. Duis congue nisl eu turpis mollis mollis a sed felis. Suspendisse eu porttitor felis, cursus placerat eros. Integer sit amet ultricies massa. Duis rutrum at augue id accumsan. Nunc sit amet lectus quis erat ultrices tristique.

Now some saint got the job of writing down my sins

Template by Kitty, image by Fazel Mehrad.



Code: Select all
[html]<div class="Temp3"> <div class="Temp3-name">Character Name</div> <div class="Temp3-in">   

<div class="ooc"><span class="wc">Word Count &rarr; 310</span> :: Out of Character text</div>

<p>POST. <B>"Speech"</b>. <i>Thinking</i>.</p>     

</div>
<div class="Temp3-lyrics">Now some saint got the job of writing down my sins</div></div>

<p class="Kcredit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a>, image by Fazel Mehrad.</p>

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|PT+Sans|Roboto+Slab');

.Temp3 {width:580px; background: #ba744e url("https://image.ibb.co/ho1m8a/Temp2.png") no-repeat top center;  padding:180px 20px 10px 20px; margin:0px auto; text-align:justify; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d; color:#000; outline:1px solid #000; border:2px solid #f3f1dc;}
.Temp3 b {color:#480324;}
.Temp3 p {text-indent:50px; font:13px 'Roboto Slab', serif;}
.Temp3-in {padding:10px 20px 10px 20px; margin:0px auto; background-color:rgba(235, 231, 196, 0.6); border:1px solid#000;}
.Temp3-name {font: 60px/55px 'Open Sans Condensed', sans-serif; color:#f3f1dc; text-align:left; text-shadow: 2px 2px 2px rgba(127, 59, 66, 0.9);}
.Temp3-lyrics {font: small-caps 16px/14px 'PT Sans', sans-serif; color:#f3f1dc; letter-spacing:5px; text-align:center; text-shadow: 2px 2px 2px rgba(127, 59, 66, 0.9); padding-top:7px;}
.Temp3 .ooc {opacity:0.7; text-indent:0px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.Temp3 .ooc + p {padding:0px 5px;}
.Temp3 .wc {text-transform: uppercase; font-weight:bold; color:#480324;}
p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;} </style>
[/html]




Character Name
Word Count → 310 :: Out of Character text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tincidunt nunc. Maecenas nec convallis ipsum. Aliquam at purus convallis, scelerisque urna a, congue sapien. Nam elementum mauris felis, non accumsan tortor pharetra vel. Vestibulum fringilla volutpat odio, non rhoncus erat aliquam sed. Fusce scelerisque molestie nisl, non rutrum ante congue vel. Etiam scelerisque turpis vel turpis porta, ut facilisis nunc commodo. Fusce vel ex fermentum, lobortis nibh in, congue neque. Donec quis molestie elit. Nunc aliquet finibus tristique. Morbi nec orci a tortor egestas egestas ut ac ex. Ut vehicula, augue non venenatis auctor, velit arcu eleifend massa, id vulputate mauris nunc a dolor. Phasellus tincidunt eu velit varius elementum.

"Donec purus ipsum, tincidunt vitae tincidunt et, ornare sit amet dolor. Donec eget aliquam est." Praesent aliquet pretium pellentesque. Quisque nec imperdiet quam. Etiam consequat aliquam aliquet. Sed hendrerit risus vitae velit vulputate laoreet. Nunc ullamcorper placerat ultrices. Duis congue nisl eu turpis mollis mollis a sed felis. Suspendisse eu porttitor felis, cursus placerat eros. Integer sit amet ultricies massa. Duis rutrum at augue id accumsan. Nunc sit amet lectus quis erat ultrices tristique.

Now some saint got the job of writing down my sins

Template by Kitty, image by Ales Krivec.



Code: Select all
[html]<div class="Temp4"> <div class="Temp4-name">Character Name</div> <div class="Temp4-in">   

<div class="ooc"><span class="wc">Word Count &rarr; 310</span> :: Out of Character text</div>

<p>POST. <B>"Speech"</b>. <i>Thinking</i>.</p>       

</div>
<div class="Temp4-lyrics">Now some saint got the job of writing down my sins</div></div>

<p class="Kcredit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a>, image by Ales Krivec.</p>

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|PT+Sans|Roboto+Slab');

.Temp4 {width:580px; background: #968c8d url("https://image.ibb.co/nnNOMv/Temp4.png") no-repeat top center;  padding:180px 20px 10px 20px; margin:0px auto; text-align:justify; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d; color:#e1e3ec; outline:1px solid #000; border:2px solid #f3f1dc;}
.Temp4 b {color:#9cc2f2;}
.Temp4 p {text-indent:50px; font:13px 'Roboto Slab', serif;}
.Temp4-in {padding:10px 20px 10px 20px; margin:0px auto; background-color:rgba(44, 57, 75, 0.9); border:1px dotted #e1e3ec;}
.Temp4-name {font: 60px/55px 'Open Sans Condensed', sans-serif; color:#f3f1dc; text-align:left; text-shadow: 2px 2px 2px rgba(44, 57, 75, 0.9);}
.Temp4-lyrics {font: small-caps 16px/14px 'PT Sans', sans-serif; color:#f3f1dc; letter-spacing:5px; text-align:center; text-shadow: 2px 2px 2px rgba(44, 57, 75, 0.9); padding-top:7px;}
.Temp4 .ooc {opacity:0.7; text-indent:0px; padding:0px; border-bottom:2px dashed #e1e3ec; margin-bottom:10px;}
.Temp4 .ooc + p {padding:0px 5px;}
.Temp4 .wc {text-transform: uppercase; font-weight:bold; color:#9cc2f2;}
p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;} </style>
[/html]




Now some saint got the job of writing down my sins
Word Count → 000 :: OOC Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tincidunt nunc. Maecenas nec convallis ipsum. Aliquam at purus convallis, scelerisque urna a, congue sapien. Nam elementum mauris felis, non accumsan tortor pharetra vel. Vestibulum fringilla volutpat odio, non rhoncus erat aliquam sed. Fusce scelerisque molestie nisl, non rutrum ante congue vel. Etiam scelerisque turpis vel turpis porta, ut facilisis nunc commodo. Fusce vel ex fermentum, lobortis nibh in, congue neque. Donec quis molestie elit. Nunc aliquet finibus tristique. Morbi nec orci a tortor egestas egestas ut ac ex. Ut vehicula, augue non venenatis auctor, velit arcu eleifend massa, id vulputate mauris nunc a dolor. Phasellus tincidunt eu velit varius elementum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec. Donec purus ipsum, tincidunt vitae tincidunt et, ornare sit amet dolor. Donec eget aliquam est. Praesent aliquet pretium pellentesque. Quisque nec imperdiet quam. Etiam consequat aliquam aliquet. Sed hendrerit risus vitae velit vulputate laoreet. Nunc ullamcorper placerat ultrices. Duis congue nisl eu turpis mollis mollis a sed felis. Suspendisse eu porttitor felis, cursus placerat eros. Integer sit amet ultricies massa. Duis rutrum at augue id accumsan. Nunc sit amet lectus quis erat ultrices tristique.

Template by Kitty.



Code: Select all
[html]
<div class="Temp5">
<div class="L1">Now some saint got the job of writing down my sins</div>
<div class="Temp5-img"> </div>
<div class="L2">   
<div class="ooc"><span class="wc">Word Count &rarr; 000</span> :: OOC Text  </div></div>

<div class="Temp5-in"> 


<p>POST. <B>Speech</b>. <i>Thinking</i>.</p>

</div></div> 
<p class="Kcredit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a>.</p>

<style type="text/css"> 

@import url('https://fonts.googleapis.com/css?family=IM+Fell+Great+Primer:400i|Roboto+Slab'); 

.Temp5 {width:600px; padding:0px; margin:0px auto; text-align:justify; background-color:#d0eef0; color:#000; font-size:14px; font-family: 'Roboto Slab', serif;  box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d; color:#000; outline:1px solid #000; border:2px solid #abd6d9;}
.Temp5 p {text-indent:50px;  padding-top:8px; text-align:justify; margin:0px auto;} 
.Temp5 p:first-letter {font-size:2em; color:#2f4569; font-weight:bold;}
.Temp5 b:before { content:open-quote; }
.Temp5 b:after { content:close-quote; }
.Temp5 .L1 {border-top:20px solid #2e3b4e; border-bottom:20px solid #2e3b4e;  background-color:#2e3b4e; text-align:center; padding:0px; font-size:20px; line-height:15px; font-family: 'IM Fell Great Primer', serif; color:#FFF;  text-shadow:#2B2B2B 0 0 4px; letter-spacing:3px;}
.Temp5 .L2 {text-indent:20px; border-top:10px solid #69aab6; border-bottom:10px solid #69aab6; background-color:#69aab6; padding:0px; color:#FFF; }
.Temp5-img {height:140px; background-image:url('https://image.ibb.co/fL1sya/Temp4.png'); background-position:center; background-repeat:no-repeat; border:0px; margin 0px auto;}
.Temp5 .ooc {opacity:0.7;}
.Temp5 .ooc + p {padding:0px 5px;}
.Temp5 .wc {text-transform: uppercase; font-weight:bold; }
.Temp5-in {padding:20px; margin:0px auto;  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );  } 
p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;}</style>
[/html]
Last edited by Nivosus Moineau on Fri Sep 08, 2017 5:56 pm, edited 12 times in total.
By the grace of the fire and the flames
YOU'RE THE FACE OF THE FUTURE, THE BLOOD IN MY VEINS
Sapient
Sagax
User avatar
Kitty
Swindler (Master) Victimology
I'm just a snake
SO LAY ME DOWN
In the cold dark earth

POSTED: Tue Sep 02, 2014 5:45 pm

*walks in, shakes butt, takes code, leaves*
i use this now

POSTED: Mon Aug 24, 2015 10:57 pm

This template is amaZing! And I am going to use it. BP it's so cool I cannot say anything else.
Khyren
Loners
Wolf
User avatar
Ben
Luperci

POSTED: Fri Sep 08, 2017 10:37 am

Updated the old template (cleaned it up some) and added some varieties to show ways you can adapt the coding :3
By the grace of the fire and the flames
YOU'RE THE FACE OF THE FUTURE, THE BLOOD IN MY VEINS
Sapient
Sagax
User avatar
Kitty
Swindler (Master) Victimology
I'm just a snake
SO LAY ME DOWN
In the cold dark earth

POSTED: Fri Sep 08, 2017 1:09 pm

I always love your tables! They're so pretty!
Grabs codes



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: Tue Feb 13, 2018 4:27 pm

Word Count → 310 :: Out of Character text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tincidunt nunc. Maecenas nec convallis ipsum. Aliquam at purus convallis, scelerisque urna a, congue sapien. Nam elementum mauris felis, non accumsan tortor pharetra vel. Vestibulum fringilla volutpat odio, non rhoncus erat aliquam sed. Fusce scelerisque molestie nisl, non rutrum ante congue vel. Etiam scelerisque turpis vel turpis porta, ut facilisis nunc commodo. Fusce vel ex fermentum, lobortis nibh in, congue neque. Donec quis molestie elit. Nunc aliquet finibus tristique. Morbi nec orci a tortor egestas egestas ut ac ex. Ut vehicula, augue non venenatis auctor, velit arcu eleifend massa, id vulputate mauris nunc a dolor. Phasellus tincidunt eu velit varius elementum.

"Donec purus ipsum, tincidunt vitae tincidunt et, ornare sit amet dolor. Donec eget aliquam est." Praesent aliquet pretium pellentesque. Quisque nec imperdiet quam. Etiam consequat aliquam aliquet. Sed hendrerit risus vitae velit vulputate laoreet. Nunc ullamcorper placerat ultrices. Duis congue nisl eu turpis mollis mollis a sed felis. Suspendisse eu porttitor felis, cursus placerat eros. Integer sit amet ultricies massa. Duis rutrum at augue id accumsan. Nunc sit amet lectus quis erat ultrices tristique.

"Donec purus ipsum, tincidunt vitae tincidunt et, ornare sit amet dolor. Donec eget aliquam est." Praesent aliquet pretium pellentesque. Quisque nec imperdiet quam. Etiam consequat aliquam aliquet. Sed hendrerit risus vitae velit vulputate laoreet. Nunc ullamcorper placerat ultrices. Duis congue nisl eu turpis mollis mollis a sed felis. Suspendisse eu porttitor felis, cursus placerat eros. Integer sit amet ultricies massa. Duis rutrum at augue id accumsan. Nunc sit amet lectus quis erat ultrices tristique.



Code: Select all
[html]<div class="MVHawk">
<div class="ooc"><span class="wc">Word Count &rarr; 310</span> :: Out of Character text</div>
<img src="https://i.imgur.com/taf0qbJ.png" class="cawcaw">

<p>POST</p>

</div>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
.MVHawk {width:90%; margin:15px;}
.MVHawk p {font:14px 'Roboto Slab', serif; line-height:180%; text-indent:50px; text-align:justify; }
.MVHawk NPC {font-weight: bold; filter:alpha(opacity=55%); opacity:.55; }
.MVHawk .ooc {opacity:0.7; text-indent:15px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.MVHawk .ooc + p {padding:0px 5px;}
.MVHawk .wc {text-transform: uppercase; font-weight:bold;}
.cawcaw {width:250px; padding:25px; float:right;}
</style>[/html]



Word Count → 310 :: Out of Character text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tincidunt nunc. Maecenas nec convallis ipsum. Aliquam at purus convallis, scelerisque urna a, congue sapien. Nam elementum mauris felis, non accumsan tortor pharetra vel. Vestibulum fringilla volutpat odio, non rhoncus erat aliquam sed. Fusce scelerisque molestie nisl, non rutrum ante congue vel. Etiam scelerisque turpis vel turpis porta, ut facilisis nunc commodo. Fusce vel ex fermentum, lobortis nibh in, congue neque. Donec quis molestie elit. Nunc aliquet finibus tristique. Morbi nec orci a tortor egestas egestas ut ac ex. Ut vehicula, augue non venenatis auctor, velit arcu eleifend massa, id vulputate mauris nunc a dolor. Phasellus tincidunt eu velit varius elementum.

"Donec purus ipsum, tincidunt vitae tincidunt et, ornare sit amet dolor. Donec eget aliquam est." Praesent aliquet pretium pellentesque. Quisque nec imperdiet quam. Etiam consequat aliquam aliquet. Sed hendrerit risus vitae velit vulputate laoreet. Nunc ullamcorper placerat ultrices. Duis congue nisl eu turpis mollis mollis a sed felis. Suspendisse eu porttitor felis, cursus placerat eros. Integer sit amet ultricies massa. Duis rutrum at augue id accumsan. Nunc sit amet lectus quis erat ultrices tristique.

"Donec purus ipsum, tincidunt vitae tincidunt et, ornare sit amet dolor. Donec eget aliquam est." Praesent aliquet pretium pellentesque. Quisque nec imperdiet quam. Etiam consequat aliquam aliquet. Sed hendrerit risus vitae velit vulputate laoreet. Nunc ullamcorper placerat ultrices. Duis congue nisl eu turpis mollis mollis a sed felis. Suspendisse eu porttitor felis, cursus placerat eros. Integer sit amet ultricies massa. Duis rutrum at augue id accumsan. Nunc sit amet lectus quis erat ultrices tristique.



Code: Select all
[html]<div class="MVBear">
<div class="ooc"><span class="wc">Word Count &rarr; 310</span> :: Out of Character text</div>
<img src="https://i.imgur.com/mEEbuCT.png" class="rawriguess">

<p>POST</p>

</div>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
.MVBear {width:90%; margin:15px;}
.MVBear p {font:14px 'Roboto Slab', serif; line-height:180%; text-indent:50px; text-align:justify; }
.MVBear NPC {font-weight: bold; filter:alpha(opacity=55%); opacity:.55; }
.MVBear .ooc {opacity:0.7; text-indent:15px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.MVBear .ooc + p {padding:0px 5px;}
.MVBear .wc {text-transform: uppercase; font-weight:bold;}
.rawriguess {width:250px; padding:25px; float:right;}
</style>[/html]


Word Count → 310 :: Out of Character text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tincidunt nunc. Maecenas nec convallis ipsum. Aliquam at purus convallis, scelerisque urna a, congue sapien. Nam elementum mauris felis, non accumsan tortor pharetra vel. Vestibulum fringilla volutpat odio, non rhoncus erat aliquam sed. Fusce scelerisque molestie nisl, non rutrum ante congue vel. Etiam scelerisque turpis vel turpis porta, ut facilisis nunc commodo. Fusce vel ex fermentum, lobortis nibh in, congue neque. Donec quis molestie elit. Nunc aliquet finibus tristique. Morbi nec orci a tortor egestas egestas ut ac ex. Ut vehicula, augue non venenatis auctor, velit arcu eleifend massa, id vulputate mauris nunc a dolor. Phasellus tincidunt eu velit varius elementum.

"Donec purus ipsum, tincidunt vitae tincidunt et, ornare sit amet dolor. Donec eget aliquam est." Praesent aliquet pretium pellentesque. Quisque nec imperdiet quam. Etiam consequat aliquam aliquet. Sed hendrerit risus vitae velit vulputate laoreet. Nunc ullamcorper placerat ultrices. Duis congue nisl eu turpis mollis mollis a sed felis. Suspendisse eu porttitor felis, cursus placerat eros. Integer sit amet ultricies massa. Duis rutrum at augue id accumsan. Nunc sit amet lectus quis erat ultrices tristique.

"Donec purus ipsum, tincidunt vitae tincidunt et, ornare sit amet dolor. Donec eget aliquam est." Praesent aliquet pretium pellentesque. Quisque nec imperdiet quam. Etiam consequat aliquam aliquet. Sed hendrerit risus vitae velit vulputate laoreet. Nunc ullamcorper placerat ultrices. Duis congue nisl eu turpis mollis mollis a sed felis. Suspendisse eu porttitor felis, cursus placerat eros. Integer sit amet ultricies massa. Duis rutrum at augue id accumsan. Nunc sit amet lectus quis erat ultrices tristique.



Code: Select all
[html]<div class="MVElk">
<div class="ooc"><span class="wc">Word Count &rarr; 310</span> :: Out of Character text</div>
<img src="https://i.imgur.com/NwkMMPT.png" class="whatdidtheelksay">

<p>POST</p>

</div>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
.MVElk {width:90%; margin:15px;}
.MVElk p {font:14px 'Roboto Slab', serif; line-height:180%; text-indent:50px; text-align:justify; }
.MVElk NPC {font-weight: bold; filter:alpha(opacity=55%); opacity:.55; }
.MVElk .ooc {opacity:0.7; text-indent:15px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.MVElk .ooc + p {padding:0px 5px;}
.MVElk .wc {text-transform: uppercase; font-weight:bold;}
.whatdidtheelksay {width:250px; padding:25px; float:right;}
</style>[/html]
By the grace of the fire and the flames
YOU'RE THE FACE OF THE FUTURE, THE BLOOD IN MY VEINS
Sapient
Sagax
User avatar
Kitty
Swindler (Master) Victimology
I'm just a snake
SO LAY ME DOWN
In the cold dark earth

POSTED: Tue Feb 13, 2018 5:23 pm

O: yay! awesome!
Mistfell Vale
Ravenking
User avatar
Sunny
'Souls Assemblage Luperci Big Game Trapper I
now dissolve me,
two tabs on your tongue
reality doesn't change

POSTED: Wed Feb 14, 2018 12:08 am

YAS Bahahahahahahahaha!

Kitty you be skilled.
ImageImageImage
Mistfell Vale
Whalstray (NPC)
User avatar
Bones
Luperci
I FIGHT BACK

Templates