RPG Resource Downloads

Forum Roleplay > RPG Resource Downloads

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

Do Not Remove Credit

Remember, do not remove the credit link from any of the forum RPG resources, as per the License information.

This page lists all available RPG resource downloadable content on Forum Roleplay, from infographics to code templates. You can browse Forum Roleplay’s awesome RPG resources by category, and download what you’d like. Take none, some, or all — to your preference!

Please remember — the downloads page does not list detailed instructions on how to edit these resources. Please be sure to check the primary resource page if you need help editing any of Forum Roleplay’s RPG resources. Happy creating!

Download Category: Miscellaneous RPG Code Templates

Downloads: PHP Thread Prompt Rotator

Preview

Information

A group-based RPG resource that provides different thread prompts (writing ideas) based on the month. The rotator is built in PHP so you will need something that runs PHP to use the rotator.

Code

<?php

$today = date('n');

switch ($today) {
	case 1:
		$prompt = "Your first thread prompt";
		$prompt1 = "Your second thread prompt";
		$prompt2 = "Your third thread prompt";
		$prompt3 = "Your fourth thread prompt";
		$special = "A specialty prompt";
	break;
	case 2:
		$prompt = "Your first thread prompt";
		$prompt1 = "Your second thread prompt";
		$prompt2 = "Your third thread prompt";
		$prompt3 = "Your fourth thread prompt";
		$special = "A specialty prompt";
	break;
	case 3:
		$prompt = "Your first thread prompt";
		$prompt1 = "Your second thread prompt";
		$prompt2 = "Your third thread prompt";
		$prompt3 = "Your fourth thread prompt";
		$special = "A specialty prompt";
	break;
	case 4:
		$prompt = "Your first thread prompt";
		$prompt1 = "Your second thread prompt";
		$prompt2 = "Your third thread prompt";
		$prompt3 = "Your fourth thread prompt";
		$special = "A specialty prompt";
	break;
	case 5:
		$prompt = "Your first thread prompt";
		$prompt1 = "Your second thread prompt";
		$prompt2 = "Your third thread prompt";
		$prompt3 = "Your fourth thread prompt";
		$special = "A specialty prompt";	
	break;
	case 6:
		$prompt = "Your first thread prompt";
		$prompt1 = "Your second thread prompt";
		$prompt2 = "Your third thread prompt";
		$prompt3 = "Your fourth thread prompt";
		$special = "A specialty prompt";
	break;
	case 7:
		$prompt = "Your first thread prompt";
		$prompt1 = "Your second thread prompt";
		$prompt2 = "Your third thread prompt";
		$prompt3 = "Your fourth thread prompt";
		$special = "A specialty prompt";
	break;
	case 8:
		$prompt = "Your first thread prompt";
		$prompt1 = "Your second thread prompt";
		$prompt2 = "Your third thread prompt";
		$prompt3 = "Your fourth thread prompt";
		$special = "A specialty prompt";
	break;
	case 9:
		$prompt = "Your first thread prompt";
		$prompt1 = "Your second thread prompt";
		$prompt2 = "Your third thread prompt";
		$prompt3 = "Your fourth thread prompt";
		$special = "A specialty prompt";
	break;
	case 10:
		$prompt = "Your first thread prompt";
		$prompt1 = "Your second thread prompt";
		$prompt2 = "Your third thread prompt";
		$prompt3 = "Your fourth thread prompt";
		$special = "A specialty prompt";
	break;
	case 11:
		$prompt = "Your first thread prompt";
		$prompt1 = "Your second thread prompt";
		$prompt2 = "Your third thread prompt";
		$prompt3 = "Your fourth thread prompt";
		$special = "A specialty prompt";
	break;
	case 12:
		$prompt = "Your first thread prompt";
		$prompt1 = "Your second thread prompt";
		$prompt2 = "Your third thread prompt";
		$prompt3 = "Your fourth thread prompt";
		$special = "A specialty prompt";
	break;
	default:
		$prompt = "Sorry, some kind of error has occurred! Please let someone know. Thanks!";
	break;
}
?>

<h2 id="prompts"><?php echo $today; ?> Thread Prompts</h2>
<h3 id="basics">Basic Prompts</h3>
<ul>
	<li><?php echo $prompt ?></li>
	<li><?php echo $prompt1 ?></li>
	<li><?php echo $prompt2 ?></li>
	<li><?php echo $prompt3 ?></li>
</ul>

<h3 id="basics">Specialty Prompts</h3>
<ul>
	<li><b>Specialty One</b>: <?php echo $special ?></li>
</ul>

?>
<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; } 
  /* Reminder: do not remove this credit link, as per the terms of Forum Roleplay's licenses (http://forumroleplay.com/about/license/)*/
  </style>

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="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 src="http://i.imgur.com/4m3xX.gif" title="CHARACTER NAME" alt="CHARACTER NAME"></a>
	<a href="#"><img src="http://i.imgur.com/4m3xX.gif" title="CHARACTER NAME" alt="CHARACTER NAME"></a>
	<a href="#"><img src="http://i.imgur.com/4m3xX.gif" title="CHARACTER NAME" alt="CHARACTER NAME"></a>
	<a href="#"><img 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>

