Welcome to the SuperTux Wiki Sandbox! Please feel free to conduct your experiments with formatting and and editing skills on this page. You may place anything here; however, nothing copyrighted, offensive, or related to spam. To edit this page, click on the edit button on the top of the page. Nothing is permanent, as this page is cleaned every few days.

[edit] Text formatting

[edit] Center-Align

• To center text, use the following code:

1. Enter <div style="text-align: center;">
2. Then enter your text
3. Finally, enter </div>

• Overall, your code should look like this:

<div style="text-align: center;"> Centered text </div>

• Once you have entered that code, your text will look like this:

[edit] Strike Through Text

• To strike through text, use the following code:

1. Enter a <s> before the text.
2. Enter the text
3. Enter a </s> after the text.

• Overall, your code should look like this:

<s>blah blah blah</s>

• Once you have entered that code, your text will look like this:

<s>blah blah blah</s>'

[edit] Superscript

• To insert a superscript, use the following code:

1. Enter a <sup> before the text.
2. Enter the text
3. Enter a </sup> after the text.

• Overall, your code should look like this:

^{blah blah blah}

• Once you have entered that code, your text will look like this:

blah blah blah ^{blah blah blah}

[edit] Subscript

• To insert, use the following code:

1. Enter a <sub> before the text.
2. Enter the text
3. Enter a </sub> after the text.

• Overall, your code should look like this:

_{blah blah blah}

• Once you have entered that code, your text will look like this:

blah blah blah _{blah blah blah}

[edit] Hidden Comment

• To insert a hidden comment, use the following code:

1. Enter a <!-- before the text.
2. Enter the text
3. Enter a --> after the text.

• Overall, your code should look like this:

<!-- blah blah blah-->

• You will not be able to see the text on this page, but it will be seen when you try to edit this page. Hidden text is mostly used for warnings.

[edit] Secondary Headline

• To insert a secondary headline, use the following code:

1. Enter a == before the text.
2. Enter the text
3. Enter a == after the text.

• Overall, your code should look like this:

==blah blah blah==

[edit] Tab

• To insert a tab, use the following code:

1. Enter a :: before the text.

• Overall, your code should look like this:

::blah blah blah

• Once you have entered that code, your text will look like this:

blah blah blah

[edit] Font Color

• To change the color of text, use the following code:

1. Enter a <span style="color: ColorName"> before the text.
2. Choose the color
3. Enter the text
4. Enter a </span> after the text.

• Overall, your code should look like this:

<span style="color: red">blah blah blah</span>

• Once you have entered that code, your text will look like this:

blah blah blah

• Another way to do it is:

1. Enter a <font color="ColorName"> before the text.
2. Choose the color
3. Enter the text
4. Enter a </font> after the text.

• Overall, your code should look like this:

<font color="red">blah blah blah</font>

• Once you have entered that code, your text will look like this:

blah blah blah

[edit] Mouse Cursor

• To change the cursor of the mouse when you hover over text, do the following:

1. Enter a <span style="cursor:CURSOR YOU WANT;"> before the text.
2. Choose the cursor, (e.g. crosshair, default)
3. Enter the text
4. Enter a </span> after the text.

• Overall, your code should look like this:

<span style="cursor: crosshair;">blah blah blah</span>

• Once you have entered that code, and you put the mouse over the text, it should have a different mouse cursor:

blah blah blah

[edit] Links

• To make external links look internal, use the following

1. Enter a <span class="plainlinks"><font color="002bb8"> before the text.
2. Enter the external link
3. Enter a </font></span> after the text.

• Overall, your code should look like this:

<span class="plainlinks"><font color="002bb8">[http://example.com external link]</font></span>

• Once you have entered that code, the external link should look like this:

external link

• Note that if someone is using a custom skin that specifies different link colors, for example green for internal links, and purple for "redlinks," a link formatted with this code will still look blue, and not match other links in appearance, to that user.

[edit] Bolding

• To make text bold, do the following:

1. Enter 3 apostrophes ''' before the text.
2. Enter the text
3. Enter 3 more apostrophes ''' after the text.

• Overall, your code should look like this:

'''text'''

• Once you have entered that code, the text should look like this:

text

[edit] Italics

• To italicize text, do the following:

1. Enter 2 apostrophes '' before the text.
2. Enter the text
3. Enter 2 more apostrophes '' after the text.

• Overall, your code should look like this:

''text''

• Once you have entered that code, the text should look like this:

text

[edit] Underlining

• To make underline text, do the following:

1. Enter <u> before the text.
2. Enter the text
3. Enter </u> after the text.

• Overall, your code should look like this:

<u>text</u>

• Once you have entered that code, the text should look like this:

text

[edit] Font size

• To make text a certain size, use the following code:

1. Enter a <font size="4"> before the text.
2. Choose the size
3. Enter the text
4. Enter a </font> after the text.

• Overall, your code should look like this:

<font size="4">blah blah blah</font>

• Once you have entered that code, your text will look like this:

blah blah blah

Headline overview:

[edit] Header 1

[edit] Header 2

[edit] Header 3

[edit] Header 4

[edit] Header 5

[edit] Links

Description	You type	You get
Embed image (with alt text)	[[Image:Example.jpg|Sunflowers]]
Link to description page	[[:Image:Example.jpg]] [[:Image:Example.jpg|Sunflowers]]	Image:Example.jpg Sunflowers
Link directly to file	[[Media:Example.jpg]] [[Media:Example.jpg|Sunflowers]]	Media:Example.jpg Sunflowers
Thumbnail (centered, 100 pixels wide, with caption)	[[Image:Example.jpg|center|thumb|100px|Sunflowers]]	Sunflowers
Border (100 pixels) Results in a very small gray border	[[Image:Wiki.png|border|100px]]	Image:Wiki.png
Frameless Like thumbnail, respect user preferences for image width but without border and no right float.	[[Image:Example.jpg|frameless]]

Item 1	a link to Help:Contents
italic caption