[FATE] Atomic Robo RPG Character Sheet HTML

Hello Everyone, I made up a HTML character sheet for Atomic Robo.&nbsp; &lt;!-- Atomic Robo Character Sheet --&gt; &lt;!-- Atomic Robo Image Header/Banner --&gt; &lt;img src=" <a href="http://www.evilhat.com/home/wp-content/uploads/2013/06/Robo-Site-Banner-Orange.jpg" rel="nofollow">http://www.evilhat.com/home/wp-content/uploads/2013/06/Robo-Site-Banner-Orange.jpg</a> " alt="Atomic Robo the Roleplaying Game" height="100%" width="100%"&gt; &lt;!-- Style Notes --&gt; &lt;style&gt; table { display: table; border-collapse: separate; border-spacing: 0px; border-color: #A0CFEE; } &lt;/style&gt; &lt;!-- Character Name and Affiliation --&gt; &lt;h3&gt;CHARACTER NAME: &lt;input type="text" name="attr_CharacterName"&gt;&lt;/h3&gt; &lt;h3&gt;Affiliation: &lt;input type="text" name="attr_Affiliation"&gt;&lt;/h3&gt; &lt;!-- Table #1 Skills --&gt; &lt;table&gt; &lt;!-- Aspects --&gt; &lt;tr bgcolor="#A0CFEE"&gt; &lt;td width="20%" style="text-align:center"&gt;&lt;h3&gt;Concept&lt;br&gt;Aspect&lt;input type="text" name="attr_HighConcept"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="20%" style="text-align:center"&gt;&lt;h3&gt;Good Mode&lt;br&gt;Aspect&lt;input type="text" name="attr_GoodAspect"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="20%" style="text-align:center"&gt;&lt;h3&gt;Fair Mode&lt;br&gt;Aspect&lt;input type="text" name="attr_FairAspect"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="20%" style="text-align:center"&gt;&lt;h3&gt;Average Mode&lt;br&gt;Aspect&lt;input type="text" name="attr_AverageAspect"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="20%" style="text-align:center"&gt;&lt;h3&gt;Omega&lt;br&gt;Aspect&lt;input type="text" name="attr_Aspect"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Good (+3) Mode and Consequences --&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;b&gt;Good (+3) Mode&lt;input type="text" name="attr_GoodMode" /&gt;&lt;/b&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;h3&gt;Consequences&lt;/h3&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Superb (+5) Skill Rank and Fair (+2) Mode --&gt; &lt;tr bgcolor="#A0CFEE"&gt; &lt;td&gt;&lt;h3&gt;SUPERB (+5)&lt;/h3&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Specialized Skills&lt;/i&gt;&lt;input type="text" name="attr_GoodSpec" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;b&gt;Fair (+2) Mode&lt;input type="text" name="attr_FairMode" /&gt;&lt;b&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;Mild (-2)&lt;br&gt;&lt;input type="text" name="attr_MildCon" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Great (+4) Skill Rank and Average (+1) Mode --&gt; &lt;tr&gt; &lt;td&gt;&lt;h3&gt;GREAT (+4)&lt;/h4&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Focused Skills&lt;/i&gt;&lt;input type="text" name="attr_GoodFoc" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Specialized Skills&lt;/i&gt;&lt;input type="text" name="attr_FairSpec" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;b&gt;Average (+1) Mode&lt;input type="text" name="attr_AverageMode" /&gt;&lt;/b&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;Moderate (-4)&lt;br&gt;&lt;input type="text" name="attr_ModerateCon" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Good (+3) Skill Rank --&gt; &lt;tr bgcolor="#A0CFEE"&gt; &lt;td&gt;&lt;h3&gt;GOOD (+3)&lt;/h3&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Trained Skills&lt;/i&gt;&lt;input type="text" name="attr_GoodTrain" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Focused Skills&lt;/i&gt;&lt;input type="text" name="attr_FairFoc" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Specialized Skills&lt;/i&gt;&lt;input type="text" name="attr_AverageSpec" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;Severe (-6)&lt;br&gt;&lt;input type="text" name="attr_SevereCon" /&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Fair (+2) Skill Rank --&gt; &lt;tr&gt; &lt;td&gt;&lt;h3&gt;FAIR (+2)&lt;/h3&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Trained Skills&lt;/i&gt;&lt;input type="text" name="attr_FairTrain" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Focused Skills&lt;/i&gt;&lt;input type="text" name="attr_AverageFoc" /&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Average (+1) Skill Rank --&gt; &lt;tr bgcolor="#A0CFEE"&gt; &lt;td&gt;&lt;h3&gt;AVERAGE (+1)&lt;/h3&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Trained Skills&lt;/i&gt;&lt;input type="text" name="attr_FairTrain" /&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;!-- Table #2 Stunts and Stress --&gt; &lt;table&gt; &lt;tr&gt; &lt;td width="55%" style="text-align:center"&gt;&lt;h3&gt;Stunts/Mega-Stunts&lt;br&gt;&lt;textarea rows="4" cols="55" name="attr_Stunts"&gt;&lt;/textarea&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="5%"&gt;&lt;/td&gt; &lt;td width="15%" style="text-align:center"&gt;&lt;h3&gt;STRESS&lt;br&gt;Physical&lt;br&gt;Mental&lt;/h3&gt;&lt;/td&gt; &lt;td width="25%"&gt;&lt;br&gt;1&lt;input type="checkbox"&gt; 2&lt;input type="checkbox"&gt; 3&lt;input type="checkbox" checked&gt; 4&lt;input type="checkbox" checked&gt; 5&lt;input type="checkbox" checked&gt;&lt;br&gt;1&lt;input type="checkbox"&gt; 2&lt;input type="checkbox"&gt; 3&lt;input type="checkbox" checked&gt; 4&lt;input type="checkbox" checked&gt; 5&lt;input type="checkbox" checked&gt;&lt;/td&gt; &lt;tr&gt; &lt;/table&gt; &lt;!-- Table #3 Experience --&gt; &lt;table&gt; &lt;tr&gt; &lt;th width="33%" style="text-align:center"&gt;Experience&lt;textarea rows="2" cols="33" name="attr_Experience1"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;th width="34%" style="text-align:center"&gt;Experience&lt;textarea rows="2" cols="34" name="attr_Experience2"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;th width="33%" style="text-align:center"&gt;Experience&lt;textarea rows="2" cols="33" name="attr_Experience3"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;

