Difference between revisions of "Template:StatBox"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Felix
imported>Felix
Line 1: Line 1:
−
<noinclude>Stat box, for notable stats.  Documentation coming shortly.
+
<noinclude>Stat box, for notable stats. {{#css:
 +
td, th {
 +
    vertical-align: top;
 +
    padding: 5px;
 +
}
 +
td:nth-of-type(2n-1) {
 +
    white-space: nowrap;
 +
}
 +
tr:nth-of-type(2n) {
 +
    background-color:#eee;
 +
}
 +
}}
 +
{| style="text-align: left;border-collapse:collapse;"
 +
|- style="background-color:#ccc;"
 +
! variable
 +
! options
 +
! default
 +
! what it does
 +
|-
 +
| colour-tooltip
 +
| Any web colour name, hex colour, or rgb()/rgba() value.
 +
| white
 +
| Sets the background for tooltips.
 +
|-
 +
| colour-border
 +
| Any web colour name, hex colour, or rgb()/rgba() value.
 +
| #666666
 +
| Sets the colour for the tooltip borders. Use the same thing as colour-tooltip if you want it to blend in.
 +
|-
 +
| colour-divider
 +
| Any web colour name, hex colour, or rgb()/rgba() value.
 +
| black
 +
| Sets the colour for the section dividers.
 +
|-
 +
| colour-text
 +
| Any web colour name, hex colour, or rgb()/rgba() value.
 +
| black
 +
| Sets the colour for tooltip text.
 +
|-
 +
| dot-empty
 +
| An image name, such as Dot.png
 +
| Dot.png
 +
| Sets the image for empty dots.
 +
|-
 +
| dot-filled
 +
| An image name, such as Dot-filled.png
 +
| Dot-filled.png
 +
| Sets the image for filled dots.
 +
|-
 +
| dot-size
 +
| A font size, such as 10px or .5em
 +
| 10px
 +
| Sets the size of the dot images.
 +
|-
 +
| dot-count
 +
| 5, 10, or 0
 +
| auto
 +
| Sets the default number of dots to show as # out of dot-count. Most items default to 5 unless you have more than 5 dots of the stat; renown, merits, and flaws by default show only as many dots as you have, no empties.
 +
|-
 +
| header-X
 +
| A section name, such as Abilities.
 +
| N/A
 +
| Sets the name of a section. X can be any of: attr, abil, other, renown, merits, flaws, also.
 +
|-
 +
| attr-X
 +
| A number of dots, such as 4
 +
| N/A
 +
| Sets the attribute's dots. X can be any of: str, dex, sta, man, cha, app, int, per, wit.
 +
|-
 +
| attr-X-count
 +
| 5, 10, or 0
 +
| dot-count or 5
 +
| Sets the default number of dots to show for attr-X as # out of attr-X-count. Not required for a given attribute. X can be any of: str, dex, sta, man, cha, app, int, per, wit.
 +
|-
 +
| attr-X-spec
 +
| A specialty, such as Quick or Exotic.
 +
| N/A
 +
| Sets the specialty for an attribute. X can be any of: str, dex, sta, man, cha, app, int, per, wit.
 +
|-
 +
| abil-X-name
 +
| The name of an ability, such as Empathy
 +
| N/A
 +
| Sets the ability's name. X can be from 1-9.
 +
|-
 +
| abil-X-dots
 +
| A number of dots, such as 4
 +
| N/A
 +
| Sets the ability's dots. X can be from 1-9.
 +
|-
 +
| abil-X-count
 +
| 5, 10, or 0
 +
| dot-count or 5
 +
| Sets the default number of dots to show for abil-X-name as # out of abil-X-count. Not required for a given ability. X can be from 1-9.
 +
|-
 +
| abil-X-spec
 +
| A specialty, such as Detect Lies or Sympathetic.
 +
| N/A
 +
| Sets the specialty for an ability. X can be from 1-9.
 +
|-
 +
| other-X-name
 +
| The name of some other stat, such as Rage
 +
| N/A
 +
| Sets the stat's name. X can be from 1-9.
 +
|-
 +
| other-X-dots
 +
| A number of dots, such as 4
 +
| N/A
 +
| Sets the stat's dots. X can be from 1-9.
 +
|-
 +
| other-X-count
 +
| 5, 10, or 0
 +
| dot-count or 5
 +
| Sets the default number of dots to show for other-X-name as # out of other-X-count. Not required for a given other. X can be from 1-9.
 +
|-
 +
| renown-X-name
 +
| The name of a kind of renown, such as Glory
 +
| N/A
 +
| Sets the stat's name. X can be from 1-3.
 +
|-
 +
| renown-X-dots
 +
| A number of dots, such as 4
 +
| N/A
 +
| Sets the stat's dots. X can be from 1-3.
 +
|-
 +
| renown-X-count
 +
| 5, 10, or 0
 +
| dot-count or 0
 +
| Sets the default number of dots to show for other-X-name as # out of other-X-count. Not required for a given renown. X can be from 1-3.
 +
|-
 +
| merit-X-name
 +
| The name of a merit, such as Daredevil
 +
| N/A
 +
| Sets the merit's name. X can be from 1-9.
 +
|-
 +
| merit-X-dots
 +
| A number of dots, such as 2
 +
| N/A
 +
| Sets the merit's dots. Merits don't require dots, but you can note them if you want. X can be from 1-9.
 +
|-
 +
| merit-X-count
 +
| 5, 10, or 0
 +
| dot-count or 0
 +
| Sets the default number of dots to show for merit-X-name as # out of merit-X-count. Also not required but available. X can be from 1-9.
 +
|-
 +
| merit-X-info
 +
| Information, such as: -2 diff to all rolls involving cake
 +
| N/A
 +
| Sets the tooltip info for merit-X-name. Also not required but available. X can be from 1-9.
 +
|-
 +
| flaw-X-name
 +
| The name of a flaw, such as Nightmares
 +
| N/A
 +
| Sets the flaw's name. X can be from 1-9.
 +
|-
 +
| flaw-X-dots
 +
| A number of dots, such as 2
 +
| N/A
 +
| Sets the flaw's dots. Flaws don't require dots, but you can note them if you want. X can be from 1-9.
 +
|-
 +
| flaw-X-count
 +
| 5, 10, or 0
 +
| dot-count or 0
 +
| Sets the default number of dots to show for flaw-X-name as # out of flaw-X-count. Also not required but available. X can be from 1-9.
 +
|-
 +
| flaw-X-info
 +
| Information, such as: +2 diff to all rolls involving chainsaws
 +
| N/A
 +
| Sets the tooltip info for flaw-X-name. Also not required but available. X can be from 1-9.
 +
|-
 +
| also-name
 +
| The name of something else you think is important to note.
 +
| N/A
 +
| Sets the name.
 +
|-
 +
| also-dots
 +
| A number of dots, such as 2
 +
| N/A
 +
| Sets the thing's dots. This entry doesn't require dots, but you can note them if you want.
 +
|-
 +
| also-count
 +
| 5, 10, or 0
 +
| dot-count or 5
 +
| Sets the default number of dots to show for the thing as # out of also-count. Also not required but available.
 +
|-
 +
| also-info
 +
| Information about the thing.
 +
| N/A
 +
| Sets the tooltip info for also-name. Also not required but available.
 +
|}
 +
 
 +
