Changes

Jump to: navigation, search

Help:Editing

7,229 bytes added, 20 April
no edit summary
__INDEX__
 
'''This website can be edited within Madagascar only. If you would like editing permission from elsewhere, you need an invitation from an administrator of the site.'''
== 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:
<nowiki>'''</nowiki>'''bold text'''<nowiki>'''</nowiki>
For ''italictext'', enclose the text with two single quotes:
<nowiki>''</nowiki>''italic text''<nowiki>''</nowiki>
To link a text to another page within the wiki, enclose the word in double square double brackets:
<nowiki>[[</nowiki>[[Anakao]]<nowiki>]]</nowiki>
The link will thereafter point to [[Anakao|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:
<nowiki>[http://www.examplepinterest.com exampe/madacamp MadaCamp Pinterest board]</nowiki>
This will result in [httpappear as://www.example.com exampe]
Alternatively, typing out the full URL without the brackets[http: //pinterest...com/madacamp MadaCamp Pinterest board]
<nowiki>http://wwwAlternatively, type a full URL without the brackets, e.exampleg.com</nowiki>:
<nowiki>http://pinterest... will result in the link appearing as follows:com/madacamp</nowiki>
http://www.example.com. to display the link as follows:
http://pinterest.com/madacamp To make a listing, simply prefix the list items with asterixes: ...
<pre><nowiki>
* item 3
Nested lists can be made are done as follows: ...
<pre><nowiki>
</nowiki></pre>
... which will appear as follows:
* item 1
etc.
<!--
Some HTML tags are permitted in wikitext. The vast of fancy formatting seen on wiki sites is acheived using these limited tags (e.g. tables with CSS styles). See [http://en.wikipedia.org/wiki/Help:HTML_in_wikitext HTML tags in wikitext]
-->
 
== Image links ==
 
To link to a page from an image instead of an image leading to larger version of the file shown on a page, add the link parameter to the image markup, eg.:
 
[[Image:Big_fish.jpg|200px|link=Big_fish]]
[[Image:Madagascar_Coffee_001.jpg|200px|link=Madagascar_Coffee]]
 
<pre>[[Image:Big_fish.jpg|200px|link=Big_fish]]
[[Image:Madagascar_Coffee_001.jpg|200px|link=Madagascar_Coffee]]
</pre>
 
== Link to an image or other file ==
Some HTML tags are permitted in wikitext. The vast majority of fancy formatting seen To link directly to an image or some other file that has previously been uploaded on wiki sites is acheived using these limited tags (ethis site use the <code>media:</code> prefix.gFor example: . tables with CSS styles). See [http://en.wikipedia.org/wiki/Help:HTML_in_wikitext HTML tags in wikitext]
== Image links == <nowiki>[[media:Big_fish.jpg]]</nowiki>
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... will appear as [[media:Big_fish.jpg]]
[[ImageOr to use other link word(s) than the filename, separate the file part and the linked word(s) with a vertical bar <code>(<span style="color:Big_fish.jpg#ff0000;"> |100px|link=Big_fish]]</span>)</code>, as follows:
<pre> [[Imagemedia:Big_fish.jpg<span style="color:#ff0000; font-weight:bold;">|100px|link=Big_fish]]</prespan>how to wear a fish]]
The link will then appear as [[media:Big_fish.jpg|how to wear a fish]]
== Display Displaying an email address ==
The following code:
[mailto:hello@madacamp.com hello@madacamp.com]
== Skype button Maps ==
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 <b>Toolsdiv style="max-width:600px;">Options{{#display_map:->Privacy15.214232, 50.076107~[[Hotel Fitiavana]]~~;|type=satellite|service=google|width=auto|height=400|zoom=18|controls=pan, zoom, type, scale|searchmarkers=al||copycoords=yes}}</bdiv>. Tick the checkbox ''Allow my status to be shown on the web'':
<!pre><nowiki><div style="max-width:600px;">{{#display_map:-15.214232, 50.076107~[[File:Skype_configuration.jpgHotel Fitiavana]]--~~;|type=satellite|service=google|width=auto|height=400|zoom=18|controls=pan, zoom, type, scale|copycoords=yes}}</div></nowiki></pre>
The following example will create a button for which a call can be made when clicked on:More at [[Maps]].
<pre><nowiki><skype style="bigclassic" action="call">YourSkypeName</skype></nowiki></pre>Replace text example ==
<skype style="bigclassic" action="call">Use http://www.madacamp<.com/skype>Special:ReplaceText
The available styles areReplace: balloon, bigclassic, smallclassic, smallicon, mediumicon <nowiki><googlemap version="0.9" (.*)></nowiki>with: <nowiki><googlemap version="0.9" $1 style="width:100%;max-width:600px;"></nowiki>
See examples at http://wwwSelect 'Use regular expressions' and namespaces 'Main'.skype.com/intl/en/share/buttons/status.html
The available actions arePages which already contain the string will thereafter have duplicate style declarations: add, chat or call
style="width:100%;max-width:600px;" style= '''Google maps''' =="width:100%;max-width:600px;"
To create new or edit existing Google maps on pages, click on the map button httpThereafter replace instances of://www.madacamp.com/extensions/GoogleMaps/images/button_map_open.gif above the edit box. style="width:100%;max-width:600px;" style="width:100%;max-width:600px;"with: style="width:100%;max-width:600px;"
Find the region to display, set the various size and display options and thereafter copy the resulting &lt;googlemap>...&lt;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.
<!--''Additional information:'' -->
== 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 allows importing summaries and corresponding links to news articles. For example, do a Google news search at [httphttps://news.google.com http://news.google.comsearch] for any given keyword or phrasecan be imported. Thereafter scroll HOwever, Google does not include RSS feed URLs directly on their search result pages but it's not complicated to piece together the bottom of relevant feed URLs. For example, a search for the phrase "madagascar lemurs" can be included on a page and find the RSS symbol [[Fileas follows: <pre><rss template="Google-feed" filterout="movie penguins">https:RSS_icon//news.png|14px]]google. Follow com/news?pz=1&cf=all&ned=us&hl=en&q=%22madagascar+lemurs%22&cf=all&output=rss</rss></pre> The output of this news search for the link to phrase ''madagascar lemurs'', filtering out results with the URL of the raw RSS terms ''penguins'' and ''movie'', becomes: <rss template="Google-feed" filterout="movie penguins deprecated">https://news.google.com/news?pz=1&cf=all&ned=us&hl=en&q=%22madagascar+lemurs%22&cf=all&output=rss</rss>
The web browser Other non-Google RSS feeds may automatically display the news items of the raw RSS include a feed in a tidy HTML format as well as offer to add the newsfeed to a browser's icon [[httpFile://wwwRSS_icon.mozilla.com/en-US/firefox/livebookmarks.html Live Bookmarkspng|14px]] and various social bookmarking applications, such as Google Reader, My Yahoo, Bloglines etc. Alternatively, to indicate the browser may display the raw whereabouts of RSS feed in XML source codefeeds. Either way, copy the location of the page (URL) and place it within the &lt;rss>...&lt;/rss> tags, like the following example:
<pre><rss>For additional usage and customisation of the output, see: http://newswww.googlemediawiki.comorg/news?pz=1&cf=all&ned=us&hl=en&q=%22madagascar+lemurs%22&cf=all&output=rss|short|date|max=20<wiki/rss></pre>Extension:RSS
The output of this, which is a news search for the phrase ''madagascar lemurs'', becomes:== Uploading images ==
<rss>httpTo add your own images, first [[Special://newsUserlogin| sign up]] and thereafter click on the [[Special:Upload|Upload file]] link in the toolbox on the left, which allows uploading a single image at the time.googleNote that the link does not appear to site visitors who are not logged in.com/news?pz=1&cf=all&ned=us&hl=en&q=%22madagascar+lemurs%22&cf=all&output=rss|short|date|max=20</rss>
'''Note:''' Not only You can repeat the procedure for more than one image or chose to upload multiple images via the [[httpSpecial://news.google.com Google NewsMultipleUpload|Upload multiple files]] offer RSS feeds but many major as well as niche portals do. Wherever you see function which allows uploading up to five images at the familiar RSS button, it should be for a compatible news feed that can be displayed on any page as described abovetime. For additional usage and customisation of the output of news items on a page, see: http://www.mediawiki.org/wiki/Extension:RSS#Usage
== Image size == A recommended image size for this site is minumim 1500 pixels height or width. Many digital cameras produce images with a 4:3 aspect ratio and which are usually larger than 1500 pixels in width or height. Images which has a 4:3 aspect ratio will automatically fit into the [[#Image_gallery|standard image gallery]]. When scaling a 4:3 aspect ratio image from some larger size down to 1500 pixels width it becomes 1125 pixels in height. In case of a taller than wide image, i.e. in portrait format, it becomes 1125 width and 1500 pixels in height. Example of an 4:3 aspect ratio, 1500 pixels wide and 1125 pixels tall image: [[media:Diego_Suarez_150.jpg|Diego_Suarez_150.jpg]]. However, many cameras output different aspect ratios and size settings. Depending on your internet connection speed, size and number of images, you may prefer to scale your images down before uploading them onto this site. A free graphics application to scale images down is [http://www.gimp.org The Gimp]. <!--Alternatively, try the Pixlr online photo editor at http://pixlr.com/editor/--> Or to avoid using a graphic application altogether, just upload your images in their original sizes and dimensions as they come from the camera. <!--== Uploading more images via FTP == To batch upload even images, first transfer the the images via FTP to for example /tmp/import Log in by shell, su root and set the environment variable to: SERVER_NAME=www.madacamp.com<br>export SERVER_NAME Within ~/wiki/maintenance/ run:  php importImages.php /tmp/import_images --user=CampMaster --comment="MadaCamp photos" For more help, type php importImages.php --help--> == Displaying images ==
[[Image:Nahampoana_Main_Building.jpg|left|70px|]] Align an image to the left of the text...
<gallery>
Image:Ilakaka 001.jpgImage:Ilakaka 002.jpg|link=Ilakaka|Image links to a pageImage:Ilakaka 003.jpgImage:Ilakaka 004.jpg|[[Help:Contents/Links|Links]] can be put in captions.Image:Ilakaka 005.jpgImage:Ilakaka 006.jpg|Full [[MediaWiki]]<br />[[syntax]] may now be used...
</gallery>
 
The code example of the above gallery is shown below:
<pre><nowiki>
<gallery>
Image:Ilakaka 001.jpgImage:Ilakaka 002.jpg|link=Ilakaka|Image links to a pageImage:Ilakaka 003.jpgImage:Ilakaka 004.jpg|[[Help:Contents/Links|Links]] can be put in captions.Image:Ilakaka 005.jpgImage:Ilakaka 006.jpg|Full [[MediaWiki]]<br />[[syntax]] may now be used...
</gallery>
</nowiki></pre>
 
<nowiki><gallery></nowiki> parameters:
 
caption="Caption above gallery"
 
widths=''n'' - image widths in pixels
 
heights=''n'' - image heights in pixels
 
perrow=''n'' - number of images per row
 
mode=''n'' - can be used with the following paramenters:
* traditional - the default gallery display
* nolines - like traditional but without border lines.
* packed - all images will have the same height but different widths, with minimal space between images. The rows will organise themselves according to the screen width.
* packed-overlay - shows captions on the image in a semi-transparent white overlay.
* packed-hover - similar to packed-overlay but with the caption and box showing on hover.
== Wide images ==
<pre><nowiki>{{wide image|Bezavona_pano2.jpg|1800px|Fort Dauphin panorama|250px|right}}</nowiki></pre>
 
== Random image display ==
 
'''A random image can be displayed along with various optional parameters, such as size, left or right aligned and a pre-defined array of named images to limit the selection from.'''
 
<randomimage float="left" />
 
This code can be used to display a random image from the complete repository of images on the site:<br>
 
<span style="background:#f6f6f6;"><nowiki><randomimage float="left" /></nowiki></span><br>
 
An caption will automatically be pulled from the image descripion page if one exists or if added when the image was originally uploaded on the site.
<br clear="all">
 
<randomimage float="left">Random image</randomimage>
 
This example code can be used to display a random image with a pre-defined caption, eg. 'A random image', for all images:<br>
<span style="background:#f6f6f6;"><nowiki><randomimage float="left">A random image</randomimage></nowiki></span>
<br clear="all">
 
The <nowiki><randomimage></nowiki> tag supports the following attributes:
* size - set the image width (default is the user's thumbnail width).
* float - float the image; valid values are 'left', 'center' and 'right'.
* choices - limits the image selection to a list of images separated by a vertical bar. For example:
 
<randomimage size="150" float="left" choices="Chocolaterie_Robert_024.jpg|Chocolaterie_Colbert_01.jpg|Cinagra_066.jpg" />
 
This example is a 150 pixels width image, aligned to the left and with a pre-defined array of named images to choose from:<br>
<span style="background:#f6f6f6;"><nowiki><randomimage size="150" float="left" choices="Chocolaterie_Robert_024.jpg|Chocolaterie_Colbert_01.jpg|Cinagra_066.jpg" /></nowiki></span>
 
<br clear="all">
== Table of Contents ==
-->
== 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.[https://www.youtube.com/watch?v=_OKs7qpJvRI&feature=related https://www.youtube.com/watch?v=<font color="#bd0000">vDYzsT3d06I</font>&feature=related] and Google videos place in the edit form as follows:  <nowiki><HTML5video type="youtube" width="600" height="338">vDYzsT3d06I</HTML5video></nowiki> <HTML5video type="youtube" width="600" height="338">vDYzsT3d06I</HTML5video>
To embed a video from YouTube onto this wiki, simply copy the video ID from a YouTube URL, e.g.[http://wwwThe ''width'' and ''height'' parameters are optional.youtube.com/watch?v=_OKs7qpJvRI&feature=related http://www.youtube.com/watch?v=<font color="#bd0000">FChpJY59iD8</font>&feature=related] and paste the relevant bit into the edit form as follows:
<pre><nowiki><HTML5video type="youtube" width="600" height="338">_OKs7qpJvRI</youtube></nowiki>caODxMEUq1w</preHTML5video>
<youtube>_OKs7qpJvRI</youtube>== Uploading videos MadaCamp ==
To add upload a Google video on a page retrieve the ID by clicking MadaCamp, firstly make the '''Embed video''' link next to the available in three formats: .mp4, .ogg and .webm. This can easily be done via an online video screen or extract the ID from the URL if one is part of it. For example: conversion tool such as [httphttps://videocloudconvert.googlecom cloudconvert.com/videoplay?docid=7281432690466273651&hl=en http://video]. Thereafter save the three versions on your system before uploading them with identical fileames but with the different file extensions, e.googleg.com/videoplay?docid=<font color="#ff0000">7281432690466273651</font>&hl=en]:
Then simply place the ID in the following googlevideo tag: Dragonfile.mp4<pre><nowiki><googlevideo>7281432690466273651</googlevideo></nowiki></pre> Dragonfile.ogg Dragonfile.webm
<googlevideo>7281432690466273651</googlevideo>Thereafter include the video on the page without the file suffix:
<nowiki><HTML5video width="520" height="320" autoplay="true" loop="true">Dragonfly</HTML5video></nowiki>
== Editing and adding Flash videos ==Different browsers will automatically select the suitable format for their individual systems.
<HTML5video width="520" height="320" autoplay="true" loop="true">Dragonfly</HTML5video> <!--Bug: Thumbs does not show up on Ipad, which affects autoplay="false" mode. https://www.mediawiki.org/w/index.php?oldid=2285855 --> <!--== Editing and publishing videos == While Google a quick and YouTube offers an easy conversion process from an original video file format way to FLV (streaming Flash publish a video) is by simply uploading videos on their portals it into a YouTube account and thereafter embedding them including it on any a page of this site, Google or YouTube videos will automatically display links to other and usually irellevant videos at the end of the stream, often in combination wtih advertising. To avoid sich irellavant content from being appended to your video, upload your video can also be uploaded directly on MadaCamp insteadafter having converted it into FLV format. But first you need to convert the video Your original may be an Mpeg, AVI, Quicktime or some other format. The conversion into FLV formatcan then be done using a video editor such as [http://en.wikipedia.org/wiki/Avidemux Avidemux], which is available for free download on all operating systems:
[[File:Avidemux.jpg|600px]]
If your video has been shot with a digital camera, it is most likely not in the necessary FLV format (Flash video) to begin with. Your original may be Mpeg, AVI, Quicktime or some other standard format. The conversion to FLV process can be done using an advanced video editor, such as [http://en.wikipedia.org/wiki/Avidemux Avidemux]. Avidemux is a free video editor available on all operating system. In Within Avidemux, open the video file, select FLV format via the ''Video'', ''Audio'' and ''Format'' selectors. Optionally add filters. Give the new video file an '''.flv ''' extension and ''Save Video''. Thereafter upload the newly created FLV file onto this site and simply add it onto on a page, as follows:
<nowiki>[[File:Video.flv]]</nowiki>
The size and aspect ratio can be tweaked like a normal on-page image by defining the pixel display values, as follows:
<nowiki>[[File:Video.flv|300x375px]]</nowiki>
Alternatively, [http://ffmpeg.org FFmpeg] is an n excellent and free video editing tool, but which requires command line editing, which is usually only mainly done by on Linux and OSX Mac expert userssystems.
For Windows users, an easy-to-use a simple FLV creation conversion tool is the [http://www.miksoft.net/mobileMediaConverter.htm Mobile Media Converter]. While Mobile Media Converter lacks lack various advanced editing features that exists in Avidemux, if all you need is to convert a video into FLV format without special editing features, its simplicity makes Mobile Media Converter is a perfectly good tool for the purpose. Various pre-configured size, bandwidth and quality level options are available in the conversion process very easy for beginners.
<table cellpadding="0" cellpadding="0" border="0" style="border:1px solid #cccccc; float:left; margin-right:10px; width:328px;"><tr>
<td style="padding:3px 3px 3px 3px;">
[[File:Chocolaterie_Robert_320x240_low.flv|320x240px]]
</td></tr></table>
This 13-minute Click the screen on the left to see an example of a video about [[Chocolaterie Robert]]'s bean-to-bar chocolate production in Madagascar (in French) that has been converted from a Quicktime (.mov) file into FLV format using the ''Mobile Media Converter '' and thereafter uploading the video uploaded and displaying it by displayed here via the following markupcode:<br> <div style="border:1px dashed #296dad; background: #fffbff; padding:10px; display:table;margin-bottom:8px;"> <nowiki>[[File:Chocolaterie_Robert_320x240_low.flv|320x240px]]</nowiki></div> ''The video is 13 minutes and features [[Chocolaterie Robert]]'s bean-to-bar chocolate production in Madagascar, in French language.'' 
<br clear="all">
 
For tips a tricks on editing video in Windows or Mac OSX or using various cloud based (online) tools, watch BBC's [http://news.bbc.co.uk/2/hi/programmes/click_online/9484842.stm The essential guide to video editing] webcast from 13 May 2011.
 
-->
 
<!--
 
== Adding language switches ==
 
Note: Language switches are currently deactivated.
 
To add language switches for French and Malagasy versions to appear in the left column of any content page is simple. For example, the following code was added in the edit box of the page [[Lemur|http://madacamp.com/Lemur]]:
<nowiki>[[fr:Lémurien]]</nowiki>
<nowiki>[[mg:Maki]]</nowiki>
 
The Français and Malagasy link therefore appears on the English version of the page, which lead to [http://fr.madacamp.com/Lémurien http://fr.madacamp.com/Lémurien] and [http://mg.madacamp.com/Maki http://mg.madacamp.com/Maki] respectively
(note: Maki means lemur in Malagasy).
 
[[File:Language switch example.gif]]
 
On the French page, adding links to the English and Malagasy versions is done by:
<nowiki>[[en:Lemur]]</nowiki>
<nowiki>[[mg:Maki]]</nowiki>
 
And on the Malagasy page, add the links to the English and French pages by:
<nowiki>[[en:Lemur]]</nowiki>
<nowiki>[[fr:Maki]]</nowiki>
 
If a page title contains two or more words, the words are separated by underscores or spaces, for example:
 
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr>
<td style="border:1px dashed #296dad; background: #fffbff; padding:10px;width:48%;">
<nowiki>[[fr:Grande_Île]]</nowiki><br>
<nowiki>[[en:Big_island]]</nowiki><br>
<nowiki>[[mg:Nosy_be]]</nowiki>
</td><td align="center" style="width:4%;">or</td>
<td style="border:1px dashed #296dad; background: #fffbff; padding:10px;width:48%;">
<nowiki>[[fr:Grande Île]]</nowiki><br>
<nowiki>[[en:Big island]]</nowiki><br>
<nowiki>[[mg:Nosy be]]</nowiki>
</td></tr></table>
 
The language swith codes can be added anywhere in the editing box, for example at the end.
 
-->
 
<!-- This feature has been removed due to comment spam
== Article comments ==
The comments are added to the discussion section of each page.
 
-->
== Further manuals ==

Navigation menu