Difference between revisions of "Help:Editing"

From MadaCamp
Jump to: navigation, search
(Display an email address link)
Line 63: Line 63:
 
</gallery>
 
</gallery>
 
</nowiki></pre>
 
</nowiki></pre>
 +
 +
== Displaying wide images ==
 +
 +
To display an image that is generally wider than most screens in a sideways scrollable box, typically a panorama, the syntax is:
 +
 +
:<nowiki>{{</nowiki>Wide image|''name''|''image width''|''caption''|''box width''|''alignment''<nowiki>}}</nowiki>
 +
 +
<b>Examples:</b>
 +
 +
The below example is done by the following code:
 +
 +
<pre><nowiki>{{wide image|Bezavona_pano2.jpg|1800px|Fort Dauphin panorama}}</nowiki></pre>
 +
 +
{{wide image|Bezavona_pano2.jpg|1800px|Fort Dauphin panorama}}
 +
 +
To display the same image but without a caption, simply omit the caption:
 +
 +
<pre><nowiki>{{wide image|Bezavona_pano2.jpg|1800px}}</nowiki></pre>
 +
 +
To right-align the image while taking up 45% of the paragraph width:
 +
 +
<pre><nowiki>{{wide image|Bezavona_pano2.jpg|1800px|Fort Dauphin panorama|45%|right}}</nowiki></pre>
 +
 +
Or define a fixed width for the scrollbox, eg. 250 pixels:
 +
 +
<pre><nowiki>{{wide image|Bezavona_pano2.jpg|1800px|Fort Dauphin panorama|250px|right}}</nowiki></pre>
  
 
== Supressing Table of Contents ==
 
== Supressing Table of Contents ==

Revision as of 22:28, 23 January 2009

Basic text editing

Some HTML tags are permitted in wikitext. The vast majority of fancy formatting seen on wikimedia sites is acheived using these limited tags (e.g. tables with CSS styles). See HTML tags in wikitext

Display an email address link

The following code:

[mailto:hello@example.com hello@example.com]

... will display as:

hello@example.com

Adding Google Maps

This wiki includes Google maps and an easy map editor to create and edit Google maps on any pages.

To launch the map creation tool, click on the map button button_map_open.gif above the edit box.

Pan to the region to display, set the various size options and thereafter copy/paste the generated Google map code into the regular edit box and save the page.

Displaying images

Nahampoana Main Building.jpg
Align an image to the left of the text...


[[Image:Nahampoana_Main_Building.jpg|left|70px|]]  Align an image to the left of the text...

<br clear="all">


Displaying image galleries

Using <gallery> ... </gallery> tags to display a thumbnail gallery with images which link to the larger versions of the uploaded images.

Images can also be individually captioned and wiki-markup can be used within captions.


The code example of the above gallery is shown below:

<gallery>
Image:Ilakaka 001.jpg
Image:Ilakaka 002.jpg
Image:Ilakaka 003.jpg
Image:Ilakaka 004.jpg|[[Help:Contents/Links|Links]] can be put in captions.
Image:Ilakaka 005.jpg
Image:Ilakaka 006.jpg|Full [[MediaWiki]]<br />[[syntax]] may now be used...
</gallery>

Displaying wide images

To display an image that is generally wider than most screens in a sideways scrollable box, typically a panorama, the syntax is:

{{Wide image|name|image width|caption|box width|alignment}}

Examples:

The below example is done by the following code:

{{wide image|Bezavona_pano2.jpg|1800px|Fort Dauphin panorama}}
Fort Dauphin panorama
Fort Dauphin panorama

To display the same image but without a caption, simply omit the caption:

{{wide image|Bezavona_pano2.jpg|1800px}}

To right-align the image while taking up 45% of the paragraph width:

{{wide image|Bezavona_pano2.jpg|1800px|Fort Dauphin panorama|45%|right}}

Or define a fixed width for the scrollbox, eg. 250 pixels:

{{wide image|Bezavona_pano2.jpg|1800px|Fort Dauphin panorama|250px|right}}

Supressing Table of Contents

The table of contents (TOC) is automatically shown at the top of a page if there are four or more headings in an article. To hide this on a page, add the string __NOTOC__ anywhere in the page markup.

CSS

Modify styles in http://www.madacamp.com/MediaWiki:Monobook.css

Adding YouTube videos on pages

To embed a video from YouTube onto this wiki, simply copy the video ID from a YouTube URL, e.g. http://www.youtube.com/watch?v=OKICKjFecxs&feature=related and paste the relevant bit into the edit form as follows:

<youtube>A45jv8uhZwo</youtube>

<youtube>A45jv8uhZwo</youtube>


External Links (various manual pages etc.)