Difference between revisions of "Help:Editing"

From MadaCamp
Jump to: navigation, search
(Language switches)
(Language switches)
Line 311: Line 311:
 
If a page title contains two or more words, separatate the words by underscores or spaces, for example:
 
If a page title contains two or more words, separatate the words by underscores or spaces, for example:
  
<table width="100%" border="0" celpadding="0" cellspacing="0"><tr><td style="border:1px dashed #296dad; background: #fffbff; padding:10px;">
+
<table width="100%" border="0" celpadding="0" cellspacing="0"><tr>
 +
<td style="border:1px dashed #296dad; background: #fffbff; padding:10px;width:49%;">
 
<nowiki>[[fr:Grande_Île]]</nowiki><br>
 
<nowiki>[[fr:Grande_Île]]</nowiki><br>
 
<nowiki>[[en:Big_island]]</nowiki><br>
 
<nowiki>[[en:Big_island]]</nowiki><br>
 
<nowiki>[[mg:Nosy_be]]</nowiki>
 
<nowiki>[[mg:Nosy_be]]</nowiki>
</td><td align="center" style="width:5ex;">or</td>
+
</td><td align="center" style="width:49%;">or</td>
<td style="border:1px dashed #296dad; background: #fffbff; padding:10px;">
+
<td style="border:1px dashed #296dad; background: #fffbff; padding:10px;width:49%;">
 
<nowiki>[[fr:Grande Île]]</nowiki><br>
 
<nowiki>[[fr:Grande Île]]</nowiki><br>
 
<nowiki>[[en:Big island]]</nowiki><br>
 
<nowiki>[[en:Big island]]</nowiki><br>

Revision as of 20:37, 21 April 2011


Text editing

The most basic text editing features, such as boldface, italics and links can be formatted with help of the buttons above the edit box. Alternatively, the syntax is simple. For bold text, enclose the word(s) within three single quotes:

'''bold text'''

For italic, enclose the text with two single quotes:

''italic text''

To link a text to another page within the wiki, enclose the word in square double brackets:

[[Anakao]]

The link will thereafter point to http://www.madacamp.com/Anakao

To link to a page on another website, enclose the link location within single square brackets and the linked word(s) after the URL:

