Editing User:Toomai/Wiki tips and tricks

If this kind of thing would do better elsewhere, go ahead and move it.

If you've got a tip or trick to add, go ahead and put it.

==General==
*Always use the preview button. One wrong key can cause an entire page to go out of whack.

==Tables==
*ALWAYS preview before saving! Mistakes in a single place can make tables look horrendous, especially if you've got merged cells.
*Putting <code>class="wikitable sortable"</code> in a table's header (that is, right after the <code>{|</code>) will allow users to sort the table. This doesn't work if cells are merged, however.
*Generally, things in a table look better when they're centered (with the exception of large blocks of text). Putting <code>style="text-align:center"</code> in the header will center all the text in every cell.
*Generally, tables themselves look better when in the middle of a page. Put <code>align="center"</code> in the header to do this.
*Use <code>!</code> instead of <code>|</code> when starting cells that are headers. However, you still need to use a <code>|</code> to separate parameters (such as colouring) from the cell's content. Example:
<pre>
!make it red|put text here!!make it yellow|put text here
</pre>

==Images==
*Normally, clicking an image leads to the image itself. However, by adding the <code>link</code> parameter, you can make images just like normal links. Usually, it's best to leave images as linking to themselves, since linking them forces people to look at the source to find out where an image came from. However, there are cases where linking them is better (such as the [[Tier list]] templates).
{|class="wikitable" align="center" style="text-align:center"
|This image leads to [[:Image:MarioIcon(SSBB).png]]||This image leads to [[Mario (SSBB)]]
|-
|[[Image:MarioIcon(SSBB).png|50px]]||[[Image:MarioIcon(SSBB).png|50px|link=Mario (SSBB)]]
|-
|<code><nowiki>[[Image:MarioIcon(SSBB).png|50px]]</nowiki></code>||<code><nowiki>[[Image:MarioIcon(SSBB).png|50px|link=Mario (SSBB)]]</nowiki></code>
|}

==Formatting==
*Formats have to be closed in the opposite order they were opened. Otherwise, odd stuff happens.
{|class="wikitable" align="center" style="text-align:center"
!This!!Looks like this
|-
|<code><nowiki>Text '''[[Main page]]''' Text</nowiki></code>||Text '''[[Main page]]''' Text
|-
|<code><nowiki>Text '''[[Main page''']] Text</nowiki></code>||Text '''[[Main page''']] Text
|-
|<code><nowiki>Blah <s>cross <sup>yoik</sup> doof</s> bladoonga</nowiki></code>||Blah <s>cross <sup>yoik</sup> doof</s> bladoonga
|-
|<code><nowiki>Blah <s>cross <sup>y</s>o<s>ik</sup> doof</s> bladoonga</nowiki></code>||Blah <s>cross <sup>y</s>o<s>ik</sup> doof</s> bladoonga
|-
|<code><nowiki>Blah <s>cross <sup>yoik</s> doof</sup> bladoonga</nowiki></code>||Blah <s>cross <sup>yoik</s> doof</sup> bladoonga
|}
*Colour on the internet is represented by a six-digit hexadecimal number (prefaced on wikis by "#"). Hex numbers use the letters A to F as extra digits - A is 10, while F is 15. Basically, the first two digits are the amount of red, the next two are the green, and the last two are the blue. So, 000000 is pure black, 7F0000 is 50% red (brown), and FFBF7F is 100% red, 75% green, and 50% blue (tan). While adding colour can sometimes be distracting, there are times when it can have a positive effect. Here are some simple colours:
{|class="wikitable" align="center" style="text-align:center"
!Colour!!Slight fade!!Medium fade!!Strong fade
|-
|style="background-color:#ff0000"|FF0000||style="background-color:#ff3f3f"|FF3F3F||style="background-color:#ff7f7f"|FF7F7F||style="background-color:#ffbfbf"|FFBFBF
|-
|style="background-color:#ff7f00"|FF7F00||style="background-color:#ff9f3f"|FF9F3F||style="background-color:#ffbf7f"|FFBF7F||style="background-color:#ffdfbf"|FFDFBF
|-
|style="background-color:#ffff00"|FFFF00||style="background-color:#ffff3f"|FFFF3F||style="background-color:#ffff7f"|FFFF7F||style="background-color:#ffffbf"|FFFFBF
|-
|style="background-color:#00ff00"|00FF00||style="background-color:#3fff3f"|3FFF3F||style="background-color:#7fff7f"|7FFF7F||style="background-color:#bfffbf"|BFFFBF
|-
|style="background-color:#00ffff"|00FFFF||style="background-color:#3fffff"|3FFFFF||style="background-color:#7fffff"|7FFFFF||style="background-color:#bfffff"|BFFFFF
|-
|style="background-color:#0000ff"|0000FF||style="background-color:#3f3fff"|3F3FFF||style="background-color:#7f7fff"|7F7FFF||style="background-color:#bfbfff"|BFBFFF
|-
|style="background-color:#ff00ff"|FF00FF||style="background-color:#ff3fff"|FF3FFF||style="background-color:#ff7fff"|FF7FFF||style="background-color:#ffbfff"|FFBFFF
|}

