Editing help

From CambodiaVoyage

Revision as of 19:57, 23 November 2009 by 91.13.126.161 (Talk)
Jump to: navigation, search

Contents

Basic text editing

Some HTML tags are permitted in wikitext. The vast majority of fancy formatting seen on wikimedia sites is achieved 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@cambodiavoyage.com hello@cambodiavoyage.com]

... will display as:

hello@cambodiavoyage.com

Adding Google Maps

To create a new or edit an existing Google map, click on the map button button_map_open.gif above the edit box.

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

Various display options include satellite view, map view, adding of place markers, drawing lines etc.

Additional information:

Displaying images

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

<br clear="all">

Display an image with a caption

Image caption...


Display a left aligned image with a caption.

[[Image:ceremony.jpg|250px|thumb|left|Image caption...]]

For further info on image display, see: http://en.wikipedia.org/wiki/Image_markup http://en.wikipedia.org/wiki/Wikipedia:Extended_image_syntax http://en.wikipedia.org/wiki/Wikipedia:Images_linking_to_articles

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:Example01.jpg
Image:Example02.jpg
Image:Example03.jpg
Image:Example04.jpg|[[Help:Contents/Links|Links]] can be placed in captions.
Image:Example05.jpg
Image:Example06.jpg|Full [[MediaWiki]]<br />[[syntax]] may now be used...
</gallery>

Displaying wide images

To display an image that is usually wider than typical 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|Angkor_panorama.jpg|1800px|Example panorama}}
Example panorama
Example panorama

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

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

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

{{wide image|Angkor_panorama.jpg|1800px|Example panorama|45%|right}}

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

{{wide image|Angkor_panorama.jpg|1800px|Example panorama|250px|right}}

Supressing Table of Contents

The table of contents (TOC) is automatically shown at the top of any page with four or more headings. To hide the TOC on a page, add the string __NOTOC__ anywhere in the page markup.

CSS

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

Adding YouTube or 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>FChpJY59iD8<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=-9159164859238659487&hl=en

Then simply place the ID in the following tag:

<googlevideo>-2010585024306097538</googlevideo>

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>

My status

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

The available actions are: add, chat, call

Links to various manual pages