Boxes

Note that text is NOT automatically wrapped in boxes. You need to manually put in the line breaks, and put a space before each new line.

Sections and subsections

To create a section or subsection of a page, surround the section name with equals signs. The more equals signs, the smaller the section. The major sections of a page use one equals sign on each side:

=Major section title=
This is a main section of the page, with several subsections.
==Subsection 1==
This is the first subsection.
==Subsection 2==
Here's the second.
===Sub-subsection===
It has its own subsection!
=Another major section=

Note that normal wiki formatting (such as including links) may be applied to section names.

Some More Advanced Stuff

Splitting Text into Columns

Two Columns

To format text into two columns, do the following:

<div style="float: left; width: 50%">
Info for first column
More info for first column
</div><div style="float: left; width: 50%">
Info for second column
More info for second column
</div>

[Show Example][Hide Example]

Info for first column

More info for first column

Info for second column

More info for second column

Three Columns

And, to get text into three columns, use the following code:

<div style="float: left; width: 33%">
Info for first column
More info for first column
</div><div style="float: left; width: 33%">
Info for second column
More info for second column
</div><div style="float: left; width: 33%">
Info for third column
More info for third column
</div>

[Show Example][Hide Example]

Info for first column

More info for first column

Info for second column

More info for second column

Info for third column

More info for third column

Mouse Overs

Mouse overs for text only

To generate a "balloon", use the code:

<balloon title="Text you want in balloon.">text for mouseover</balloon>

Mouse overs for math and images

(1) For an easier mouse over with math and images included, use the code :

{{EasyBalloon|Link=text for mouseover|Balloon=text inside the balloon, for instance, <math>x^2+y^2=z^2</math> and images [[image:TmipClear.png]]}}

Deepak GuptaContact NO. and images

which generates text for mouseovertext inside the balloon, for instance, and images .

(2) Another way of doing this is to use the code :

<balloon title="load:title of content">text for mouseover</balloon><span id="title of content" style="display:none">Text, links, math, images you want in the balloon</span>

This gives text for mouseoverText, links, math, images you want in the balloon

HideThis (slightly less customized Hide / Show messages)

If you want the text that you click on to reveal or re-hide the hidden content to say "show BLAH" and "hide BLAH", where BLAH is the same thing in both cases, you can use the HideThis option.

The HideThis option allows you to specify what it is you want to hide. For example,

[Show Code][Hide Code]

{{HideThis|1=<text to follow "hide"/ "show">|2=<hidden text>}}

Note that you can achieve the same effect by using the HideShowThis option, above, and simply making ShowMessage="show BLAH" and HideMessage="hide BLAH".

SwitchPreview

Using most of these hide/show templates preview some of the hidden text, even when it is hidden. If you have two sets of text that you'd like to switch between--for example, one for the preview and one for the actual content, the code for this is:

{{SwitchPreview|ShowMessage=Click to expand|HideMessage=Click to hide|PreviewText=Text to be shown as preview|FullText=The actual text different from the preview|NumChars=75}}

Note that NumChars determines the number of characters that will be shown in the preview. You can omit this argument, and the template will use a default number of characters.

which produces:

[Click to expand]

Text to be shown as preview

[Click to hide]

The actual text different from the preview

HideShow for equations

When you want to show some math as a preview to Hide/Show and want some mathematical equations to show in gray as other preview text, use the same SwitchPreview above and specify the color of the equations by :

{{SwitchPreview|ShowMessage=Click to expand|HideMessage=Click to hide|PreviewText=Hi there, this is a sample <math>{\color{Gray}a^2+b^2 = c^2}</math> equation.|FullText=Hi there, this is a sample <math>{a^2+b^2 = c^2}</math> equation. I might follow it with a proof. Maybe.|NumChars=75}}

This will produce :

[Click to expand]

Hi there, this is a sample equatio [...]

[Click to hide]

Hi there, this is a sample equation. I might follow it with a proof. Maybe.

One thing to be careful is that when the preview shows a part of the math equation, the preview will appear very weird, such as

[Click to expand]

This will cut the equation in the middle. UNIQ58fcd1b829bd4703-math-000000 [...]

[Click to hide]

The preview cut the equation in the middle. .

In this case, change the PreviewText so that either the preview shows all of the math or doesn't show any math at all. You can do this either by changing the content of the PreviewText or by changing NumChars.

Align Your Equal Signs

If you have several equations that you want to fit on multiple lines with the equals sign lined up in a column, you can use the template "AlignEquals":

When later referring back, as long as you make the 2nd part of the "EquationRef2" the exact same, you can change the 3rd part, and you will still be able to refer back to the equation. For instance, you can use :

So, what should you do, while writing a rewriting a page with numbered equations, given that there is no automatic renumbering and you will be inserting and deleting equations to be numbered?

Answer: Initially name the equations with mnemonics and the 2-part command, e.g., {{EquationRef2|PythagThm}} <math>...</math>, and refer to them with 2-part commands, e.g. {{EquationNote|PythagThm}}. When you think the page is finalized, go back and add a third part with equation numbers in order. For instance, if the PythagThm was your third labeled equation, you could now extend the commands to {{EquationRef2|PythagThm|Eq. (3)}} and {{EquationNote|PythagThm|Eq. (3)}}.

Tables

basic table

1

2

3

4

5

6

merge columns or rows

merge columns

1

2

3

4

merge rows

1

2

3

4

5

6

7

For greater detail, see Wikitables. Just replace | with {{!}} and you are good to go. Tables are fantastic for formatting pages and position and labeling pictures. They keep the position of the pictures constant with the text and no matter how much you shrink the page or expand, the pictures' relative positions will not change with respect to the text. On the contrary, if you use [[image:example|border|100px|left]], it will bump other texts and headings when the window size changes. The tables are extremely versatile. Once you have used enough, you will love it and cannot get away with it.

You can put pictures in the cell and label them as well like shown below.

If you don't want the borders, just delete class="wikitable" border="1". For an example of a more comprehensive use of tables, see Straight Line and its construction. In there, all the borders were not show.

Pausing GIF Animations

To enable pausing of gif animations, use the code:

<pausegif id="1" wiki="no">Hypotroc2.gif</pausegif>

where id can be anything, as long as multiple paused gifs on the same page DO NOT have the same name.

Click to stop animation.

Anchoring Images

Usage: Use this template to create anchors to images, sections, etc. To use this template, you must include two things:

1. Use this next to the image: {{Anchor|Reference=anchor1|Link=[[Image:Rabbit.jpg|100px]]}}

anchor1 is an example of a possible "reference word" for the anchor.

2. Use this when you wish to refer to the image [[#anchor1|Image 1]]

The part that says #anchor1 must begin with a # and match the "reference word" you chose for the image.

The part that says Image 1 is what will be displayed in the body text. It could be something along the lines of "Image 1" or "the image of rabbits".

Note: For more advanced Java applets, specifically ones that use JavaView, contact a site moderator for help on embedding it on this site.

For Image Pages

Showing the "More Mathematical Explanation"

Here at The Math Images Project, we want our pages to be accessible to as many people as possible. That's why we, by default, hide the 'More Mathematical Explanation' on all of our image pages. However, if you would like to show the section, there is a way around this.

Note: We strongly encourage you to only use this option when the majority of the text in the section is hidden. We don't want to turn people away with scary math!

To do this, add the line |HideMME = No to your page within the Image Description template.