.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 stuff */
#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; }

/*thread note stuff*/
	.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;
	}

/*quick links stuff*/
.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; } 
  /* Reminder: do not remove this credit link, as per the terms of Forum Roleplay's licenses (http://forumroleplay.com/about/license/)*/
  </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; } 
  /* Reminder: do not remove this credit link, as per the terms of Forum Roleplay's licenses (http://forumroleplay.com/about/license/)*/
  </style>

Downloads: RPG Achievement Tracker

Preview

Information

An image-free RPG achievement tracker, for keeping track of some achievements or goals you want to keep for your roleplaying character.

Code

<div class="roleplay-achievement">
	<div class="header">Character Name</div>
	<div class="column-wrap">
		<div class="column first">
			<ul>
				<li class="title"><strong>Achievement Name</strong>
					<p>
						Primary description goes here.
					</p>
				</li>
				<li class="normal-progress"><strong class="achievement">Achievement Name</strong></li>
				<li class="slow-progress"><strong class="achievement">Achievement Name</strong>
					<p>
						Further information about specific achievement here.
					</p>
					<p>
						You can actually be quite verbose in your description of the achievement here, if you want. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a mauris at tortor consectetur semper eu sit amet dui. Aenean pellentesque ultricies orci eget rutrum.
					</p>
				</li>
				<li><strong class="achievement">Achievement Name</strong></li>
				<li class="non-applicable"><strong class="achievement">Achievement Name</strong>
					<ul>
						<li>You can even have a sub-list, if you prefer to split achievements by individual steps.</li>
					</ul>
				</li>
				<li><strong class="achievement">Achievement Name</strong></li>
				<li class="non-applicable"><strong class="achievement">Achievement Name</strong>
					<ol>
						<li>And it can be an ordered list, of course.
							<ol>
								<li>Or a sub-sub-list...</li>
							</ol>
						</li>
					</ol>
				</li>
			</ul>
		</div>
		<div class="column second">
			<ul>
				<li class="title"><strong>Achievement Name</strong>
					<p>
						Secondary description goes here.
					</p>
					<p>
					Further information about specific achievement here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a mauris at tortor consectetur semper eu sit amet dui. Aenean pellentesque ultricies orci eget rutrum. Duis sed tellus neque. Integer vestibulum dolor id eros porttitor hendrerit. 
				</p>
				</li>
				<li class="completed"><strong class="achievement">Achievement Name</strong></li>
				<li><strong class="achievement">Achievement Name</strong>
				<p>
					Further information about specific achievement here. You can actually be quite verbose in your description of the achievement here, if you want. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a mauris at tortor consectetur semper eu sit amet dui. Aenean pellentesque ultricies orci eget rutrum.
				</p>
				<p>
					You can even have multiple paragraphs — as many as you want. Cras adipiscing mi ut nibh volutpat condimentum. Aliquam semper posuere elit eget scelerisque. Curabitur massa nibh, ultrices vitae semper sed, tristique at ipsum.
				</p>
				</li>
				<li><strong class="achievement">Achievement Name</strong></li>
			</ul>
		</div>
	</div>
