Status indicators
From Create Your Own Story
| Line 32: | Line 32: | ||
Category: [[name of story you're working on]] | Category: [[name of story you're working on]] | ||
| + | <br> | ||
| - | This is what a status indicator looks like without the magic | + | The genie continues, "This is what a status indicator looks like without the magic." |
<pre><nowiki> | <pre><nowiki> | ||
<table width="100%"> | <table width="100%"> | ||
| Line 41: | Line 42: | ||
<tr> | <tr> | ||
<td bgcolor="#OOFOO" valign="top" width="8%"> Health | <td bgcolor="#OOFOO" valign="top" width="8%"> Health | ||
| - | </td><td bgcolor="#DDFDD" valign="top" width="8%"> | + | </td><td bgcolor="#DDFDD" valign="top" width="8%"> # |
</td><td bgcolor="#GGFGG" valign="top" width="84%" rowspan="3"> Equipment: | </td><td bgcolor="#GGFGG" valign="top" width="84%" rowspan="3"> Equipment: | ||
| - | <p> | + | <p><i>Equipment</i> |
</p> | </p> | ||
</td></tr> | </td></tr> | ||
| Line 52: | Line 53: | ||
<tr> | <tr> | ||
<td bgcolor="#OOFOO" valign="top"> Level | <td bgcolor="#OOFOO" valign="top"> Level | ||
| - | </td><td bgcolor="#DDFDD" valign="top"> | + | </td><td bgcolor="#DDFDD" valign="top"> # |
</td></tr></table> | </td></tr></table> | ||
</nowiki> | </nowiki> | ||
</pre> | </pre> | ||
| - | Although this may look complicated I can show you the parts that really matter. The rest leave the same unless you are REALLY good at coding. | + | "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. |
| - | <pre><nowiki> | + | Use the format as above to create a new template using double braces "{" <pre><nowiki>{{Sample Template}}</nowiki></pre> will look like {{Sample Template}}. Rename it and create the template page. |
| - | + | ||
| - | + | ||
| - | + | Use the numbers as references in these lines of code: | |
| - | + | <br><td bgcolor="#LLCLL"[1]valign="top" width="100%" colspan="3"> <b>Status</b>[2]<br><<td bgcolor="#OOFOO"[1] valign="top" width="8%"> Health[3]<br></td><td bgcolor="#DDFDD"[1] valign="top" width="8%"> # [4]<br></td><td bgcolor="#GGFGG"[1] valign="top" width="84%" rowspan="3"> Equipment:[5]<p><i>Equipment</i>[6]<br><td bgcolor="#OOFOO"[1] valign="top"> MP[7]<br></td><td bgcolor="#DDFDD"[1] valign="top"># [8]<br><td bgcolor="#OOFOO"[1] valign="top"> Level[9]<br></td><td bgcolor="#DDFDD"[1] valign="top"> #[10] | |
| - | + | ||
| - | + | <br> | |
| - | + | <br> | |
| - | + | Notes | |
| - | + | <br>[1] This is a color. Use the Hex triples, or values beginning with a "#" from [http://en.wikipedia.org/wiki/List_of_colors] | |
| - | + | <br>[2] This will be the title of your status bar. | |
| - | + | <br>[3] This will be the name of the first row. | |
| - | + | <br>[4] This will be the value of the first row. | |
| - | + | <br>[5] This will be the name of the remainding space | |
| - | + | <br>[7] This will be the value of the remainding space. | |
| - | + | <br>[8] This will be the value of the second row. | |
| - | + | <br>[9] This will be the name of the third row. | |
| - | + | <br>[10] This will be the value of the third row. | |
| - | + | ||
| - | + | ||
| - | < | + | |
| - | < | + | |
| - | " | + | <br> |
| + | <br> | ||
| + | "Ready for your next leasson?" | ||
| - | "I think I get it so far," you say. | + | "That's a lot to take in, but I think I get it so far," you say. |
Revision as of 14:32, 1 April 2010
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 "{"{{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.