An example, using only some options:
 +
<pre>{{StatBox
 +
| colour-divider=#009900
 +
| colour-text=darkgreen
 +
| colour-tooltip=rgb(240,255,240)
 +
| colour-border=darkgreen
 +
| dot-empty=Edgrndot.png
 +
| dot-filled=Fdgrndot.png
 +
| header-merits=Important Merits
 +
| header-flaws=Important Flaws
 +
| header-also=And Another Thing...
 +
| attr-dex=4
 +
| attr-str=4
 +
| attr-man=4
 +
| attr-app=2
 +
| spec-dex=Flexible
 +
| spec-str=Lifting, Bro
 +
| spec-man=Crafty
 +
| abil-1-name=Brewing
 +
| abil-1-dots=4
 +
| abil-1-spec=Beer
 +
| other-1-name=Rage
 +
| other-1-dots=4
 +
| merit-1-name=Cakemaster
 +
| merit-1-info=Anywhere you go, there's cake! You never go hungry, and get 2 extra dice to make a good impression.  Everyone likes cake!
 +
| merit-2-name=Life of the Party
 +
| merit-2-dots=3
 +
| merit-2-info=Parties are your natural habitat. Any time more than three people are gathered with music and drinks, you get -3 diff to all Social rolls.
 +
| flaw-1-name=Nightmares
 +
| also-name=Bob is really damn tall.
 +
}}</pre>
 +
 
 +
{{StatBox
 +
| colour-divider=#009900
 +
| colour-text=darkgreen
 +
| colour-tooltip=rgb(240,255,240)
 +
| colour-border=darkgreen
 +
| dot-empty=Edgrndot.png
 +
| dot-filled=Fdgrndot.png
 +
| header-merits=Important Merits
 +
| header-flaws=Important Flaws
 +
| header-also=And Another Thing...
 +
| attr-dex=4
 +
| attr-str=4
 +
| attr-man=4
 +
| attr-app=2
 +
| spec-dex=Flexible
 +
| spec-str=Lifting, Bro
 +
| spec-man=Crafty
 +
| abil-1-name=Brewing
 +
| abil-1-dots=4
 +
| abil-1-spec=Beer
 +
| other-1-name=Rage
 +
| other-1-dots=4
 +
| merit-1-name=Cakemaster
 +
| merit-1-info=Anywhere you go, there's cake! You never go hungry, and get 2 extra dice to make a good impression.  Everyone likes cake!
 +
| merit-2-name=Life of the Party
 +
| merit-2-dots=3
 +
| merit-2-info=Parties are your natural habitat. Any time more than three people are gathered with music and drinks, you get -3 diff to all Social rolls.
 +
| flaw-1-name=Nightmares
 +
| also-name=Bob is really damn tall.
 +
}}
 