Updated, with Dice Buttons: &lt;!-- Atomic Robo Character Sheet --&gt; &lt;!-- Atomic Robo Image Header/Banner --&gt; &lt;img src="<a href="http://www.evilhat.com/home/wp-content/uploads/2013/06/Robo-Site-Banner-Orange.jpg" rel="nofollow">http://www.evilhat.com/home/wp-content/uploads/2013/06/Robo-Site-Banner-Orange.jpg</a>" alt="Atomic Robo the Roleplaying Game" height="100%" width="100%"&gt; &lt;!-- Style Notes --&gt; &lt;style&gt; table { display: table; border-collapse: separate; border-spacing: 0px; border-color: #A0CFEE; } &lt;/style&gt; &lt;!-- Table #1 Character Name and Affiliation --&gt; &lt;table&gt; &lt;tr&gt; &lt;td width="50%"&gt;&lt;h3&gt;CHARACTER NAME: &lt;input type="text" name="attr_CharacterName"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="50%"&gt;&lt;h3&gt;Affiliation: &lt;input type="text" name="attr_Affiliation"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;!-- Table #2 Skills --&gt; &lt;table&gt; &lt;!-- Aspects --&gt; &lt;tr bgcolor="#A0CFEE"&gt; &lt;td width="20%" style="text-align:center"&gt;&lt;h3&gt;Concept&lt;br&gt;Aspect&lt;input type="text" name="attr_HighConcept"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="20%" style="text-align:center"&gt;&lt;h3&gt;Good Mode&lt;br&gt;Aspect&lt;input type="text" name="attr_GoodAspect"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="20%" style="text-align:center"&gt;&lt;h3&gt;Fair Mode&lt;br&gt;Aspect&lt;input type="text" name="attr_FairAspect"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="20%" style="text-align:center"&gt;&lt;h3&gt;Average Mode&lt;br&gt;Aspect&lt;input type="text" name="attr_AverageAspect"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="20%" style="text-align:center"&gt;&lt;h3&gt;Omega&lt;br&gt;Aspect&lt;input type="text" name="attr_Aspect"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Good (+3) Mode and Consequences --&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;b&gt;Good (+3) Mode&lt;input type="text" name="attr_GoodMode" /&gt;&lt;/b&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;h3&gt;Consequences&lt;/h3&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Superb (+5) Skill Rank and Fair (+2) Mode --&gt; &lt;tr bgcolor="#A0CFEE"&gt; &lt;td&gt;&lt;h3&gt;SUPERB (+5)&lt;/h3&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Specialized Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 5' name='roll_Specialized1'&gt;&lt;/button&gt;&lt;input type="text" name="attr_GoodSpec" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;b&gt;Fair (+2) Mode&lt;input type="text" name="attr_FairMode" /&gt;&lt;b&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;Mild (-2)&lt;br&gt;&lt;input type="text" name="attr_MildCon" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Great (+4) Skill Rank and Average (+1) Mode --&gt; &lt;tr&gt; &lt;td&gt;&lt;h3&gt;GREAT (+4)&lt;/h4&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Focused Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 4' name='roll_Focused1'&gt;&lt;/button&gt;&lt;input type="text" name="attr_GoodFoc" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Specialized Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 4' name='roll_Specialized2'&gt;&lt;/button&gt;&lt;input type="text" name="attr_FairSpec" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;b&gt;Average (+1) Mode&lt;input type="text" name="attr_AverageMode" /&gt;&lt;/b&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;Moderate (-4)&lt;br&gt;&lt;input type="text" name="attr_ModerateCon" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Good (+3) Skill Rank --&gt; &lt;tr bgcolor="#A0CFEE"&gt; &lt;td&gt;&lt;h3&gt;GOOD (+3)&lt;/h3&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Trained Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 3' name='roll_Trained1'&gt;&lt;/button&gt;&lt;input type="text" name="attr_GoodTrain" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Focused Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 3' name='roll_Focused2'&gt;&lt;/button&gt; &lt;input type="text" name="attr_FairFoc" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Specialized Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 3' name='roll_Specialized3'&gt;&lt;/button&gt;&lt;input type="text" name="attr_AverageSpec" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;Severe (-6)&lt;br&gt;&lt;input type="text" name="attr_SevereCon" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Fair (+2) Skill Rank --&gt; &lt;tr&gt; &lt;td&gt;&lt;h3&gt;FAIR (+2)&lt;/h3&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Trained Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 2' name='roll_Trained2'&gt;&lt;/button&gt;&lt;input type="text" name="attr_FairTrain" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Focused Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 2' name='roll_Focused3'&gt;&lt;/button&gt;&lt;input type="text" name="attr_AverageFoc" /&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Average (+1) Skill Rank --&gt; &lt;tr bgcolor="#A0CFEE"&gt; &lt;td&gt;&lt;h3&gt;AVERAGE (+1)&lt;/h3&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Trained Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 1' name='roll_Trained3'&gt;&lt;/button&gt;&lt;input type="text" name="attr_FairTrain" /&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;!-- Table #3 Stunts and Stress --&gt; &lt;table&gt; &lt;tr&gt; &lt;td width="55%" style="text-align:center"&gt;&lt;h3&gt;Stunts/Mega-Stunts&lt;br&gt;&lt;textarea rows="4" cols="55" name="attr_Stunts"&gt;&lt;/textarea&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="5%"&gt;&lt;/td&gt; &lt;td width="15%" style="text-align:center"&gt;&lt;h3&gt;STRESS&lt;br&gt;Physical&lt;br&gt;Mental&lt;/h3&gt;&lt;/td&gt; &lt;td width="25%"&gt;&lt;br&gt;1&lt;input type="checkbox"&gt; 2&lt;input type="checkbox"&gt; 3&lt;input type="checkbox" checked&gt; 4&lt;input type="checkbox" checked&gt; 5&lt;input type="checkbox" checked&gt;&lt;br&gt;1&lt;input type="checkbox"&gt; 2&lt;input type="checkbox"&gt; 3&lt;input type="checkbox" checked&gt; 4&lt;input type="checkbox" checked&gt; 5&lt;input type="checkbox" checked&gt;&lt;/td&gt; &lt;tr&gt; &lt;/table&gt; &lt;!-- Table #4 Experience --&gt; &lt;table&gt; &lt;tr&gt; &lt;th width="33%" style="text-align:center"&gt;Experience&lt;textarea rows="2" cols="33" name="attr_Experience1"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;th width="34%" style="text-align:center"&gt;Experience&lt;textarea rows="2" cols="34" name="attr_Experience2"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;th width="33%" style="text-align:center"&gt;Experience&lt;textarea rows="2" cols="33" name="attr_Experience3"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;

