Status indicators - Revision history

O800: syntax and example apeared to be wrong way round

O800 — Tue, 26 Sep 2023 03:57:22 GMT

syntax and example apeared to be wrong way round

←Older revision		Revision as of 03:57, 26 September 2023
Line 110:		Line 110:
	<br>This is why the triple braces needed to match the stat names. Add values to your status indicator with this syntax:		<br>This is why the triple braces needed to match the stat names. Add values to your status indicator with this syntax:

-	<nowiki>{{~~Status~~\|~~Equipment~~=''~~Torch~~, ~~Sword~~''\|~~Health~~=~~100~~\|MP=50\|~~Level~~=15}}</nowiki>	+	<nowiki>{{TemplateName\|Textbox=''Item1, Item2''\|Stat1=x\|Stat2=y\|Stat3=z}}</nowiki>

	<br>It should look something like this:		<br>It should look something like this:

-	<nowiki>{{~~TemplateName~~\|~~Textbox~~=''~~Item1~~, ~~Item2~~''\|~~Stat1~~=x\|~~Stat2~~=y\|~~Stat3~~=z}}</nowiki>	+	<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>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.

Platypus at 19:15, 31 July 2022

Platypus — Sun, 31 Jul 2022 19:15:02 GMT

←Older revision		Revision as of 19:15, 31 July 2022
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?	+	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."	+	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:

TheFreddyFazbear54: I corrected it majorly and made it much more comprehendible.

TheFreddyFazbear54 — Sun, 31 Jul 2022 18:19:18 GMT

I corrected it majorly and made it much more comprehendible.

←Older revision		Revision as of 18:19, 31 July 2022
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 42:		Line 46:
	<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%"> {{{Health}}}
	</td><td bgcolor="#GGFGG" valign="top" width="84%" rowspan="3"> Equipment:		</td><td bgcolor="#GGFGG" valign="top" width="84%" rowspan="3"> Equipment:
	<p><i>Equipment</i>		<p><i>Equipment</i>
Line 53:		Line 57:
	<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"> {{{Level}}}
	</td></tr></table>		</td></tr></table>
	</nowiki>		</nowiki>
	</pre>		</pre>

-	"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.~~	+	"Although this may look complicated, it's a lot simpler than it may seem. First, you need a foundation for the spell."

