Editing help

From CambodiaVoyage
Jump to: navigation, search

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

Example01.jpg
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}}

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

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

Adding an RSS news feeds to a page

RSS means Really Simple Syndication. It's a standard code format for feeding various news reader applications (including web browsers) with news summaries and corresponding links to articles. For example, do a Google news search at http://news.google.com for any given keyword or phrase. Thereafter scroll to the bottom of the page and find the RSS symbol RSS icon.png. Follow the link to the URL of the raw RSS feed.

The web browser may automatically display the news items of the raw RSS feed in a tidy HTML format as well as offer to add the newsfeed to a browser's Live Bookmarks and various social bookmarking applications, such as Google Reader, My Yahoo, Bloglines etc. Alternatively, the browser may display the raw RSS feed in XML source code. Either way, copy the location of the page (URL) and place it within the <rss>...</rss> tags, like the following example:

<rss>http://news.google.com/news?q=%22Tuol+Sleng%22&hl=en&um=1&ie=UTF-8&output=rss|short|date|max=20</rss>

The output of this, which is a news search for the phrase Tuol Sleng, becomes:

<rss>http://news.google.com/news?q=%22Tuol+Sleng%22&hl=en&um=1&ie=UTF-8&output=rss%7Cshort%7Cdate%7Cmax=20</rss>

Note: Not only Google News offer RSS feeds but many major as well as niche portals do. Wherever you see the familiar RSS button, it should be a compatible news feed that can be displayed on any page as described above. For additional usage and customisation of the output of news items on a page, see: http://www.mediawiki.org/wiki/Extension:RSS#Usage

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">cambodiavoyage</skype>

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

The available actions are: add, chat, call


Adding a comments box on a page

To add a blog style comments field below an article, such as this one: ...

<comments hideForm="false" />

... insert the following at the end of the article:

<comments hideForm="false" />

The comments are added to the discussion section of each page.