Difference between revisions of "Help:Wiki Tricks"

From Math Images
Jump to: navigation, search
Line 52: Line 52:
 
<div style="float: left; width: 50%">
 
<div style="float: left; width: 50%">
 
Info for first column
 
Info for first column
 +
 
More info for first column
 
More info for first column
 
</div><div style="float: left; width: 50%">
 
</div><div style="float: left; width: 50%">
 
Info for second column
 
Info for second column
 +
 
More info for second column
 
More info for second column
 
</div> }}
 
</div> }}
Line 72: Line 74:
 
  </nowiki>
 
  </nowiki>
  
{{HideThis|1=Example|2=
+
{{HideThis|1=Example|2=<div style="float: left; width: 33%">
<div style="float: left; width: 33%">
+
Info for first column
  Info for first column
+
 
  More info for first column
+
More info for first column
 
</div><div style="float: left; width: 33%">
 
</div><div style="float: left; width: 33%">
  Info for second column
+
Info for second column
  More info for second column
+
 
 +
More info for second column
 
</div><div style="float: left; width: 33%">
 
</div><div style="float: left; width: 33%">
  Info for third column
+
Info for third column
  More info for third column
+
 
 +
More info for third column
 
</div> }}
 
</div> }}
  

Revision as of 09:46, 19 June 2009

Welcome to the Wiki Tricks page. Here you can find how to reproduce some of the cool functionality you've seen on this wiki.
Please feel free to add your own wiki tricks as you discover them!

The Basics

Images

To put an image on a page, like: TmipClear.png, use the code:

[[Image:Example.jpg]]

after you have uploaded it. You can also specify that you want the image to be aligned right or left of text by writing:

[[Image:Example.jpg|right]] OR  [[Image:Example.jpg|left]]

and you can scale the image by giving it a pixel number, like this

[[Image:Example.jpg|350px]]

produces something like TmipClear.png

Links

In-wiki Links

For links to pages in this wiki such as "Newton's Basin", use the code:

[[Page Name| text you want shown]] OR [[Page Name]]

the latter code is used when the text you want shown is simply the page name. And, yes, when specifying the page name, cAsE MaTTerS.

Outside Links

For a link to an outside webpage, such as wikipedia, use the code:

[PageURL textYouWantShown] OR [PageURL]

the second will just show the URL as the link.

Some More Advanced Stuff

Splitting Text into 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>

Info for first column

More info for first column

Info for second column

More info for second column

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

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

To generate a "balloon", use the code:

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

For more information and more interesting applications, visit here or here (for math in mouseovers)

Hide/Show

To generate the hide/show thing, use the code:

Like this!
{{hide|Text you want hidden}}

if your text contains an "=" sign, you must use the code:

{{hide|1=Text you want hidden}}

otherwise it appears as {{1}} in your page, which is silly.


Embedding Videos

You can embed youtube videos by using the code

{{#ev:youtube|xI2eEcqz46E}}

where the xI2eEcqz46E represents the id assigned by youtube (you can find it in the URL of your video)

...and you can embed parts of youtube videos by using the code:

{{#ev:tubechop|xI2eEcqz46E&start=10&end=20}}

where start and end are the value (in seconds) of where in you want the clip to start and end.


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":

Example:

<template>AlignEquals |e1l=3/2 |e1r=1.5 |e2l=2/3 |e2r=0.3333... |e3l=13/8 |e3r=1.625 </template>

To do this, you should use the code:

 <template>AlignEquals
 |e1l=3/2
 |e1r=1.5
 |e2l=2/3
 |e2r=0.3333...
 |e3l=13/8
 |e3r=1.625
 </template>
 

where you fill in e1l with the content of the left side of your first equation, e1r with the content on the right side of your first equation, etc. Currently, the template handles up to 10 equations.