[[Category: Template]]
 
[[Category: Template]]
 
</noinclude><includeonly>&#32;{{#css:
 
</noinclude><includeonly>&#32;{{#css:
Line 92: Line 343:
 
{{#if: {{{renown-3-name|}}}|<tr><td>{{{renown-3-name}}}:</td>
 
{{#if: {{{renown-3-name|}}}|<tr><td>{{{renown-3-name}}}:</td>
 
<td>{{Flexidot|{{{renown-3-dots}}}|{{{renown-3-count|{{{dot-count|0}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}</td></tr>|}}<!--- merits --->{{#if: {{{header-merits|}}}|<tr class="firstrow"><th class="stathead" colspan=2>{{{header-merits}}}</th></tr>}}{{#if: {{{merit-1-name|}}}|{{#if: {{{header-merits|}}}|{{#if: {{{merit-1-info|}}}|<tr class="wrapper">|<tr>}}|{{#if: {{{merit-1-info|}}}|<tr class="firstrow wrapper">|<tr class="firstrow">}} }}{{#if: {{{merit-1-dots|}}}|<td>{{{merit-1-name}}}</td><td>{{Flexidot|{{{merit-1-dots}}}|{{{merit-1-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-1-name}}} }}{{#if: {{{merit-1-info|}}}|<div class="tooltip wrap">{{{merit-1-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-2-name|}}}|{{#if: {{{merit-2-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-2-dots|}}}|<td>{{{merit-2-name}}}</td><td>{{Flexidot|{{{merit-2-dots}}}|{{{merit-2-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-2-name}}} }}{{#if: {{{merit-2-info|}}}|<div class="tooltip wrap">{{{merit-2-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-3-name|}}}|{{#if: {{{merit-3-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-3-dots|}}}|<td>{{{merit-3-name}}}</td><td>{{Flexidot|{{{merit-3-dots}}}|{{{merit-3-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-3-name}}} }}{{#if: {{{merit-3-info|}}}|<div class="tooltip wrap">{{{merit-3-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-4-name|}}}|{{#if: {{{merit-4-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-4-dots|}}}|<td>{{{merit-4-name}}}</td><td>{{Flexidot|{{{merit-4-dots}}}|{{{merit-4-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-4-name}}} }}{{#if: {{{merit-4-info|}}}|<div class="tooltip wrap">{{{merit-4-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-5-name|}}}|{{#if: {{{merit-5-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-5-dots|}}}|<td>{{{merit-5-name}}}</td><td>{{Flexidot|{{{merit-5-dots}}}|{{{merit-5-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-5-name}}} }}{{#if: {{{merit-5-info|}}}|<div class="tooltip wrap">{{{merit-5-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-6-name|}}}|{{#if: {{{merit-6-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-6-dots|}}}|<td>{{{merit-6-name}}}</td><td>{{Flexidot|{{{merit-6-dots}}}|{{{merit-6-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-6-name}}} }}{{#if: {{{merit-6-info|}}}|<div class="tooltip wrap">{{{merit-6-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-7-name|}}}|{{#if: {{{merit-7-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-7-dots|}}}|<td>{{{merit-7-name}}}</td><td>{{Flexidot|{{{merit-7-dots}}}|{{{merit-7-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-7-name}}} }}{{#if: {{{merit-7-info|}}}|<div class="tooltip wrap">{{{merit-7-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-8-name|}}}|{{#if: {{{merit-8-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-8-dots|}}}|<td>{{{merit-8-name}}}</td><td>{{Flexidot|{{{merit-8-dots}}}|{{{merit-8-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-8-name}}} }}{{#if: {{{merit-8-info|}}}|<div class="tooltip wrap">{{{merit-8-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-9-name|}}}|{{#if: {{{merit-9-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-9-dots|}}}|<td>{{{merit-9-name}}}</td><td>{{Flexidot|{{{merit-9-dots}}}|{{{merit-9-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-9-name}}} }}{{#if: {{{merit-9-info|}}}|<div class="tooltip wrap">{{{merit-9-info}}}</div>|}}</td></tr>|}}<!--- flaws --->{{#if: {{{header-flaws|}}}|<tr class="firstrow"><th class="stathead" colspan=2>{{{header-flaws}}}</th></tr>}}{{#if: {{{flaw-1-name|}}}|{{#if: {{{header-flaws|}}}|{{#if: {{{flaw-1-info|}}}|<tr class="wrapper">|<tr>}}|{{#if: {{{flaw-1-info|}}}|<tr class="firstrow wrapper">|<tr class="firstrow">}} }}{{#if: {{{flaw-1-dots|}}}|<td>{{{flaw-1-name}}}</td><td>{{Flexidot|{{{flaw-1-dots}}}|{{{flaw-1-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-1-name}}} }}{{#if: {{{flaw-1-info|}}}|<div class="tooltip wrap">{{{flaw-1-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-2-name|}}}|{{#if: {{{flaw-2-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-2-dots|}}}|<td>{{{flaw-2-name}}}</td><td>{{Flexidot|{{{flaw-2-dots}}}|{{{flaw-2-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-2-name}}} }}{{#if: {{{flaw-2-info|}}}|<div class="tooltip wrap">{{{flaw-2-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-3-name|}}}|{{#if: {{{flaw-3-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-3-dots|}}}|<td>{{{flaw-3-name}}}</td><td>{{Flexidot|{{{flaw-3-dots}}}|{{{flaw-3-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-3-name}}} }}{{#if: {{{flaw-3-info|}}}|<div class="tooltip wrap">{{{flaw-3-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-4-name|}}}|{{#if: {{{flaw-4-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-4-dots|}}}|<td>{{{flaw-4-name}}}</td><td>{{Flexidot|{{{flaw-4-dots}}}|{{{flaw-4-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-4-name}}} }}{{#if: {{{flaw-4-info|}}}|<div class="tooltip wrap">{{{flaw-4-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-5-name|}}}|{{#if: {{{flaw-5-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-5-dots|}}}|<td>{{{flaw-5-name}}}</td><td>{{Flexidot|{{{flaw-5-dots}}}|{{{flaw-5-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-5-name}}} }}{{#if: {{{flaw-5-info|}}}|<div class="tooltip wrap">{{{flaw-5-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-6-name|}}}|{{#if: {{{flaw-6-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-6-dots|}}}|<td>{{{flaw-6-name}}}</td><td>{{Flexidot|{{{flaw-6-dots}}}|{{{flaw-6-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-6-name}}} }}{{#if: {{{flaw-6-info|}}}|<div class="tooltip wrap">{{{flaw-6-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-7-name|}}}|{{#if: {{{flaw-7-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-7-dots|}}}|<td>{{{flaw-7-name}}}</td><td>{{Flexidot|{{{flaw-7-dots}}}|{{{flaw-7-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-7-name}}} }}{{#if: {{{flaw-7-info|}}}|<div class="tooltip wrap">{{{flaw-7-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-8-name|}}}|{{#if: {{{flaw-8-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-8-dots|}}}|<td>{{{flaw-8-name}}}</td><td>{{Flexidot|{{{flaw-8-dots}}}|{{{flaw-8-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-8-name}}} }}{{#if: {{{flaw-8-info|}}}|<div class="tooltip wrap">{{{flaw-8-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-9-name|}}}|{{#if: {{{flaw-9-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-9-dots|}}}|<td>{{{flaw-9-name}}}</td><td>{{Flexidot|{{{flaw-9-dots}}}|{{{flaw-9-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-9-name}}} }}{{#if: {{{flaw-9-info|}}}|<div class="tooltip wrap">{{{flaw-9-info}}}</div>|}}</td></tr>|}}<!--- also --->{{#if: {{{header-also|}}}|<tr class="firstrow"><th class="stathead" colspan=2>{{{header-also}}}</th></tr>}}
 
<td>{{Flexidot|{{{renown-3-dots}}}|{{{renown-3-count|{{{dot-count|0}}}}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}</td></tr>|}}<!--- merits --->{{#if: {{{header-merits|}}}|<tr class="firstrow"><th class="stathead" colspan=2>{{{header-merits}}}</th></tr>}}{{#if: {{{merit-1-name|}}}|{{#if: {{{header-merits|}}}|{{#if: {{{merit-1-info|}}}|<tr class="wrapper">|<tr>}}|{{#if: {{{merit-1-info|}}}|<tr class="firstrow wrapper">|<tr class="firstrow">}} }}{{#if: {{{merit-1-dots|}}}|<td>{{{merit-1-name}}}</td><td>{{Flexidot|{{{merit-1-dots}}}|{{{merit-1-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-1-name}}} }}{{#if: {{{merit-1-info|}}}|<div class="tooltip wrap">{{{merit-1-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-2-name|}}}|{{#if: {{{merit-2-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-2-dots|}}}|<td>{{{merit-2-name}}}</td><td>{{Flexidot|{{{merit-2-dots}}}|{{{merit-2-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-2-name}}} }}{{#if: {{{merit-2-info|}}}|<div class="tooltip wrap">{{{merit-2-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-3-name|}}}|{{#if: {{{merit-3-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-3-dots|}}}|<td>{{{merit-3-name}}}</td><td>{{Flexidot|{{{merit-3-dots}}}|{{{merit-3-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-3-name}}} }}{{#if: {{{merit-3-info|}}}|<div class="tooltip wrap">{{{merit-3-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-4-name|}}}|{{#if: {{{merit-4-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-4-dots|}}}|<td>{{{merit-4-name}}}</td><td>{{Flexidot|{{{merit-4-dots}}}|{{{merit-4-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-4-name}}} }}{{#if: {{{merit-4-info|}}}|<div class="tooltip wrap">{{{merit-4-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-5-name|}}}|{{#if: {{{merit-5-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-5-dots|}}}|<td>{{{merit-5-name}}}</td><td>{{Flexidot|{{{merit-5-dots}}}|{{{merit-5-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-5-name}}} }}{{#if: {{{merit-5-info|}}}|<div class="tooltip wrap">{{{merit-5-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-6-name|}}}|{{#if: {{{merit-6-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-6-dots|}}}|<td>{{{merit-6-name}}}</td><td>{{Flexidot|{{{merit-6-dots}}}|{{{merit-6-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-6-name}}} }}{{#if: {{{merit-6-info|}}}|<div class="tooltip wrap">{{{merit-6-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-7-name|}}}|{{#if: {{{merit-7-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-7-dots|}}}|<td>{{{merit-7-name}}}</td><td>{{Flexidot|{{{merit-7-dots}}}|{{{merit-7-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-7-name}}} }}{{#if: {{{merit-7-info|}}}|<div class="tooltip wrap">{{{merit-7-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-8-name|}}}|{{#if: {{{merit-8-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-8-dots|}}}|<td>{{{merit-8-name}}}</td><td>{{Flexidot|{{{merit-8-dots}}}|{{{merit-8-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-8-name}}} }}{{#if: {{{merit-8-info|}}}|<div class="tooltip wrap">{{{merit-8-info}}}</div>|}}</td></tr>|}}{{#if: {{{merit-9-name|}}}|{{#if: {{{merit-9-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{merit-9-dots|}}}|<td>{{{merit-9-name}}}</td><td>{{Flexidot|{{{merit-9-dots}}}|{{{merit-9-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{merit-9-name}}} }}{{#if: {{{merit-9-info|}}}|<div class="tooltip wrap">{{{merit-9-info}}}</div>|}}</td></tr>|}}<!--- flaws --->{{#if: {{{header-flaws|}}}|<tr class="firstrow"><th class="stathead" colspan=2>{{{header-flaws}}}</th></tr>}}{{#if: {{{flaw-1-name|}}}|{{#if: {{{header-flaws|}}}|{{#if: {{{flaw-1-info|}}}|<tr class="wrapper">|<tr>}}|{{#if: {{{flaw-1-info|}}}|<tr class="firstrow wrapper">|<tr class="firstrow">}} }}{{#if: {{{flaw-1-dots|}}}|<td>{{{flaw-1-name}}}</td><td>{{Flexidot|{{{flaw-1-dots}}}|{{{flaw-1-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-1-name}}} }}{{#if: {{{flaw-1-info|}}}|<div class="tooltip wrap">{{{flaw-1-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-2-name|}}}|{{#if: {{{flaw-2-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-2-dots|}}}|<td>{{{flaw-2-name}}}</td><td>{{Flexidot|{{{flaw-2-dots}}}|{{{flaw-2-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-2-name}}} }}{{#if: {{{flaw-2-info|}}}|<div class="tooltip wrap">{{{flaw-2-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-3-name|}}}|{{#if: {{{flaw-3-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-3-dots|}}}|<td>{{{flaw-3-name}}}</td><td>{{Flexidot|{{{flaw-3-dots}}}|{{{flaw-3-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-3-name}}} }}{{#if: {{{flaw-3-info|}}}|<div class="tooltip wrap">{{{flaw-3-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-4-name|}}}|{{#if: {{{flaw-4-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-4-dots|}}}|<td>{{{flaw-4-name}}}</td><td>{{Flexidot|{{{flaw-4-dots}}}|{{{flaw-4-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-4-name}}} }}{{#if: {{{flaw-4-info|}}}|<div class="tooltip wrap">{{{flaw-4-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-5-name|}}}|{{#if: {{{flaw-5-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-5-dots|}}}|<td>{{{flaw-5-name}}}</td><td>{{Flexidot|{{{flaw-5-dots}}}|{{{flaw-5-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-5-name}}} }}{{#if: {{{flaw-5-info|}}}|<div class="tooltip wrap">{{{flaw-5-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-6-name|}}}|{{#if: {{{flaw-6-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-6-dots|}}}|<td>{{{flaw-6-name}}}</td><td>{{Flexidot|{{{flaw-6-dots}}}|{{{flaw-6-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-6-name}}} }}{{#if: {{{flaw-6-info|}}}|<div class="tooltip wrap">{{{flaw-6-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-7-name|}}}|{{#if: {{{flaw-7-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-7-dots|}}}|<td>{{{flaw-7-name}}}</td><td>{{Flexidot|{{{flaw-7-dots}}}|{{{flaw-7-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-7-name}}} }}{{#if: {{{flaw-7-info|}}}|<div class="tooltip wrap">{{{flaw-7-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-8-name|}}}|{{#if: {{{flaw-8-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-8-dots|}}}|<td>{{{flaw-8-name}}}</td><td>{{Flexidot|{{{flaw-8-dots}}}|{{{flaw-8-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-8-name}}} }}{{#if: {{{flaw-8-info|}}}|<div class="tooltip wrap">{{{flaw-8-info}}}</div>|}}</td></tr>|}}{{#if: {{{flaw-9-name|}}}|{{#if: {{{flaw-9-info|}}}|<tr class="wrapper">|<tr>}}{{#if: {{{flaw-9-dots|}}}|<td>{{{flaw-9-name}}}</td><td>{{Flexidot|{{{flaw-9-dots}}}|{{{flaw-9-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{flaw-9-name}}} }}{{#if: {{{flaw-9-info|}}}|<div class="tooltip wrap">{{{flaw-9-info}}}</div>|}}</td></tr>|}}<!--- also --->{{#if: {{{header-also|}}}|<tr class="firstrow"><th class="stathead" colspan=2>{{{header-also}}}</th></tr>}}
−
{{#if: {{{also-1-name|}}}|{{#if: {{{header-also|}}}|{{#if: {{{also-1-info|}}}|<tr class="wrapper">|<tr>}}|{{#if: {{{also-1-info|}}}|<tr class="firstrow wrapper">|<tr class="firstrow">}} }}{{#if: {{{also-1-dots|}}}|<td>{{{also-1-name}}}</td><td>{{Flexidot|{{{also-1-dots}}}|{{{also-1-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{also-1-name}}} }}{{#if: {{{also-1-info|}}}|<div class="tooltip wrap">{{{also-1-info}}}</div>|}}</td></tr>|}}
+
{{#if: {{{also-name|}}}|{{#if: {{{header-also|}}}|{{#if: {{{also-info|}}}|<tr class="wrapper">|<tr>}}|{{#if: {{{also-info|}}}|<tr class="firstrow wrapper">|<tr class="firstrow">}} }}{{#if: {{{also-dots|}}}|<td>{{{also-name}}}</td><td>{{Flexidot|{{{also-1-dots}}}|{{{also-count|0}}}|dot-filled={{{dot-filled|Dot-filled.png}}}|dot-empty={{{dot-empty|Dot.png}}}|dot-size={{{dot-size|10px}}} }}|<td colspan=2>{{{also-name}}} }}{{#if: {{{also-info|}}}|<div class="tooltip wrap">{{{also-info}}}</div>|}}</td></tr>|}}
 
</table></includeonly>
 
</table></includeonly>

Revision as of 01:23, 18 September 2016

Stat box, for notable stats.

variable options default what it does
colour-tooltip Any web colour name, hex colour, or rgb()/rgba() value. white Sets the background for tooltips.
colour-border Any web colour name, hex colour, or rgb()/rgba() value. #666666 Sets the colour for the tooltip borders. Use the same thing as colour-tooltip if you want it to blend in.
colour-divider Any web colour name, hex colour, or rgb()/rgba() value. black Sets the colour for the section dividers.
colour-text Any web colour name, hex colour, or rgb()/rgba() value. black Sets the colour for tooltip text.
dot-empty An image name, such as Dot.png Dot.png Sets the image for empty dots.
dot-filled An image name, such as Dot-filled.png Dot-filled.png Sets the image for filled dots.
dot-size A font size, such as 10px or .5em 10px Sets the size of the dot images.
dot-count 5, 10, or 0 auto Sets the default number of dots to show as # out of dot-count. Most items default to 5 unless you have more than 5 dots of the stat; renown, merits, and flaws by default show only as many dots as you have, no empties.
header-X A section name, such as Abilities. N/A Sets the name of a section. X can be any of: attr, abil, other, renown, merits, flaws, also.
attr-X A number of dots, such as 4 N/A Sets the attribute's dots. X can be any of: str, dex, sta, man, cha, app, int, per, wit.
attr-X-count 5, 10, or 0 dot-count or 5 Sets the default number of dots to show for attr-X as # out of attr-X-count. Not required for a given attribute. X can be any of: str, dex, sta, man, cha, app, int, per, wit.
attr-X-spec A specialty, such as Quick or Exotic. N/A Sets the specialty for an attribute. X can be any of: str, dex, sta, man, cha, app, int, per, wit.
abil-X-name The name of an ability, such as Empathy N/A Sets the ability's name. X can be from 1-9.
abil-X-dots A number of dots, such as 4 N/A Sets the ability's dots. X can be from 1-9.
abil-X-count 5, 10, or 0 dot-count or 5 Sets the default number of dots to show for abil-X-name as # out of abil-X-count. Not required for a given ability. X can be from 1-9.
abil-X-spec A specialty, such as Detect Lies or Sympathetic. N/A Sets the specialty for an ability. X can be from 1-9.
other-X-name The name of some other stat, such as Rage N/A Sets the stat's name. X can be from 1-9.
other-X-dots A number of dots, such as 4 N/A Sets the stat's dots. X can be from 1-9.
other-X-count 5, 10, or 0 dot-count or 5 Sets the default number of dots to show for other-X-name as # out of other-X-count. Not required for a given other. X can be from 1-9.
renown-X-name The name of a kind of renown, such as Glory N/A Sets the stat's name. X can be from 1-3.
renown-X-dots A number of dots, such as 4 N/A Sets the stat's dots. X can be from 1-3.
renown-X-count 5, 10, or 0 dot-count or 0 Sets the default number of dots to show for other-X-name as # out of other-X-count. Not required for a given renown. X can be from 1-3.
merit-X-name The name of a merit, such as Daredevil N/A Sets the merit's name. X can be from 1-9.
merit-X-dots A number of dots, such as 2 N/A Sets the merit's dots. Merits don't require dots, but you can note them if you want. X can be from 1-9.
merit-X-count 5, 10, or 0 dot-count or 0 Sets the default number of dots to show for merit-X-name as # out of merit-X-count. Also not required but available. X can be from 1-9.
merit-X-info Information, such as: -2 diff to all rolls involving cake N/A Sets the tooltip info for merit-X-name. Also not required but available. X can be from 1-9.
flaw-X-name The name of a flaw, such as Nightmares N/A Sets the flaw's name. X can be from 1-9.
flaw-X-dots A number of dots, such as 2 N/A Sets the flaw's dots. Flaws don't require dots, but you can note them if you want. X can be from 1-9.
flaw-X-count 5, 10, or 0 dot-count or 0 Sets the default number of dots to show for flaw-X-name as # out of flaw-X-count. Also not required but available. X can be from 1-9.
flaw-X-info Information, such as: +2 diff to all rolls involving chainsaws N/A Sets the tooltip info for flaw-X-name. Also not required but available. X can be from 1-9.
also-name The name of something else you think is important to note. N/A Sets the name.
also-dots A number of dots, such as 2 N/A Sets the thing's dots. This entry doesn't require dots, but you can note them if you want.
also-count 5, 10, or 0 dot-count or 5 Sets the default number of dots to show for the thing as # out of also-count. Also not required but available.
also-info Information about the thing. N/A Sets the tooltip info for also-name. Also not required but available.

An example, using only some options: 

{{StatBox
| colour-divider=#009900
| colour-text=darkgreen
| colour-tooltip=rgb(240,255,240)
| colour-border=darkgreen
| dot-empty=Edgrndot.png
| dot-filled=Fdgrndot.png
| header-merits=Important Merits 
| header-flaws=Important Flaws
| header-also=And Another Thing...
| attr-dex=4
| attr-str=4
| attr-man=4
| attr-app=2
| spec-dex=Flexible
| spec-str=Lifting, Bro
| spec-man=Crafty
| abil-1-name=Brewing
| abil-1-dots=4
| abil-1-spec=Beer
| other-1-name=Rage
| other-1-dots=4
| merit-1-name=Cakemaster
| merit-1-info=Anywhere you go, there's cake! You never go hungry, and get 2 extra dice to make a good impression.  Everyone likes cake!
| merit-2-name=Life of the Party
| merit-2-dots=3
| merit-2-info=Parties are your natural habitat. Any time more than three people are gathered with music and drinks, you get -3 diff to all Social rolls.
| flaw-1-name=Nightmares
| also-name=Bob is really damn tall.
}}

Strength: Fdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.pngEdgrndot.png
Specialty: Lifting, Bro
Dexterity: Fdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.pngEdgrndot.png
Specialty: Flexible
Manipulation: Fdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.pngEdgrndot.png
Specialty: Crafty
Appearance: Fdgrndot.pngFdgrndot.pngEdgrndot.pngEdgrndot.pngEdgrndot.png
Brewing: Fdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.pngEdgrndot.png
Specialty: Beer
Rage: Fdgrndot.pngFdgrndot.pngFdgrndot.pngFdgrndot.pngEdgrndot.png
Important Merits
Cakemaster
Anywhere you go, there's cake! You never go hungry, and get 2 extra dice to make a good impression. Everyone likes cake!
Life of the PartyFdgrndot.pngFdgrndot.pngFdgrndot.png
Parties are your natural habitat. Any time more than three people are gathered with music and drinks, you get -3 diff to all Social rolls.
Important Flaws
Nightmares
And Another Thing...
Bob is really damn tall.
Retrieved from "https://cityofhopemush.net/index.php?title=Template:StatBox&oldid=165994"