Status indicators
From Create Your Own Story
m |
|||
Line 28: | Line 28: | ||
*[[Adventure/Option 3]] | *[[Adventure/Option 3]] | ||
- | {{Status|Equipment='' | + | {{Status|Equipment=''Pink Dildo''|Health=#|MP=#|Level=#}} |
Revision as of 10:40, 23 May 2016
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:
Pink Dildo |
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 "{"{{Sample Template}}will look like . 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.