==Templates/Infoboxes==
*Many things can be improved by using parser functions (see below).
*If you need to put a <code>|</code> somewhere, but its location causes things to mess up, use <code><nowiki>{{!}}</nowiki></code>. A shortcut for <code>||</code> is <code><nowiki>{{!!}}</nowiki></code>.

==Parser Functions==
Basically, a parser function is something that does something based on a condition. Think of it like low-level programming in a wiki page. You'll pretty much always be using this for templates. The best way to explain this kind of stuff is through examples.

{|class="wikitable" align="center" style="text-align:center"
|-
!Code!!Input!!Output!!What It Does
|-
|rowspan="2"|<pre>{{{stuff|Unknown}}}</pre>||stuff=Bonk||Bonk||rowspan="2"|If "stuff" is specified, display it, otherwise display "Unknown".
|-
|&nbsp;||Unknown
|-
|rowspan="2"|<pre>{{#if:{{{this|}}}|[{{{this}}}]|}}</pre>||this=Yes<br>that=No||[Yes]||rowspan="2"|If "this" is specified, display it in square brackets, otherwise display nothing.
|-
|that=Yes||&nbsp;
|-
|rowspan="3"|<pre>{{#ifeq:{{{pyro|n}}}|y|Stab|Sap}}</pre>||pyro=y||Stab||rowspan="3"|If "pyro" is equal to "y", display "Stab". If "pyro" is equal to something else, display "Sap". If "pyro" is not specified, assume it is "n" (and therefore display "Sap").
|-
|pyro=n||Sap
|-
|&nbsp;||Sap
|-
|rowspan="5"|<pre>{{#ifeq:{{{pyro|{{{engy|n}}}}}}|y|Stab|Sap}}</pre>||pyro=y||Stab||rowspan="5"|If "pyro" is equal to "y", display "Stab". If "pyro" is equal to something else, display "Sap". If "pyro" is not specified, then use whatever "engy" is - if that's not specified either, use n (and therefore display "Sap").
|-
|pyro=y<br>engy=n||Stab
|-
|pyro=n<br>engy=y||Stab
|-
|engy=n||Sap
|-
|&nbsp;||Sap
|-
|<pre>{{#expr:100-{{{m}}}}}</pre>||m=45||55||Display whatever the result of 100-m is. Be careful with this one, since if an error happens (such as m being a letter or division by zero) it explodes into bold red text.
|}
	You aren't logged in. While it's not a requirement to create an account, doing so makes it a lot easier to keep track of your edits and a lot harder to confuse you with someone else. If you edit without being logged in, your IP address will be recorded in the page's edit history.
	Log in	Create account
Description	What you type	What you get
Italic	''Italic text''	Italic text
Bold	'''Bold text'''	Bold text
Bold & italic	'''''Bold & italic text'''''	*Bold & italic text*
Insert common text
Signature	~~~~
Symbols	£ ¥ ° ± × ÷ € ≈ ≠ ≤ ≥
Diacritics	À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö Ø Œ Ù Ú Û Ü Ý Þ ß à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô õ ö ø œ ù ú û ü ý þ ÿ
Wikitext	[] [[]] \| [[Category:]] [[File:]] #REDIRECT: [[]] {\| \|- \|\| \|}
Templates	{{cleanup}} {{image}} {{reflist}} {{stub}} {{d}} {{delete}}
Formatting	<!----> <br> <code></code> <gallery></gallery> <nowiki></nowiki> <ref></ref> <references/> {{#widget:YouTube\|id=}}
Substitution	<includeonly></includeonly> <noinclude></noinclude>