I was just setting up an atomic robo game and I would love to use this character sheet in it. Do I need to be a pro subscriber to do it myself, or are there plans to make this available to normal/plus users? EDIT: Welp, I decided to stump up for the Pro subscription because I figured the transmogifier and this was worth it, plus it's good to support the devs. Still, would love to see this being available to the larger public :D

Hello Arvind, Select "Custom" for character sheets in the Game Page Settings and copy/paste the above in the HTML field. Let me know if you make any adjustments and what, as I would be interested in trying them out. /Matt

Hi Matt, Thanks for the quick reply! I've used it a little bit (plan to set up a game for the system soon), and the sheets seem to work for the most part. There are some very small tweaks that I made to make it better, mainly to reduce horizontal scrolling as much as I could. I need some help in order to add the thing where the text associated with the skill shows up when rolling for it, like in the 5e character sheet. Since I need to modify the output for this, how do I do that? Thanks for taking the time to make this sheet, it is much appreciated! I'm posting the HTML source for my modified sheet in the next comment.

&lt;!-- Atomic Robo Character Sheet --&gt; &lt;!-- Atomic Robo Image Header/Banner --&gt; &lt;img src="<a href="http://www.evilhat.com/home/wp-content/uploads/2013/06/Robo-Site-Banner-Orange.jpg" rel="nofollow">http://www.evilhat.com/home/wp-content/uploads/2013/06/Robo-Site-Banner-Orange.jpg</a>" alt="Atomic Robo the Roleplaying Game" height="100%" width="100%"&gt; &lt;!-- Style Notes --&gt; &lt;style&gt; table { display: table; border-collapse: separate; border-spacing: 0px; border-color: #A0CFEE; } &lt;/style&gt; &lt;!-- Table #1 Character Name and Affiliation --&gt; &lt;table&gt; &lt;tr&gt; &lt;td width="50%" style="text-align:center"&gt;&lt;h3&gt;Name&lt;input type="text" name="attr_CharacterName"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="50%" style="text-align:center"&gt;&lt;h3&gt;Affiliation&lt;input type="text" name="attr_Affiliation"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &nbsp; &nbsp; &lt;!-- Table #2 Aspects, Row 1 --&gt; &lt;table&gt; &lt;tr&gt; &lt;td width="10%"&gt;&nbsp;&lt;/td&gt; &lt;td bgcolor="#A0CFEE" width="40%" style="text-align:center"&gt;&lt;h3&gt;Concept Aspect&lt;input type="text" name="attr_HighConcept"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td bgcolor="#A0CFEE" width="40%" style="text-align:center"&gt;&lt;h3&gt;Omega Aspect&lt;input type="text" name="attr_Aspect"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="10%"&gt;&nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;!-- Table #3 Aspects, Row 2 and Skills --&gt; &lt;table&gt; &lt;!-- Aspects --&gt; &lt;tr bgcolor="#A0CFEE"&gt; &lt;td width="25%"&gt;&lt;/td&gt; &lt;td width="25%" style="text-align:center"&gt;&lt;h3&gt;Good Mode Aspect&lt;input type="text" name="attr_GoodAspect"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="25%" style="text-align:center"&gt;&lt;h3&gt;Fair Mode Aspect&lt;input type="text" name="attr_FairAspect"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="25%" style="text-align:center"&gt;&lt;h3&gt;Average Mode Aspect&lt;input type="text" name="attr_AverageAspect"&gt;&lt;/h3&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Good (+3) Mode and Consequences --&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;b&gt;Good (+3) Mode&lt;input type="text" name="attr_GoodMode" /&gt;&lt;/b&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Superb (+5) Skill Rank and Fair (+2) Mode --&gt; &lt;tr bgcolor="#A0CFEE"&gt; &lt;td&gt;&lt;h3&gt;SUPERB (+5)&lt;/h3&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Specialized Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 5' name='roll_Specialized1'&gt;&lt;/button&gt;&lt;input type="text" name="attr_GoodSpec" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;b&gt;Fair (+2) Mode&lt;input type="text" name="attr_FairMode" /&gt;&lt;b&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Great (+4) Skill Rank and Average (+1) Mode --&gt; &lt;tr&gt; &lt;td&gt;&lt;h3&gt;GREAT (+4)&lt;/h4&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Focused Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 4' name='roll_Focused1'&gt;&lt;/button&gt;&lt;input type="text" name="attr_GoodFoc" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Specialized Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 4' name='roll_Specialized2'&gt;&lt;/button&gt;&lt;input type="text" name="attr_FairSpec" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;b&gt;Average (+1) Mode&lt;input type="text" name="attr_AverageMode" /&gt;&lt;/b&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Good (+3) Skill Rank --&gt; &lt;tr bgcolor="#A0CFEE"&gt; &lt;td&gt;&lt;h3&gt;GOOD (+3)&lt;/h3&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Trained Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 3' name='roll_Trained1'&gt;&lt;/button&gt;&lt;input type="text" name="attr_GoodTrain" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Focused Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 3' name='roll_Focused2'&gt;&lt;/button&gt; &lt;input type="text" name="attr_FairFoc" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Specialized Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 3' name='roll_Specialized3'&gt;&lt;/button&gt;&lt;input type="text" name="attr_AverageSpec" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Fair (+2) Skill Rank --&gt; &lt;tr&gt; &lt;td&gt;&lt;h3&gt;FAIR (+2)&lt;/h3&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Trained Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 2' name='roll_Trained2'&gt;&lt;/button&gt;&lt;input type="text" name="attr_FairTrain" /&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Focused Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 2' name='roll_Focused3'&gt;&lt;/button&gt;&lt;input type="text" name="attr_AverageFoc" /&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- Average (+1) Skill Rank --&gt; &lt;tr bgcolor="#A0CFEE"&gt; &lt;td&gt;&lt;h3&gt;AVERAGE (+1)&lt;/h3&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;i&gt;Trained Skills&lt;/i&gt;&lt;button type='roll' value='/roll 4dF + 1' name='roll_Trained3'&gt;&lt;/button&gt;&lt;input type="text" name="attr_FairTrain" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;!-- Table #4 Stunts and Stress --&gt; &lt;table&gt; &lt;tr&gt; &lt;td width="55%" style="text-align:center"&gt;&lt;h3&gt;Stunts/Mega-Stunts&lt;br&gt;&lt;textarea rows="4" cols="55" name="attr_Stunts"&gt;&lt;/textarea&gt;&lt;/h3&gt;&lt;/td&gt; &lt;td width="5%"&gt;&lt;/td&gt; &lt;td width="15%" style="text-align:center"&gt;&lt;h3&gt;STRESS&lt;br&gt;Physical&lt;br&gt;Mental&lt;/h3&gt;&lt;/td&gt; &lt;td width="25%"&gt;&lt;br&gt;1&lt;input type="checkbox"&gt; 2&lt;input type="checkbox"&gt; 3&lt;input type="checkbox"&gt; 4&lt;input type="checkbox"&gt; 5&lt;input type="checkbox"&gt;&lt;br&gt;1&lt;input type="checkbox"&gt; 2&lt;input type="checkbox"&gt; 3&lt;input type="checkbox"&gt; 4&lt;input type="checkbox"&gt; 5&lt;input type="checkbox"&gt;&lt;/td&gt; &lt;tr&gt; &lt;/table&gt; &lt;!-- Table #5 Consequences --&gt; &lt;table&gt; &lt;tr bgcolor="#A0CFEE"&gt; &lt;td&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;h3&gt;Consequences&lt;/h3&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;th width="33%" style="text-align:center"&gt;Mild (-2)&lt;textarea rows="2" cols="33" name="attr_MildCon"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;th width="34%" style="text-align:center"&gt;Moderate (-4)&lt;textarea rows="2" cols="34" name="attr_ModerateCon"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;th width="33%" style="text-align:center"&gt;Severe (-6)&lt;textarea rows="2" cols="33" name="attr_SevereCon"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;!-- Table #6 Experience --&gt; &lt;table&gt; &lt;tr bgcolor="#A0CFEE"&gt; &lt;td&gt;&lt;/td&gt; &lt;td style="text-align:center"&gt;&lt;h3&gt;Experience&lt;/h3&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;th width="33%" style="text-align:center"&gt;&lt;textarea rows="2" cols="33" name="attr_Experience1"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;th width="34%" style="text-align:center"&gt;&lt;textarea rows="2" cols="34" name="attr_Experience2"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;th width="33%" style="text-align:center"&gt;&lt;textarea rows="2" cols="33" name="attr_Experience3"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;