RPG Post Tracker

Forum Roleplay > Roleplay Code > RPG Post Logs > RPG Post Tracker

Donate to stop seeing ads, and help support Forum Roleplay!

A two-part template including a post tracker for keeping track of your active threads across many RPG characters, as well as a game and achievement tracker.

Downloads in RPG Post Tracker

Downloads: RPG Post Tracker

Preview

Information

A “modern” interpretation of a post log or character archival system. All of your roleplay characters can be listed in this single post log. CSS offers ways to track your due RPG posts. You can use this as a free template, or you can modify and edit it to your liking.

The icons used are Forum Roleplay’s RPG Pixel Icons. Several varieties of icon are offered; see if any fit your characters!

Code

<div class="threadLog">
<div class="titleheader">Post Tracker</div><div class="quickLinks"> <a href="#postTracker">Post Tracker</a> · <a href="#achievements">Achievements</a> · <a target="_blank" href="#">Game Log</a> · <b>Archives:</b> <a target="_blank" href="#archive">Character</a> · <a target="_blank" href="#archive">Character</a> · <a target="_blank" href="#archive">Character</a> · <a target="_blank" href="#archive">Character</a></div><div class="separator" id="roleplay">Roleplay</div><ol>
<li>A few bullet points of information about your preferences, speed, etc. can go here.</li>
</ol>
<table class="postedLog" id="postLog" cellpadding="0" cellspacing="0" style="width:85%; margin:0 auto;">
<tr>
<td colspan="2" style="text-align:center;">
<a href="#"><img onload="Wpfcll.r(this,true);" src="https://forumroleplay.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="http://i.imgur.com/4m3xX.gif" title="CHARACTER NAME" alt="CHARACTER NAME"></a>
<a href="#"><img onload="Wpfcll.r(this,true);" src="https://forumroleplay.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="http://i.imgur.com/4m3xX.gif" title="CHARACTER NAME" alt="CHARACTER NAME"></a>
<a href="#"><img onload="Wpfcll.r(this,true);" src="https://forumroleplay.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="http://i.imgur.com/4m3xX.gif" title="CHARACTER NAME" alt="CHARACTER NAME"></a>
<a href="#"><img onload="Wpfcll.r(this,true);" src="https://forumroleplay.com/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="http://i.imgur.com/4m3xX.gif" title="CHARACTER NAME" alt="CHARACTER NAME"></a>
</td>
</tr>
<tr>
<td>
<div class="separator" id="characterName"><span class="sl">CHARACTER NAME</span></div><ol>
<li class="rep"> * <a href="#">* = not yet added to archives</a> <em>(DD Month)</em> </li>
<li class="posted"> <a href="#">thread title</a> <em>(DD Month)</em> </li>
</ol>
</td>
<td>
<div class="separator" id="characterName"><span class="inh">CHARACTER NAME</span></div><ol>	
<li class="posted"> <a href="#">a thread that needs a reply</a> <em>(DD Month)</em> </li>
<li class="posted imp"> <a href="#">important thread is important</a> <em>(DD Month)</em> </li>
<li class="thread-note rep"> <a href="#">a thread that hasn't started yet</a> <em>(DD Month)</em> </li>
</ol>
</td>
</tr><tr>
<td>
<div class="separator" id="characterName"><span class="cd">CHARACTER NAME</span></div><ol>	
<li class="posted"> <a href="#">a thread that needs a reply</a> <em>(DD Month)</em> </li>
<li class="posted imp"> <a href="#">important thread is important</a> <em>(DD Month)</em> </li>
<li class="thread-note rep"> <a href="#">a thread that hasn't started yet</a> <em>(DD Month)</em> </li>
</ol>
</td>
<td>
<div class="separator" id="characterName"><span class="cda">CHARACTER NAME</span></span></div><ol>	
<li class="rep"> * <a href="#">* = not yet added to archives</a> <em>(DD Month)</em> </li>
<li class="posted"> <a href="#">thread title</a> <em>(DD Month)</em> </li>
</ol>	
</td>
</tr>
</table></div><style>@import url(http://fonts.googleapis.com/css?family=Judson);
.threadLog{width:98%;margin:0 auto;font-family:'trebuchet ms', tahoma, geneva, sans-serif;font-size:13px;line-height:16px;}
.threadLog .sie-header,.threadLog .titleheader{font-family:'Judson', 'times new roman', times, serif;font-size:23px;text-transform:uppercase;font-weight:normal;text-align:left;margin:15px 0;}
.threadLog .titleheader{font-size:40px;text-align:center;margin:15px 15px 25px 15px;}
.threadLog .separator{font-family:'times new roman', times, serif;font-size:17px;font-weight:bold;text-align:left;margin:20px 15px;}
}
.threadLog ol,.threadLog ul{margin:5px 0; padding:0; }
.threadLog ol li, .threadLog ul li{margin:2px 5px 2px 10px; padding:0; }
.postLog{margin:0 auto; width:65%; }
.postLog td{font-size: 11px; vertical-align:top; padding:10px; width:50%; line-height:14px; }
.postLog td ol li{margin:0; padding:0; }
.postLog td ol li a{font-weight:normal; text-transform:lowercase; }
.postLog td .separator{font-size:14px; margin:5px 0 9px 0; padding:0; text-transform:uppercase; }
.postLog td ol li.rep:before,.postLog td ol li.posted:before,.postLog td ol li.imp:after,#achievements li.inc:before, #achievements li.unf:before, #achievements li.incCh:before, #achievements li.com:before,#achievements ol li.comCh:before{text-transform:uppercase;
font-weight:bold;
text-shadow:#000000 1px 1px 0; 
padding:0 5px 0 2px; }
.postLog td ol li.rep:before{content: '[ X ]';  color:#F1330D; }
.postLog td ol li.posted:before{content: '[ O ]'; color:#A9F10D;}
.postLog td ol li.imp:after{content: '!!!'; color:#B60F0F; }
.postLog td ol{padding:0; margin:0; }
#achievements ol li ul{margin:10px 10px; padding:0; }
#achievements ol li ul li{font-size:11px; margin: 2px 25px; line-height:13px; }
#achievements ol li.inc:before{content:'INC'; color:#6C2213; }
#achievements ol li.unf:before{content:'Dead'; color:#C33F25; text-decoration:none;}
#achievements ol li.com:before{content:'Fin'; color:#49692D; }
#achievements ol li.comCh:before{content:'DONE'; color:#49692D; }
#achievements ol li.inc{font-style:italic; }
#achievements ol li.com{}
#achievements ol li.unf{text-decoration:line-through; }
.threadLog li.thread-note{list-style-type:none;
font-size:80%;
font-style:italic;
margin:2px 0;
}
.threadLog li.thread-note em{font-style:italic; font-size:11px;
}
.quickLinks{text-transform:uppercase; margin:15px 10px; text-align:center; font-style:italic; font-size:11px; }</style>
<div class="fr-credit-link"> Roleplay resource by <a href="http://forumroleplay.com">Forum Roleplay</a></div><style>.fr-credit-link{padding:10px 0;font-size:11px;font-style:italic;}</style>

Downloads: Game Log RPG Template

Preview

Information

A game or achievement tracker. to accompany the RPG Post Tracker template.

Code

<div class="threadLog" id="achievements">
<div class="sie-header">Achievements & Etc.</div><table class="postLog" cellpadding="0" cellspacing="0" style="width:95%;">
<tr>
<td>
<div class="separator" id="reclutador"><span class="sl">Character Name</span>: Achievement Name</div><ol>
<li class="inc"> Description of the achievement goes here. <ul> <li class="com"><a href="#">Character Name</a></li>
</ul>
</li><li class="comCh"> Description of the achievement goes here. <ul> <li class="com"><a href="#">Thread Link</a></li>
<li class="unf"><a href="#">Thread Link</a></li>
<li class="com"><a href="#">Thread Link</a></li>
<li class="unf"><a href="#">Thread Link</a></li>
</ul>
</li>
</ol>
</td><td>
<div class="separator" id="reclutador"><span class="sl">Character Name</span>: Achievement Name</div><ol>
<li class="inc"> Achievement Description <ul> <li class="inc">--</li>
</ul>
</li><li class="inc"> Achievement description <ul> <li>--</li>
</ul>
</li>
</ol>
</td></tr></table></div><div class="fr-credit-link"> Roleplay resource by <a href="http://forumroleplay.com">Forum Roleplay</a></div><style>.fr-credit-link{padding:10px 0;font-size:11px;font-style:italic;}</style>

Downloads in RPG Post Tracker

Downloads: RPG Post Tracker

Preview

Information

Code

Downloads: Game Log RPG Template

Preview

Information

Code

Related Roleplaying Resources

Roleplay Fight Character Traits

Miscellaneous RPG Pixel Icons

RPG Rules and Members

Balancing RL and RP