Difference between revisions of "Help:Editing"

From MadaCamp
Jump to: navigation, search
(Adding YouTube videos on pages)
(No difference)

Revision as of 22:01, 4 March 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


Display Skype address with online or offline status

It is possible to display a Skype address with a button that will launch Skype and call or start a chat. First configure your Skype account to allow its status be shown online, which can be done within the Skype application itself. Simply go to Tools->Options->Privacy and tick the checkbox "Allow my status to be shown on the web".

For further information, see http://www.skype.com/intl/en/share/buttons/status.html

Thereafter, the following example can launch a chat window when the Skype button is clicked:

<skype style="style_name" action="chat"><i>YourSkypeName</i></skype>

<skype style="style_name" action="chat">madacamp</skype>

The available styles are: balloon, bigclassic, smallclassic, smallicon, mediumicon

The available actions are: add, chat, call

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

For further info on image display, visit http://en.wikipedia.org/wiki/Image_markup

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 and Google videos

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=FChpJY59iD8&feature=related and paste the relevant bit into the edit form as follows:

<youtube>OKICKjFecxs<youtube>

<youtube>OKICKjFecxs</youtube>


To add a Google video on a page retrieve, the ID number by clicking the Embed video link next to the video screen, or extract the ID from the URL if one is part of it. For example: http://video.google.com/videoplay?docid=7281432690466273651&hl=en

Then simply place the ID in the following googlevideo tag:

<googlevideo>7281432690466273651</googlevideo>

<googlevideo>7281432690466273651</googlevideo>

Links to various manual pages