This wiki has been moved to https://github.com/SuperTux/wiki into the mediawiki branch.

Difference between revisions of "SuperTux:Sandbox"

From SuperTux
Jump to: navigation, search
(Smaller/different subset of features - ordinary pages are unlikely to contain userboxes/styles (even MonoBook was broken!))
(Testing after mediawiki upgrade.)
Line 1: Line 1:
 
<blockquote style="background: white; border: 1px dotted black; padding: 1em;">''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.'' </blockquote>
 
<blockquote style="background: white; border: 1px dotted black; padding: 1em;">''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.'' </blockquote>
 
<!-- Please test ONLY after this line. Do not remove anything above this. Thank you! -->
 
<!-- Please test ONLY after this line. Do not remove anything above this. Thank you! -->
 +
test test
 
== Text formatting ==
 
== Text formatting ==
  

Revision as of 03:13, 26 September 2008

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.

test test

Text formatting

Here are some tips on how to format your text:

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:

Centered text

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:

blah blah blah

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:

<sup>blah blah blah</sup>

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

blah blah blah blah blah blah

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:

<sub>blah blah blah</sub>

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

blah blah blah blah blah blah

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.

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==

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

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

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

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.

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

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

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

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:

Header 1

Header 2

Header 3

Header 4

Header 5
Links
Description You type You get
Internal link [[Main Page]] Main Page
Category link [[:Category:Help]] Category:Help
Piped link [[Main Page|different text]] different text
Anchor link [[#External links|Anchor link]] Anchor link
External link http://mediawiki.org http://mediawiki.org
Internal link to image file [[media:example.jpg]] media:example.jpg
External link,

different title

[http://mediawiki.org MediaWiki] MediaWiki
External link,

unnamed

[http://mediawiki.org] [1]
External link,

same host unnamed

[http://{{SERVERNAME}}/pagename] [2]
Interwiki link [[Wikipedia:MediaWiki]] Wikipedia:MediaWiki
mailto mailto:info@example.org mailto:info@example.org
mailto unnamed [mailto:info@example.org] [3]
mailto named [mailto:info@example.org info] info
mailto named with subject line [mailto:info@example.org?Subject=URL%20Encoded%20Subject info] info
redirect #REDIRECT [[Main Page]] Main Page
broken link [[Nonexistent Page - Does not exist!]] Nonexistent Page - Does not exist!
Orange Apple
Bread Pie
Butter Ice cream
Orange Apple more
Bread Pie more
Butter Ice cream and more
Orange Apple
Bread Pie
Butter Ice cream
Orange Apple
Bread Pie
Butter Ice cream
Orange Apple 12,333.00
Bread Pie 500.00
Butter Ice cream 1.00
Orange Apple 12,333.00
Bread Pie 500.00
Butter Ice cream 1.00
Orange Apple
Bread Pie
Butter Ice cream

Yummiest

Orange Apple
Bread Pie
Butter Ice cream
Description You type You get
Embed image
(with alt text)

[[Image:Example.jpg|Sunflowers]]

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]]

100px

Frameless
Like thumbnail, respect user preferences for image width but without border and no right float.

[[Image:Example.jpg|frameless]]

Example.jpg