</div>
<style>
@import url(http://fonts.googleapis.com/css?family=Jacques+Francois);
.roleplay-achievement * { margin:0; padding:0; }
.roleplay-achievement {
	font-family:helvetica, arial, sans-serif;
	font-size:16px;
}
.roleplay-achievement .column {
	float:left;
	width:50%;
}
.roleplay-achievement .column-wrap {
	border:1px dotted #000;
}
.column-wrap:after {
	content: "";
  display: table;
  clear: both;
}
/* Add or change the custom style for the character name -- or replace this with your player name */
.roleplay-achievement .header {
	font-size:28px;
	font-family:'Jacques Francois', sans-serif;
}
/* Add or change the custom style for your achievement title -- or replace this with your individual character names */
.roleplay-achievement strong.achievement {
	display:block;
	margin-left:0;
}
/* ===========================
	List styles
	Used for general styles.
=========================== */
.roleplay-achievement ul,.roleplay-achievement ol {
	margin:10px;
}
.roleplay-achievement li {
	margin:18px 0 4px 25px;
	list-style-type:none;
	position:relative;
}
.roleplay-achievement li.title {
	font-size:20px;
	margin-left:0;
	margin-bottom:25px;
}
.roleplay-achievement li.title strong { font-family:'Jacques Francois', sans-serif; }
.roleplay-achievement li p,
.roleplay-achievement ul li li {
	font-size:13px;
	margin:3px 0 3px;
	text-indent:15px;
}
.roleplay-achievement li p:nth-of-type(1) { text-indent:0; }
.roleplay-achievement ul li li { list-style-type: square; text-indent:0; }
.roleplay-achievement ul li ol li { list-style-type: decimal; }

/* ===========================
	List item styles
	Used for individual achievements. You can add new styles to this group.
=========================== */

/* Remove the slash and asterisk before and after, and replace YOURCUSTOMSTYLE with your custom style name to create your own list item style. Don't forget to also add a gradient, or your list item will be the default color. */
/* li.YOURCUSTOMSTYLE:before, */

li.normal-progress:before, /* This list item styles achievements progressing at normal speed. */
li.slow-progress:before, /* This list item styles achievements progressing at slow speed. */
li.non-applicable:before, /* This list item styles achievements that are failed, non-applicable, or otherwise unfinished and dead. */
li.completed:before, /* This list item styles complted achievements. */
li:before /* You may want to delete this class. It is used only to show you what a default gradient looks like if you forget to style a custom class. Or, you can make use of it in your CSS by setting a custom gradient for the default list item. */
{	 
	display:inline-block;
	margin-right:5px;
	position:absolute;
	top:0;
	left:-25px;
	width:13px;
	height:13px;
	content:'';		
	border:1px solid #000;
	border-radius:30px;
		-moz-border-radius:40px;
		-webkit-border-radius:40px;			
	box-shadow: inset -2px -2px 2px #1E1E1E;
		-moz-box-shadow: inset -2px -2px 2px #1E1E1E;
		-webkit-box-shadow: inset -2px -2px 2px #1E1E1E;
	text-align:center;
	text-shadow:1px 1px #FFF;
	font-weight:bold;
	font-size:30px;
}
li.title:before, .roleplay-achievement ul li li:before { content:none; }
/* ===========================
	List item gradient backgrounds 
	Used to customize each list item style's gradient. Be aware, if your 
=========================== */
/* Default gradient -- gray */
li:before {
	background: #b5b5b5; /* Old browsers */
		background: -moz-linear-gradient(top,  #b5b5b5 0%, #666666 32%, #2d2d2d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5b5b5), color-stop(32%,#666666), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #b5b5b5 0%,#666666 32%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #b5b5b5 0%,#666666 32%,#2d2d2d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #b5b5b5 0%,#666666 32%,#2d2d2d 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #b5b5b5 0%,#666666 32%,#2d2d2d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */
}
li.normal-progress:before {
	background: #7fbc78; /* Old browsers */
		background: -moz-linear-gradient(top,  #7fbc78 0%, #13bf00 32%, #119600 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fbc78), color-stop(32%,#13bf00), color-stop(100%,#119600)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #7fbc78 0%,#13bf00 32%,#119600 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #7fbc78 0%,#13bf00 32%,#119600 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #7fbc78 0%,#13bf00 32%,#119600 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #7fbc78 0%,#13bf00 32%,#119600 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fbc78', endColorstr='#119600',GradientType=0 ); /* IE6-9 */
}
li.slow-progress:before { 
	background: #efec97; /* Old browsers */
		background: -moz-linear-gradient(top,  #efec97 0%, #f2ea00 32%, #bfb800 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efec97), color-stop(32%,#f2ea00), color-stop(100%,#bfb800)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #efec97 0%,#f2ea00 32%,#bfb800 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #efec97 0%,#f2ea00 32%,#bfb800 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #efec97 0%,#f2ea00 32%,#bfb800 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #efec97 0%,#f2ea00 32%,#bfb800 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efec97', endColorstr='#bfb800',GradientType=0 ); /* IE6-9 */
}
li.non-applicable:before { 
	background: #e87878; /* Old browsers */
		background: -moz-linear-gradient(top,  #e87878 0%, #ea0000 32%, #aa0000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e87878), color-stop(32%,#ea0000), color-stop(100%,#aa0000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e87878 0%,#ea0000 32%,#aa0000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e87878 0%,#ea0000 32%,#aa0000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e87878 0%,#ea0000 32%,#aa0000 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e87878 0%,#ea0000 32%,#aa0000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87878', endColorstr='#aa0000',GradientType=0 ); /* IE6-9 */
}
li.completed:before { 
	background: #eabf75; /* Old browsers */
		background: -moz-linear-gradient(top,  #eabf75 0%, #ed9a00 32%, #c97800 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eabf75), color-stop(32%,#ed9a00), color-stop(100%,#c97800)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #eabf75 0%,#ed9a00 32%,#c97800 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #eabf75 0%,#ed9a00 32%,#c97800 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #eabf75 0%,#ed9a00 32%,#c97800 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #eabf75 0%,#ed9a00 32%,#c97800 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eabf75', endColorstr='#c97800',GradientType=0 ); /* IE6-9 */
}
</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; } 
  /* Reminder: do not remove this credit link, as per the terms of Forum Roleplay's licenses (http://forumroleplay.com/about/license/)*/
  </style>