[http://www.example.com exampe]

This will result in exampe

Alternatively, typing out the full URL without the brackets: ...

http://www.example.com

... will result in the link appearing as follows:

http://www.example.com

To make a listing, simply prefix the list items with asterixes: ...

* item 1 
* item 2
* item 3

... which will appear as follows:

  • item 1
  • item 2
  • item 3

Nested lists can be made as follows: ...

* item 1 
* item 2
** item 2.2
*** item 2.3
* item 3

... which will appear as follows:

  • item 1
  • item 2
    • item 2.2
      • item 2.3
  • item 3

etc.


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

Image links

To make an image link to a page instead of leading to the larger version of the same image which is clicked on, add the link parameter to the image markup, eg.:

Big fish.jpg

[[Image:Big_fish.jpg|100px|link=Big_fish]]


Display email address

The following code:

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

... will display as:

hello@madacamp.com

Skype button

To display a Skype button that will launch Skype and call or start a chat to a specified Skype address as well as indicate its online or offline status, first configure your Skype application to allow its status be shown online (if it has not already been configured as such). This is done within the Skype application section Tools->Options->Privacy. Tick the checkbox Allow my status to be shown on the web:


The following example will create a button for which a call can be made when clicked on:

<skype style="bigclassic" action="call">YourSkypeName</skype>

<skype style="bigclassic" action="call">madacamp</skype>

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

See examples at http://www.skype.com/intl/en/share/buttons/status.html

The available actions are: add, chat or call

Google maps

To create new or edit existing Google maps on pages, 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 resulting <googlemap>...<googlemap> code into the edit box and save the page.

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


Adding RSS news feeds to pages

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?pz=1&cf=all&ned=us&hl=en&q=%22madagascar+lemurs%22&cf=all&output=rss|short|date|max=20</rss>

The output of this, which is a news search for the phrase madagascar lemurs, becomes:

Madagascar lemurs, tortoises seized in Thai bust reveal reach of wildlife trafficking - Mongabay.com
Madagascar lemurs, tortoises seized in Thai bust reveal reach of wildlife trafficking  Mongabay.com
28-Jun-2024 07:00
Molecular Adaptation to Folivory and the Conservation Implications for Madagascar’s Lemurs - Frontiers
Molecular Adaptation to Folivory and the Conservation Implications for Madagascar’s Lemurs  Frontiers
26-Jun-2024 06:55
Distinguished Evolutionary Biologist Anne Yoder to Deliver Annual Biodiversity Day Lecture - Vanderbilt University
Distinguished Evolutionary Biologist Anne Yoder to Deliver Annual Biodiversity Day Lecture  Vanderbilt University
12-Sep-2024 07:00
9 Largest Islands in the World - History | HowStuffWorks
9 Largest Islands in the World  History | HowStuffWorks
22-Jul-2024 07:00
Hope for Madagascar and its lemurs - IUCN
Hope for Madagascar and its lemurs  IUCN
21-Feb-2019 08:00
Can Firebreaks Help Save Madagascar’s Lemurs? - Forbes
Can Firebreaks Help Save Madagascar’s Lemurs?  Forbes
23-Jul-2023 07:00
Perspective | Madagascar’s lemurs face a grim future because of human activity. A solution? Planting trees. - The Washington Post
Perspective | Madagascar’s lemurs face a grim future because of human activity. A solution? Planting trees.  The Washington Post
04-Jan-2020 08:00
Cacao plantations: Home sweet home for Madagascar’s lemurs? - Conservation International
Cacao plantations: Home sweet home for Madagascar’s lemurs?  Conservation International
21-Dec-2017 08:00
Saving Endangered Lemurs and Their Habitats in Madagascar - Stony Brook News
Saving Endangered Lemurs and Their Habitats in Madagascar  Stony Brook News
05-Dec-2018 08:00
How illegal mining is threatening imperiled lemurs - National Geographic
How illegal mining is threatening imperiled lemurs  National Geographic
19-Dec-2017 08:00
Madagascar's lemurs close to extinction after population crash - New Scientist
Madagascar's lemurs close to extinction after population crash  New Scientist
28-Nov-2017 08:00
Madagascar’s ‘swamp lemurs’ have been documented for the first time - The Conversation
Madagascar’s ‘swamp lemurs’ have been documented for the first time  The Conversation
10-Jun-2016 07:00
Madagascar's lemurs cling to survival - BBC.com
Madagascar's lemurs cling to survival  BBC.com
25-Jun-2015 07:00
Beyond the myths: Anthropologist Alison Richard on Madagascar's environmental realities and future - Mongabay.com
Beyond the myths: Anthropologist Alison Richard on Madagascar's environmental realities and future  Mongabay.com
03-Jan-2024 08:00
Almost a third of lemurs now Critically Endangered - IUCN Red List - IUCN
Almost a third of lemurs now Critically Endangered - IUCN Red List  IUCN
10-Jul-2020 07:00
Notes from the field: Protecting Panama’s waters, conserving Malagasy lemurs and more - Conservation International
Notes from the field: Protecting Panama’s waters, conserving Malagasy lemurs and more  Conservation International
15-Jul-2021 07:00
How lessons from past extinctions can help save Madagascar’s lemurs - The Conversation
How lessons from past extinctions can help save Madagascar’s lemurs  The Conversation
23-May-2016 07:00
Endangered and endemic: Madagascar’s lemurs susceptible to coronavirus infection - Mongabay.com
Endangered and endemic: Madagascar’s lemurs susceptible to coronavirus infection  Mongabay.com
31-Jul-2020 07:00
91% of Madagascar’s lemurs threatened with extinction - Mongabay.com
91% of Madagascar’s lemurs threatened with extinction  Mongabay.com
13-Jul-2012 07:00
Madagascar’s endangered lemurs are being killed during pandemic lockdowns - National Geographic
Madagascar’s endangered lemurs are being killed during pandemic lockdowns  National Geographic
15-May-2014 07:00
Conservation genomic analysis reveals ancient introgression and declining levels of genetic diversity in Madagascar’s hibernating dwarf lemurs - Nature.com
Conservation genomic analysis reveals ancient introgression and declining levels of genetic diversity in Madagascar’s hibernating dwarf lemurs  Nature.com
21-Aug-2019 07:00
Madagascar lemurs find refuge in private sanctuary - Phys.org
Madagascar lemurs find refuge in private sanctuary  Phys.org
20-Oct-2016 07:00
Nearly All of Madagascar's Lemurs Critically Endangered - Newsweek
Nearly All of Madagascar's Lemurs Critically Endangered  Newsweek
01-Aug-2018 07:00
Lemurs, Tuberculosis and Spillover, Oh My! - American Lung Association
Lemurs, Tuberculosis and Spillover, Oh My!  American Lung Association
21-Feb-2023 08:00
Lemur Family Tree Shake-up: Extinct and Living Lemurs in One Evolutionary Tree - Stony Brook News
Lemur Family Tree Shake-up: Extinct and Living Lemurs in One Evolutionary Tree  Stony Brook News
25-Apr-2016 07:00
Endangered Madagascar lemurs illegally kept as pets may threaten species conservation and survival - EurekAlert
Endangered Madagascar lemurs illegally kept as pets may threaten species conservation and survival  EurekAlert
05-Jan-2015 08:00
Madagascar's lemurs use millipedes for their tummy troubles - Phys.org
Madagascar's lemurs use millipedes for their tummy troubles  Phys.org
30-Jul-2018 07:00
Lemurs Named World's Most Endangered Mammals - Livescience.com
Lemurs Named World's Most Endangered Mammals  Livescience.com
13-Jul-2012 07:00
Poachers threaten precious Madagascar forest and lemurs - Phys.org
Poachers threaten precious Madagascar forest and lemurs  Phys.org
22-Apr-2019 07:00
Why haven’t Madagascar’s famed lemurs been saved yet? - The Conversation
Why haven’t Madagascar’s famed lemurs been saved yet?  The Conversation
29-Jun-2015 07:00
LemurFaceID: The facial recognition tech helping researchers track lemurs in the wild - Mongabay.com
LemurFaceID: The facial recognition tech helping researchers track lemurs in the wild  Mongabay.com
01-Mar-2017 08:00
"Singing lemurs indicate the origin of music" - Vijesti.me
"Singing lemurs indicate the origin of music"  Vijesti.me
27-Jun-2024 07:00


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

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

Image gallery

To display a collection of images without captions in a standard size that wlll work well in conjuction with a Google map display on the same page and in the the size of 600 pixels width, copy the following wiki-markup and replace the image names with the images to be dislayed. This example will display one large image on top, spanning three colums with two rows of images below it:

{| class="imageTable"
|-
|colspan="3" | [[File:Photo 001.jpg|600px]]
|-
|[[File:Photo 002.jpg|196px]]
|align="center"|[[File:Photo 003.jpg|196px]]
|align="right"|[[File:Photo 004.jpg|196px]]
|-
|[[File:Photo 005.jpg|196px]]
|align="center"|[[File:Photo 006.jpg|196px]]
|align="right"|[[File:Photo 007.jpg|196px]]
|}

Just add or remove rows as required. Example, as on the Tulear page:

Tulear 016.jpg
Tulear 010.jpg Tulear 005.jpg Tulear 006.jpg
Tulear 012.jpg Tulear 008.jpg Tulear 018.jpg

Thumbnail gallery

Using <gallery> ... </gallery> tags to display a thumbnail gallery with images which link to the larger versions of the uploaded images. This is useful for creating quick and easy thumbnail galleries with many 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>

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

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.


Displaying YouTube videos

To display a video from YouTube on this site, extract and copy the relevant video ID that is part of a YouTube URL, e.g. http://www.youtube.com/watch?v=_OKs7qpJvRI&feature=related and paste it into the edit form as follows:

<youtube>_OKs7qpJvRI</youtube>

<youtube>_OKs7qpJvRI</youtube>


Editing and adding Flash videos

While YouTube offers an easy conversion process from any original video file format into a website compatible Flash (FLV) format by simply uploading your video into a YouTube account, YouTube will automatically display links to other user's YouTube hosted videos at the end of your video stream, often in combination with Google syndicated click advertising. To prevent this often irrelevant content from being displayed at the end of your video presentation, you can upload the video directly on MadaCamp and add it on page on this site. First it is necessary to convert the video into FLV format.

Avidemux.jpg

If your video has been shot with a digital camera, it is likely an Mpeg, AVI, Quicktime or some other format to begin with. The conversion into FLV format can be done using an advanced video converter and editor such as Avidemux, which is available for free on all operating systems. Within Avidemux, open the video file, select FLV format via the Video, Audio and Format selectors. Optionally add filters. Give the file an .flv extension and Save Video. Thereafter upload the FLV file on MadaCamp and simply add it onto a page, as follows:

[[File:Video.flv]]

The size and aspect ratio can be tweaked like a normal on-page image by defining the pixel display values, as follows:

[[File:Video.flv|300x375px]]

Alternatively, FFmpeg is an excellent and free video editing tool, but requires command line editing, which is mainly done on Linux and OSX systems.

For Windows users, an easy-to-use FLV conversion tool is the Mobile Media Converter. While Mobile Media Converter lack advanced video editing features that exists in Avidemux, if all you need is to simply convert a video file into FLV format without editing, Mobile Media Converter offers a quick and easy conversion into various sizes and pre-configured bandwidth quality levels.

File:Chocolaterie Robert 320x240 low.flv

This 13-minute video about Chocolaterie Robert's bean-to-bar chocolate production in Madagascar (in French) was converted from a Quicktime (.mov) file into FLV format using Mobile Media Converter and thereafter uploaded on MadaCamp and displayed here with the following code:
[[File:Chocolaterie_Robert_320x240_low.flv|320x240px]]

Language switches

To add language switches for French and Malagasy versions to appear in the left column of any content page is simple. For exampe, the following code was added in the edit box of the page http://madacamp.com/Lemur:

[[fr:Lémurien]]
[[mg:Maki]]

Note: Maki is Malagasy for lemur.

The Français and Malagasy link therefore appears on the English version, which lead to http://fr.madacamp.com/Lémurien and http://mg.madacamp.com/Maki respectively.

Language switch example.gif

On the French page, adding links to the English and Malagasy versions is done by:

[[en:Lemur]]
[[mg:Maki]]

And on the Malagasy page, reflecting the links to the English and French pages by:

[[en:Lemur]]
[[fr:Maki]]

If a page title contains two or more words, separatate the words by underscores or spaces, for example:

[[fr:Grande_Île]]
[[en:Big_island]]
[[mg:Nosy_be]]

or

[[fr:Grande Île]]
[[en:Big island]]
[[mg:Nosy be]]

The language swith codes can be added anywhere in the editing box, for example at the end.

Article comments

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.

Further manuals