last of a dying breed
#1
POST LOG
[html]
<div class="LYNXthreadlog">
<div class="LYNXthreadlog-name">Lynx</div>
<div class="LYNXthreadlog-links"><a href="http://wiki.soulsrpg.com/index.php?n=Characters.Lynx">Wiki</a> | <a href="http://soulsrpg.com/forum/memberlist.php?mode=viewprofile&un=Lynx">Profile</a> | <a href="http://imgur.com/a/link">Gallery</a> | <a href="http://wiki.soulsrpg.com/index.php?n=Players.Legacy">Player Wiki</a> </div><b> </b>
<div class="LYNXthreadlog-log">
<ol>
<u>October</u>
<li><a href="https://soulsrpg.com/forum/viewtopic.php?f=55&t=44341"> one step forward, then another</a> <i>(Posted: 10/02/19 | Dated: 10/02/19)</i><br>A couple of loners wander around in the fog. <br> <em>With <a class= "char" href="https://soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=5665">Wally Sherman</a></em> </li>
<li><a href="https://soulsrpg.com/forum/viewtopic.php?f=55&t=44378"> There's no plan, there's no race to be won</a> <i>(Posted: 10/07/19 | Dated: 10/07/19)</i><br>Lynx comes across a Mistwalker while hunting. <br> <em>With <a class= "char" href="https://wiki.soulsrpg.com/index.php?n=Characters.ZuriAcidic-Trombetta">Zuri Acidic-Trombetta</a></em> </li>
<li><a href="https://soulsrpg.com/forum/viewtopic.php?f=23&t=44466"> lay me gently in the cold dark earth</a> <i>(Posted: 10/16/19 | Dated: 10/16/19)</i><br>Lynx comes across another loner in Northern Tides as winter approaches. <br> <em>With <a class= "char" href="http://wiki.soulsrpg.com/index.php?n=Characters.BeatrixPoitier">Beatrix Poitier</a></em> </li>
<li><a href="Link here"> Thread title</a> <i>(Posted: Date | Dated: Date)</i><br>Summary <br> <em>With <a class= "char" href="http://wiki.soulsrpg.com/index.php?n=Characters.Characters">Character</a></em> </li>
<li><a href="Link here"> Thread title</a> <i>(Posted: Date | Dated: Date)</i><br>Summary <br> <em>With <a class= "char" href="http://wiki.soulsrpg.com/index.php?n=Characters.Characters">Character</a></em> </li>
</ol>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light|Underdog&display=swap" rel="stylesheet"');
.LYNXthreadlog {width: 650px; background-image: url('https://i.imgur.com/0ki0yoH.jpg'); background-repeat:repeat; float: center; margin:0px auto;padding:10px;box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px 2px #1d1d1d;border:1px solid #000000;}
.LYNXthreadlog-name {font-family: 'Shadows Into Light'; font-size:60px; line-height:50%; letter-spacing:2px; text-align:center; color:#000; text-shadow:#c3c3c3 1px 1px 4px;padding-bottom:10px; }
.LYNXthreadlog-links {text-align:center; padding:5px; font-family: 'FONT', serif; font-size:17px; color=#000}
.LYNXthreadlog-log {width:595px; float: center; background-image: url('https://i.imgur.com/Bjvi6HI.png'); text-align:left;align:center;height:379px; overflow:auto;margin:0px auto;padding:10px;font-family:'FONT', serif; font-size:14.5px; border:#000000 4px double;}
.LYNXthreadlog-log li {padding-bottom:5px;}
.LYNXthreadlog-log a {font-style:bold; font-weight:900; color:#000; font-family:'FONT', serif; font-size:18px;}
.LYNXthreadlog-log ol {background-image:url('http://i.imgur.com/HK7QKom.png'); background-repeat:no repeat; border: 2px solid #COLOR;padding:5px;margin:0px auto; float:center;}
.LYNXthreadlog-log u {font-family: 'Underdog', cursive; font-size:32px; letter-spacing:0px; color:#000000; text-shadow:#COLOR 1px 1px 4px; padding-bottom: 0px; text-align: center; float:center; margin:0px auto;}
.LYNXthreadlog-log i {font-family: FONT', serif;font-size:12px;}
.LYNXthreadlog-log em {font-family: 'FONT', serif; font-size:12px;}
.LYNXthreadlog-log a.char {font-family: 'FONT', serif; font-size: 12px; color:#000000;;font-style: italic; font-weight:500;}
</style>

[/html]
[html]
<div class="legSig">
<img src="https://i.imgur.com/KJC2JSb.png" style="height:200px; z-index:-1; margin:0px 0px -50px;" />
<div class="buttonblock">
</div>
<div id="signature-icons" class="iconblock">
<a href="#!" class="lupus-preference" title="LUPUS unless otherwise stated."></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.Lynx" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="viewtopic.php?t=14425" title="OPEN FOR THREADS!" class="open-for-threads"></a>
<a href="#" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" title="I will roleplay mature material." class="will-mature"></a>
<a href="#!" class="strong-prejudice" title="Lynx has a prejudice against highly humanized Luperci and is wary of those in Optime form regardless."></a>
<a href="#!" class="skill-hunting" title="Lynx is skilled in hunting and tracking."></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Legacy" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="https://soulsrpg.com/forum/viewtopic.php?f=13&t=44382" target="_blank" title="POST LOG" class="post-log"></a>
</div>

</div>

<style>
@import url('/images/icons/postsig/signature-icons.css');
.legSig {margin:0 auto; text-align:center; margin:0 auto; }
.legSig .buttonblock { margin:0 auto; }
.legSig .buttonblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.legSig .buttonblock a:hover, .legSig .buttonblock a:active, .legSig .buttonblock a:focus { opacity:1; filter:alpha(opacity=100%); }
.legSig .iconblock { font-size:0; margin:0 auto; }
.legSig .iconblock { font-size:0; margin:0 auto; }
.legSig .iconblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.legSig .iconblock a:hover, .legSig .iconblock a:active, .legSig .iconblock a:focus { opacity: 1; filter:alpha(opacity=100%); box-shadow: 0px 0px 2px #000; }
</style>

[/html]
Sig image by Despi
#2
TABLES
[html]
<style>
@import url('https://fonts.googleapis.com/css?family=FONTS');
.LYNXtablog {width:680px; padding:5px;text-align:center;}
dl.codebox {padding: 3px;background-color: #f9f9f9;border: 1px solid #000000;font-size: 12px;height: 100px;width: 200px;}
dl.codebox a { color: #000000}
dl.codebox dt {text-transform: uppercase;border-bottom: 1px solid #000000;margin-bottom: 3px;font-size: 0.8em;font-weight: bold;display: block;}
dl.codebox code {overflow: hidden;display: block;height: 80px;white-space: normal;padding-top: 5px;font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;line-height: 1.3em;color: #333333;margin: 0px 0;}
.LYNXtablog table {width:100%; text-align:center;}
.LYNXtablog td {width:33%;text-align:center;overflow:auto;}
.LYNXtablog tr.tabs {; width:33%; padding-top:35px; float:center;overflow:auto;font-family: 'nanookRegular',serif; font-size:18px;}
.LYNXtablog textarea {width:100px; overflow:auto; height:40px;}
.LYNXtablog tr.text {height:50px; width:33%; padding:5px; float:center;overflow:auto; font-size:15px; padding:30px;text-align:center;font-family:'Georgia', serif;}
</style>
<div class="LYNXtablog"><center><table>
<tr class="tabs"><td><center>Forest</center></td> <td><center>Text 1</center></td><td><center>Third Table Name</center></td></tr><td>
[/html]
Code:
[html]<div class="Forest"> <div class="Forest-name">Lynx</div> <div class="Forest-in">  

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

<p>POST.</p>    

</div>
<div class="Forest-lyrics">If I can live through this, I can do anything</div></div>

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

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

.Forest {width:600px; background: #257c3d url("https://i.imgur.com/G0C1wvu.png?1") 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;}
.Forest b {color:#152118;}
.Forest p {text-indent:50px; font:13px 'Roboto Slab', serif;}
.Forest-in {padding:10px 20px 10px 20px; margin:0px auto; background-color:rgba(235, 231, 196, 0.6); border:1px solid#000;}
.Forest-name {font: 60px/55px 'Open Sans Condensed', sans-serif; color:#f3f1dc; text-align:left; text-shadow: 2px 2px 2px #152118;}
.Forest-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;}
.Forest .ooc {opacity:0.7; text-indent:0px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.Forest .ooc + p {padding:0px 5px;}
.Forest .wc {text-transform: uppercase; font-weight:bold; color:#152118;}
p.Kcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;} </style>
[/html]
[html]
</td><td>[/html]
Code:
[html]<div class="txtLynx"></p><p class="ooc"><strong>[384]</strong> • OOC Text</p>
<p>POST.</p>
</div>  
<link href="https://fonts.googleapis.com/css?family=Bitter:400,400i,700" rel="stylesheet">
<style>
.txtLynx p.ooc { padding:20px 5px 5px 3px; opacity:.75; text-indent:0px; }  
.txtLynx p.ooc:after { margin:0 auto; content:''; filter: alpha(opacity=60%); opacity: .30; display: block; border-bottom: 1px solid; padding-bottom: 10px; }  
.txtLynx p.wc { padding:0px 5px 5px 3px; opacity:.75; text-indent:0px; text-align:right; }  
.txtLynx p { margin:10px 20px 0; font-family:Bitter; line-height:23px; text-indent:25px; font-size:15px; }    
.txtLynx b.npc { opacity:.75; }  
.txtLynx b.lang:before { content:'< '; }  
.txtLynx b.lang:after { content:' >'; } </style>[/html]
[html]
</td><td>[/html]
Code:
TABLE 3 CODE
[html]
</td></tr>
<tr class="tabs"><td><center>First Table Name</center></td> <td><center>Second Table Name</center></td><td><center>Third Table Name</center></td></tr><td>
[/html]
Code:
TABLE 1 CODE
[html]
</td><td>[/html]
Code:
TABLE 2 CODE
[html]
</td><td>[/html]
Code:
TABLE 3 CODE
[html]
</td></tr></table></div>[/html]
[html]
<div class="legSig">
<img src="https://i.imgur.com/KJC2JSb.png" style="height:200px; z-index:-1; margin:0px 0px -50px;" />
<div class="buttonblock">
</div>
<div id="signature-icons" class="iconblock">
<a href="#!" class="lupus-preference" title="LUPUS unless otherwise stated."></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.Lynx" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="viewtopic.php?t=14425" title="OPEN FOR THREADS!" class="open-for-threads"></a>
<a href="#" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" title="I will roleplay mature material." class="will-mature"></a>
<a href="#!" class="strong-prejudice" title="Lynx has a prejudice against highly humanized Luperci and is wary of those in Optime form regardless."></a>
<a href="#!" class="skill-hunting" title="Lynx is skilled in hunting and tracking."></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Legacy" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="https://soulsrpg.com/forum/viewtopic.php?f=13&t=44382" target="_blank" title="POST LOG" class="post-log"></a>
</div>

</div>

<style>
@import url('/images/icons/postsig/signature-icons.css');
.legSig {margin:0 auto; text-align:center; margin:0 auto; }
.legSig .buttonblock { margin:0 auto; }
.legSig .buttonblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.legSig .buttonblock a:hover, .legSig .buttonblock a:active, .legSig .buttonblock a:focus { opacity:1; filter:alpha(opacity=100%); }
.legSig .iconblock { font-size:0; margin:0 auto; }
.legSig .iconblock { font-size:0; margin:0 auto; }
.legSig .iconblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.legSig .iconblock a:hover, .legSig .iconblock a:active, .legSig .iconblock a:focus { opacity: 1; filter:alpha(opacity=100%); box-shadow: 0px 0px 2px #000; }
</style>

[/html]
Sig image by Despi


Forum Jump: