Status indicators
From Create Your Own Story
The genie nods. "A page with a status indicator looks very similar to any other page, but with an added line of code." He summons an image:
Page text here
Do you:
*[[Adventure/Option 1]]
*[[Adventure/Option 2]]
*[[Adventure/Option 3]]
{{Status|Equipment=''Equipment''|Health=#|MP=#|Level=#}}
[[Category: name of story you're working on]]
"On a page, the syntax will look like this:"
Page text here
Do you:
| Status | ||
| Health | # | Equipment:
Equipment |
| MP | # | |
| Level | # | |
Category: name of story you're working on
The genie continues, "This is what a status indicator looks like without the magic."
<table width="100%">
<tr>
<td bgcolor="#LLCLL" valign="top" width="100%" colspan="3"> <b>Status</b>
</td></tr>
<tr>
<td bgcolor="#OOFOO" valign="top" width="8%"> Health
</td><td bgcolor="#DDFDD" valign="top" width="8%"> #
</td><td bgcolor="#GGFGG" valign="top" width="84%" rowspan="3"> Equipment:
<p><i>Equipment</i>
</p>
</td></tr>
<tr>
<td bgcolor="#OOFOO" valign="top"> MP
</td><td bgcolor="#DDFDD" valign="top"> {{{MP}}}
</td></tr>
<tr>
<td bgcolor="#OOFOO" valign="top"> Level
</td><td bgcolor="#DDFDD" valign="top"> #
</td></tr></table>
"Although this may look complicated I can show you how to manipulate the parts that really matter." The rest leave the same unless you are REALLY good at coding.
Use the format as above to create a new template using double braces ( { ). This is how it will look like:{{Sample Template}} . Rename it and create the template page.
Use the numbers as references in these lines of code:
<td bgcolor="#LLCLL"[1]valign="top" width="100%" colspan="3"> Status[2]
<<td bgcolor="#OOFOO"[1] valign="top" width="8%"> Health[3]
</td><td bgcolor="#DDFDD"[1] valign="top" width="8%"> # [4]
</td><td bgcolor="#GGFGG"[1] valign="top" width="84%" rowspan="3"> Equipment:[5]
Equipment[6]
<td bgcolor="#OOFOO"[1] valign="top"> MP[7]
</td><td bgcolor="#DDFDD"[1] valign="top"># [8]
<td bgcolor="#OOFOO"[1] valign="top"> Level[9]
</td><td bgcolor="#DDFDD"[1] valign="top"> #[10]
Notes
[1] This is a color. Use the Hex triples, or values beginning with a "#" from [1]
[2] This will be the title of your status bar.
[3] This will be the name of the first row.
[4] This will be the value of the first row.
[5] This will be the name of the remainding space
[7] This will be the value of the remainding space.
[8] This will be the value of the second row.
[9] This will be the name of the third row.
[10] This will be the value of the third row.
"Ready for your next leasson?"
"That's a lot to take in, but I think I get it so far," you say.
