Status indicators

From Create Your Own Story

(Difference between revisions)
m (syntax and example apeared to be wrong way round)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
 +
The genie looks more serious. "This spell is more complicated than the others, so be ready for some slight difficulty. It always helps to have some expertise in the dark art of coding before doing this, but it isn't necessary. Do you understand?
 +
 +
You think for a second. "I guess."
 +
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:
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:
Line 32: Line 36:
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>
-
</p>
 
<table width="100%">
<table width="100%">
<tr>
<tr>
Line 44: Line 48:
</td><td bgcolor="#DDFDD" valign="top" width="8%"> {{{Health}}}
</td><td bgcolor="#DDFDD" valign="top" width="8%"> {{{Health}}}
</td><td bgcolor="#GGFGG" valign="top" width="84%" rowspan="3"> Equipment:
</td><td bgcolor="#GGFGG" valign="top" width="84%" rowspan="3"> Equipment:
-
<p>{{{Equipment}}}
+
<p><i>Equipment</i>
</p>
</p>
</td></tr>
</td></tr>
Line 58: Line 62:
</pre>
</pre>
-
"Of course, you can change the variables around to suit your liking. Ready for your next leasson?"
+
"Although this may look complicated, it's a lot simpler than it may seem. First, you need a foundation for the spell."
 +
 
 +
<br>To make a status indicator, you first need a template. The template allows you to copy the status indicator to all of your pages. To create a template, create a page called "Template:TemplateName", replacing TemplateName with a name of your choice. It should preferably be the name of your story. Then you need to outline the code you want to be in the template.
 +
 
 +
<br>The genie sighs, "Now here is the tricky part. I have seen many a traveller come to his demise falling for this trap. But, if you follow my every word, you should be just fine. Unless you are an expert in the magic we call 'coding', then copy the example in the box above. Even if you happen to excel at this mystical madness, I would still suggest listening to what I have to say if this is your first time dealing with templates. Even I have trouble conjuring them sometimes. Oh, the stories I could tell!"
 +
 
 +
He moves closer, "Now if you want to make this spell your own, listen here." He recites a dark-sounding incantation.
 +
 
 +
<br><nowiki><table width="100%"></nowiki>
 +
<br><nowiki><tr></nowiki>
 +
<br><nowiki><td bgcolor="#LLCLL" valign="top" width="100%" colspan="3"> <b>[1]Status</b></nowiki>
 +
<br><nowiki></td></tr></nowiki>
 +
<br><nowiki><tr></nowiki>
 +
<br><nowiki><td bgcolor="#OOFOO" valign="top" width="8%"> [2]Health</nowiki>
 +
<br><nowiki></td><td bgcolor="#DDFDD" valign="top" width="8%"> {{{Health}}}</nowiki>
 +
<br><nowiki></td><td bgcolor="#GGFGG" valign="top" width="84%" rowspan="3"> [3]Equipment:</nowiki>
 +
<br><nowiki><p><i>Equipment</i></nowiki>
 +
<br><nowiki></p></nowiki>
 +
<br><nowiki></td></tr></nowiki>
 +
<br><nowiki><tr></nowiki>
 +
<br><nowiki><td bgcolor="#OOFOO" valign="top"> [4]MP</nowiki>
 +
<br><nowiki></td><td bgcolor="#DDFDD" valign="top"> {{{MP}}}</nowiki>
 +
<br><nowiki></td></tr></nowiki>
 +
<br><nowiki><tr></nowiki>
 +
<br><nowiki><td bgcolor="#OOFOO" valign="top"> [5]Level</nowiki>
 +
<br><nowiki></td><td bgcolor="#DDFDD" valign="top"> {{{Level}}}</nowiki>
 +
<br><nowiki></td></tr></table></nowiki>
 +
 
 +
<br>Use the numbers in square brackets in the text above to refer to the list below.
 +
 
 +
<br>1. The title of the status indicator (is generally just "status").
 +
<br>2. The heading of the first row.
 +
<br>3. The title of the textbox (this box is best used for a list of things and is generally used for an inventory, list of items, or equipment).
 +
<br>4. The heading of the second row.
 +
<br>5. The heading of the third row.
 +
 
 +
<br>Don't forget to change the text in the triple braces to match their rows. It will become very important soon. Remember - unless you know what you're doing, '''don't''' change ''anything'' that's not in the list.
 +
 
 +
