[M] Raise your glass,

for a hero come to pass.

POSTED: Mon Oct 16, 2017 2:28 pm

WARNING: This thread contains material exceeding the general board rating of PG-13. It may contain very strong language, drug usage, graphic violence, or graphic sexual content. Reader discretion is advised.

Graphic Tables

by Silverfrost
Code: Select all
<div class="jacktab1">
<div class="L1">Now some saint got the job of writing down my sins</div>
<div class="jacktab1-img"> </div>
<div class="L2">   
<table class="ooc"> <td class="ooc"> OOC Text</td>  <td class="wc">Word Count &rarr; 000</td></table></div>

<div class="jacktab1-in"> 


    <p>POST HERE</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'); 
@import url('https://fonts.googleapis.com/css?family=Asap|Cabin|Catamaran|Didact+Gothic|Dosis|Exo+2|Josefin+Sans|Karla|Khula|Lato|Muli|Nunito|Open+Sans|PT+Sans|Poppins|Questrial|Quicksand|Source+Sans+Pro|Ubuntu|Varela+Round|Work+Sans');

.jacktab1 {width:600px; padding:0px; margin:0px auto; text-align:justify; color:#000;   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 #2e2e2e;}
.jacktab1 p {text-indent:30px;  padding-top:8px; text-align:left; margin:0px auto;font-size:18px; font-family: 'Lato', serif;line-height:140%;}
.jacktab1 b:before { content:open-quote; }
.jacktab1 b:after { content:close-quote; }
.jacktab1 table.ooc {width:100%;color:#fff;padding:5px;}
.jacktab1 td.ooc {width:65%; font-family: 'Open Sans', serif; text-align:center;}
.jacktab1 td.wc {width:35%;font-family: 'Courier', serif; text-align:right;}
.jacktab1 b {color:#0000A1;font-family: 'Ubuntu', serif;}
.jacktab1 .L1 {border-top:20px solid #2e2e2e; border-bottom:20px solid #2e2e2e;  background-color:#2e2e2e; 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;}
.jacktab1 .L2 {text-indent:20px; border-top:10px solid #2e2e2e; border-bottom:10px solid #2e2e2e; background-color:#2e2e2e; padding:0px; color:#FFF; }
.jacktab1-img {height:160px; background-image:url('https://i.imgur.com/Ulq0869.png?1'); background-position:center; background-repeat:no-repeat; border:0px; margin 0px auto;}
.jacktab1 .ooc {opacity:0.7;}
.jacktab1 .ooc + p {padding:0px 5px;}
.jacktab1 .wc {text-transform: uppercase; font-weight:bold; }
.jacktab1-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>
by Marie (v1)
Code: Select all
<div class="Temp1"> <div class="Temp1-name">Jackal Katruk</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">My shadow's the only one that walks beside me</div></div>

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

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

    .Temp1 {width:540px; background: #1C191A url("https://i.imgfly.me/ewbgF.png") no-repeat top center;  padding:350px 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:#546935;}
    .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: 50px/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>
by Marie (v2)
Code: Select all
<table cellpadding="0" cellspacing="0" class="jack2">
             <tr>
             <td class="jack2top" colspan="4">
             <div class="jack2name">Jackal Katruk
             <div class="jack2lyrics">I hope this path leads me back where I belong</div></div>
             </td>
              </tr>       
    <tr>
              <td class="jack2post" colspan="4">

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

    </td></tr>
              <tr class="jack2notes">
                          <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="jack2credit">Table by <a href="http://www.soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=1766">Kitty</a>. Image Credits: Marie</p>

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

    .jack2 {border-collapse:collapse; width:550px; margin:10px auto; outline:1px solid #000; border:2px solid #181A26; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d; background: #1C191A url("https://i.imgfly.me/ewbgF.png") no-repeat top center;}
    .jack2 td {background-color:transparent;}
    .jack2 td p {text-indent:50px;  color:#CCCCCC; font-size:13px; vertical-align:top;  margin:px; padding-top:8px;}
    .jack2 td b {color:#546935; }
    .jack2 .jack2top {padding-top:320px; padding-bottom:0px;}
    tr.jack2notes td {width:25%; text-align:center; font-size:10px; color:#fff; padding:3px; border:1px solid #000; background-color:#546935;}
    .jack2 .jack2post {background-color:transparent; padding:10px 35px 15px 35px; border:0px;}
    .jack2name {font: 50px/20px 'Poiret One', cursive; color:#CCCCCC; letter-spacing:4px; text-align:left; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); border:0px; padding-left:20px;}
    .jack2lyrics {font: 11px/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:20px; padding-left:120px;}
    p.jack2credit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;}
    </style>
by PERSON
Code: Select all
TABLE CODE
TITLE HERE
Code: Select all
TABLE CODE
TITLE HERE
Code: Select all
TABLE CODE

Image

User avatar
Almighty (Sky)
Luperci

Dead Profiles