-	~~Use~~ the ~~format as above~~ to create a ~~new~~ template ~~using double braces ( { ). This is how it will look like: <pre><nowiki>{{Sample~~ Template~~}}</nowiki></pre> {{Sample Template}}~~. ~~Rename it and create~~ the template ~~page~~.	+	<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!"

-	~~Use the numbers as references in these lines of code:~~	+	He moves closer, "Now if you want to make this spell your own, listen here." He recites a dark-sounding incantation.
-	~~<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><nowiki><table width="100%"></nowiki>
-	<br>	+	<br><nowiki><tr></nowiki>
-	~~Notes~~	+	<br><nowiki><td bgcolor="#LLCLL" valign="top" width="100%" colspan="3"> <b>[1]Status</b></nowiki>
-	<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><nowiki></td></tr></nowiki>
-	<br>[2] ~~This will be~~ the title of ~~your~~ status ~~bar~~.	+	<br><nowiki><tr></nowiki>
-	<br>~~[3] This will be the name~~ of the first row.	+	<br><nowiki><td bgcolor="#OOFOO" valign="top" width="8%"> [2]Health</nowiki>
-	<br>~~[4] This will be~~ the ~~value~~ of the ~~first~~ row.	+	<br><nowiki></td><td bgcolor="#DDFDD" valign="top" width="8%"> {{{Health}}}</nowiki>
-	<br>[5~~] This will be the name~~ of the ~~remainding space~~	+	<br><nowiki></td><td bgcolor="#GGFGG" valign="top" width="84%" rowspan="3"> [3]Equipment:</nowiki>
-	<br>~~[7] This will be~~ the ~~value of~~ the ~~remainding space~~.	+	<br><nowiki><p><i>Equipment</i></nowiki>
-	<br>~~[8] This will~~ be ~~the value of the second row~~.	+	<br><nowiki></p></nowiki>
-	<br>~~[9]~~ This ~~will be~~ the ~~name of~~ the ~~third row~~.	+	<br><nowiki></td></tr></nowiki>
-	<br>~~[10] This will~~ be the ~~value of the third row~~.	+	<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>{{Status\|Equipment=''Torch, Sword''\|Health=100\|MP=50\|Level=15}}</nowiki>
		+
		+	<br>It should look something like this:
		+
		+	<nowiki>{{TemplateName\|Textbox=''Item1, Item2''\|Stat1=x\|Stat2=y\|Stat3=z}}</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>
	<br>		<br>
-	"Ready for your next ~~leasson~~?"	+	"Ready for your next lesson?"

	"That's a lot to take in, but 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.

Alison at 07:33, 11 November 2017

Alison — Sat, 11 Nov 2017 07:33:47 GMT

←Older revision		Revision as of 07:33, 11 November 2017
Line 60:		Line 60:
	"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.		"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 "{" <pre><nowiki>{{Sample Template}}</nowiki></pre> ~~will look like~~ {{Sample Template}}. Rename it and create the template page.	+	Use the format as above to create a new template using double braces ( { ). This is how it will look like: <pre><nowiki>{{Sample Template}}</nowiki></pre> {{Sample Template}}. Rename it and create the template page.

DirtyMeStoryTime: Undo revision 287403 by Michaeltamayo96 (Talk) Undo

DirtyMeStoryTime — Mon, 23 May 2016 11:43:14 GMT

Undo revision 287403 by Michaeltamayo96 (Talk) Undo

←Older revision		Revision as of 11:43, 23 May 2016
Line 28:		Line 28:
	*[[Adventure/Option 3]]		*[[Adventure/Option 3]]

-	{{Status\|Equipment=''~~Pink Dildo~~''\|Health=#\|MP=#\|Level=#}}	+	{{Status\|Equipment=''Equipment''\|Health=#\|MP=#\|Level=#}}

Michaeltamayo96 at 10:40, 23 May 2016

Michaeltamayo96 — Mon, 23 May 2016 10:40:58 GMT

←Older revision		Revision as of 10:40, 23 May 2016
Line 28:		Line 28:
	*[[Adventure/Option 3]]		*[[Adventure/Option 3]]

-	{{Status\|Equipment=''~~Equipment~~''\|Health=#\|MP=#\|Level=#}}	+	{{Status\|Equipment=''Pink Dildo''\|Health=#\|MP=#\|Level=#}}

RandyRift at 14:32, 1 April 2010

RandyRift — Thu, 01 Apr 2010 14:32:45 GMT

←Older revision		Revision as of 14:32, 1 April 2010
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%"> ~~{{{Health}}}~~	+	</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>~~{{{~~Equipment~~}}}~~	+	<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"> ~~{{{Level}}}~~	+	</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.
-	~~Leave the same.~~ <~~table width="100%"~~>	+
-	~~Leave~~ the ~~same~~. <<tr>	+
-	~~Variables for you.~~ <td bgcolor="#LLCLL" valign="top" width="100%" colspan="3"> <b>Status</b>	+	Use the numbers as references in these lines of code:
-	~~Leave the same.~~ <~~</td~~>~~</tr>~~	+	<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]
-	~~Leave the same. <<tr>~~	+
-	~~Variables for you.~~ <<td bgcolor="#OOFOO" valign="top" width="8%"> Health	+	<br>
-	~~Variables for you.~~ </td><td bgcolor="#DDFDD" valign="top" width="8%"> ~~{{{Health}}}~~	+	<br>
-	~~Variables for you.~~ </td><td bgcolor="#GGFGG" valign="top" width="84%" rowspan="3"> Equipment:	+	Notes
-	~~Variables for you.~~ <p>~~{{{Equipment}}}~~	+	<br>[1] This is a color. Use the Hex triples, or values beginning with a "#" from [http://en.wikipedia.org/wiki/List_of_colors]
-	~~Leave the same.~~ </p>	+	<br>[2] This will be the title of your status bar.
-	~~Leave the same.~~ </td><~~/tr~~>	+	<br>[3] This will be the name of the first row.
-	~~Leave the same. <tr>~~	+	<br>[4] This will be the value of the first row.
-	~~Variables for you.~~ <td bgcolor="#OOFOO" valign="top"> MP	+	<br>[5] This will be the name of the remainding space
-	~~Variables for you.~~ </td><td bgcolor="#DDFDD" valign="top"> ~~{{{MP}}}~~	+	<br>[7] This will be the value of the remainding space.
-	~~Leave the same.~~ <~~/td~~>~~</tr>~~	+	<br>[8] This will be the value of the second row.
-	~~Leave the same. <tr>~~	+	<br>[9] This will be the name of the third row.
-	~~Variables for you.~~ <td bgcolor="#OOFOO" valign="top"> Level	+	<br>[10] This will be the value of the third row.
-	~~Variables for you.~~ </td><td bgcolor="#DDFDD" valign="top"> ~~{{{Level}}}~~	+
-	~~Leave~~ the ~~same~~. </td><~~/tr~~><~~/table~~>	+
-	<~~/nowiki~~>	+
-	<~~/pre~~>	+

-	"~~Of course, you can change the variables around to suit your liking.~~ Ready for your next leasson?"	+	<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.

RandyRift at 13:57, 1 April 2010

RandyRift — Thu, 01 Apr 2010 13:57:09 GMT

←Older revision		Revision as of 13:57, 1 April 2010
Line 35:		Line 35:
	This is what a status indicator looks like without the magic:		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 55:		Line 54:
	</td><td bgcolor="#DDFDD" valign="top"> {{{Level}}}		</td><td bgcolor="#DDFDD" valign="top"> {{{Level}}}
	</td></tr></table>		</td></tr></table>
		+	</nowiki>
		+	</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.
		+
		+	<pre><nowiki>
		+	Leave the same. <table width="100%">
		+	Leave the same. <<tr>
		+	Variables for you. <td bgcolor="#LLCLL" valign="top" width="100%" colspan="3"> <b>Status</b>
		+	Leave the same. <</td></tr>
		+	Leave the same. <<tr>
		+	Variables for you. <<td bgcolor="#OOFOO" valign="top" width="8%"> Health
		+	Variables for you. </td><td bgcolor="#DDFDD" valign="top" width="8%"> {{{Health}}}
		+	Variables for you. </td><td bgcolor="#GGFGG" valign="top" width="84%" rowspan="3"> Equipment:
		+	Variables for you. <p>{{{Equipment}}}
		+	Leave the same. </p>
		+	Leave the same. </td></tr>
		+	Leave the same. <tr>
		+	Variables for you. <td bgcolor="#OOFOO" valign="top"> MP
		+	Variables for you. </td><td bgcolor="#DDFDD" valign="top"> {{{MP}}}
		+	Leave the same. </td></tr>
		+	Leave the same. <tr>
		+	Variables for you. <td bgcolor="#OOFOO" valign="top"> Level
		+	Variables for you. </td><td bgcolor="#DDFDD" valign="top"> {{{Level}}}
		+	Leave the same. </td></tr></table>
	</nowiki>		</nowiki>
	</pre>		</pre>

RandyRift at 13:46, 1 April 2010

RandyRift — Thu, 01 Apr 2010 13:46:50 GMT

←Older revision		Revision as of 13:46, 1 April 2010
Line 33:		Line 33:
	Category: [[name of story you're working on]]		Category: [[name of story you're working on]]

		+	This is what a status indicator looks like without the magic:
		+	<pre><nowiki>
		+	</p>
		+	<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>{{{Equipment}}}
		+	</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>
		+	</nowiki>
		+	</pre>

	"Of course, you can change the variables around to suit your liking. Ready for your next leasson?"		"Of course, you can change the variables around to suit your liking. Ready for your next leasson?"

Rawar at 15:57, 29 October 2009

Rawar — Thu, 29 Oct 2009 15:57:42 GMT

←Older revision		Revision as of 15:57, 29 October 2009
Line 42:		Line 42:
	*[[Advanced linking]]		*[[Advanced linking]]
	*[[Create a category page]]		*[[Create a category page]]
		+	*[[Multiple Categories]]
	*[[Advanced formatting techniques]]		*[[Advanced formatting techniques]]

	[[Category: Tutorial]]		[[Category: Tutorial]]