<br>The genie appears relived, "Phew. The rest should be relatively easy. Now to summon your template!" He mutters a short phrase.
 +
 
 +
<br>To put your template on a page, type your template name surrounded by double braces, like this:
 +
 
 +
<nowiki>{{TemplateName}}</nowiki>
 +
 
 +
<br>"But what use is a blank status indicator?!", he adds.
 +
 
 +
<br>This is why the triple braces needed to match the stat names. Add values to your status indicator with this syntax:
 +
 
 +
<nowiki>{{TemplateName|Textbox=''Item1, Item2''|Stat1=x|Stat2=y|Stat3=z}}</nowiki>
 +
 
 +
<br>It should look something like this:
 +
 
 +
<nowiki>{{Status|Equipment=''Torch, Sword''|Health=100|MP=50|Level=15}}</nowiki>
 +
 
 +
<br>Each stat should be separated by a vertical bar. The italics aren't necessary but they do help distinguish between the headers and actual values.
 +
 
 +
<br>
 +
<br>
 +
"Ready for your next lesson?"
-
"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.

Current revision as of 03:57, 26 September 2023

The genie looks more serious. "This spell is more complicated than the others, so be ready for some slight difficulty. It always helps to have some expertise in the dark art of coding before doing this, but it isn't necessary. Do you understand?

You think for a second. "I guess."

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%"> {{{Health}}}
</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"> {{{Level}}}
</td></tr></table>

"Although this may look complicated, it's a lot simpler than it may seem. First, you need a foundation for the spell."


To make a status indicator, you first need a template. The template allows you to copy the status indicator to all of your pages. To create a template, create a page called "Template:TemplateName", replacing TemplateName with a name of your choice. It should preferably be the name of your story. Then you need to outline the code you want to be in the template.


The genie sighs, "Now here is the tricky part. I have seen many a traveller come to his demise falling for this trap. But, if you follow my every word, you should be just fine. Unless you are an expert in the magic we call 'coding', then copy the example in the box above. Even if you happen to excel at this mystical madness, I would still suggest listening to what I have to say if this is your first time dealing with templates. Even I have trouble conjuring them sometimes. Oh, the stories I could tell!"

He moves closer, "Now if you want to make this spell your own, listen here." He recites a dark-sounding incantation.


<table width="100%">
<tr>
<td bgcolor="#LLCLL" valign="top" width="100%" colspan="3"> <b>[1]Status</b>
</td></tr>
<tr>
<td bgcolor="#OOFOO" valign="top" width="8%"> [2]Health
</td><td bgcolor="#DDFDD" valign="top" width="8%"> {{{Health}}}
</td><td bgcolor="#GGFGG" valign="top" width="84%" rowspan="3"> [3]Equipment:
<p><i>Equipment</i>
</p>
</td></tr>
<tr>
<td bgcolor="#OOFOO" valign="top"> [4]MP
</td><td bgcolor="#DDFDD" valign="top"> {{{MP}}}
</td></tr>
<tr>
<td bgcolor="#OOFOO" valign="top"> [5]Level
</td><td bgcolor="#DDFDD" valign="top"> {{{Level}}}
</td></tr></table>


Use the numbers in square brackets in the text above to refer to the list below.


1. The title of the status indicator (is generally just "status").
2. The heading of the first row.
3. The title of the textbox (this box is best used for a list of things and is generally used for an inventory, list of items, or equipment).
4. The heading of the second row.
5. The heading of the third row.


Don't forget to change the text in the triple braces to match their rows. It will become very important soon. Remember - unless you know what you're doing, don't change anything that's not in the list.


The genie appears relived, "Phew. The rest should be relatively easy. Now to summon your template!" He mutters a short phrase.


To put your template on a page, type your template name surrounded by double braces, like this:

{{TemplateName}}


"But what use is a blank status indicator?!", he adds.


This is why the triple braces needed to match the stat names. Add values to your status indicator with this syntax:

{{TemplateName|Textbox=''Item1, Item2''|Stat1=x|Stat2=y|Stat3=z}}


It should look something like this:

{{Status|Equipment=''Torch, Sword''|Health=100|MP=50|Level=15}}


Each stat should be separated by a vertical bar. The italics aren't necessary but they do help distinguish between the headers and actual values.



"Ready for your next lesson?"

"That's a lot to take in, but I think I get it so far," you say.


Personal tools