Changes

Jump to: navigation, search

Help:Editing

2,939 bytes added, 16:55, 12 March 2019
Google paths
__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>'''bold text'''</nowiki>
For ''italic text'', enclose the text with two single quotes:
<nowiki>''italic text''</nowiki>
To link a text to another page within the wiki, enclose the word in double square double brackets:
<nowiki>[[</nowiki>[[Anakao]]<nowiki>]]</nowiki>
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 example/madacamp MadaCamp Pinterest board]</nowiki>
This will result in [httpappear as://www.example.com example]
Alternatively, type a full URL without the brackets, eg[http: //pinterest...com/madacamp MadaCamp Pinterest board]
Alternatively, type a full URL without the brackets, e.g.:  <nowiki>http://www.examplepinterest.com/madacamp</nowiki>
... to display the link as follows:
http://www.examplepinterest.com/madacamp
To make a listing, prefix the list items with asterixes: ...
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|100px200px|link=Big_fish]][[Image:Madagascar_Coffee_001.jpg|200px|link=Madagascar_Coffee]]
<pre>[[Image:Big_fish.jpg|100px200px|link=Big_fish]][[Image:Madagascar_Coffee_001.jpg|200px|link=Madagascar_Coffee]]</pre>
== Link to an image or other file ==
[mailto:hello@madacamp.com 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 <b>Tools->Options->Privacy</b>. Tick the checkbox ''Allow my status to be shown on the web'':
<!--[[File:Skype_configuration.jpg]]-->
The following example will create a button for which a call can be made when clicked on:
The available actions are: add, chat or call
== '''Google maps''' ==-->
== Google maps == To create new or edit existing Google maps on pages, click on the map button httphttps://www.madacamp.com/extensions/GoogleMaps/images/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 &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.
 
== Google paths ==
 
Go to maps.google.com
 
Click menu in top left corner -> Your places -> MAPS
 
Click CREATE MAP (bottom left of screen)
 
Click Import
 
Select a track on the computer (eg. Track_AMBOHIMANGA-IVATO.gpx) and
drag and drop into the Upload space
 
Click on the upper three dots
 
Export to KML/KMZ
 
Select "Export to a .KML file (full icon support use .KMZ)."
 
Download
 
Click Save File, to eg. FILENAME.gpx
 
In the file, there is a list of coordinates:
 
<pre><nowiki><coordinates></nowiki>
50.1606086176,-14.2578310333,12.63
50.1606914308,-14.2576493975,11.67
etc.
</coordinates></pre>
 
Run geoconvert.sh FILENAME.gpx to change format to:
 
<pre>
-14.2578310333, 50.1606086176
-14.2576493975, 50.1606914308
etc.
</pre>
 
Copy into a new Google map, eg.:
 
<pre><nowiki><googlemap version="0.9" lat="-19.105844" lon="47.33697" height="750"
controls="large" style="width:100%;max-width:600px;">
</nowiki>
2#B2FCFF00
-14.2578310333, 50.1606086176
-14.2576493975, 50.1606914308
etc.
<nowiki></googlemap></nowiki></pre>
 
Placemarker icons are done separately above the path code
 
== Scalable maps ==
 
Modify markup on all pages containing maps to include <code>style="width:100%;max-width:600px;"</code>, e.g.:<br>
<nowiki><googlemap version="0.9" lat="-12.243119" lon="49.345264" type="satellite" zoom="16" controls="large" style="width:100%;max-width:600px;"></nowiki>
 
Use http://www.madacamp.com/Special:ReplaceText
 
Replace:
<nowiki><googlemap version="0.9" (.*)></nowiki>
with:
<nowiki><googlemap version="0.9" $1 style="width:100%;max-width:600px;"></nowiki>
 
Select 'Use regular expressions' and namespaces 'Main'.
 
Pages which already contain the string will thereafter have duplicate style declarations:
 
style="width:100%;max-width:600px;" style="width:100%;max-width:600px;"
 
Thereafter replace instances of:
style="width:100%;max-width:600px;" style="width:100%;max-width:600px;"
with:
style="width:100%;max-width:600px;"
 
 
<!--''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:RSS_icon.png|14px]]. Follow the link to the URL of the raw RSS feed.
The web browser may automatically display the news items of the raw RSS <pre><rss template="Google-feed in a tidy HTML format as well as offer to add the newsfeed to a browser's [http" filterout="movie penguins">https://wwwnews.mozillagoogle.com/news?pz=1&cf=all&ned=us&hl=en-US/firefox&q=%22madagascar+lemurs%22&cf=all&output=rss</livebookmarks.html 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 &lt;rss>...&lt;</rsspre> tags, like the following example:
<pre><rss>http://The output of this news.google.com/news?pz=1&cf=all&ned=us&hl=en&q=%22madagascar+search for the phrase ''madagascar lemurs%22&cf=all&output=rss|short|date|max=20</rss></pre>'', filtering out results with the terms ''penguins'' and ''movie'', becomes:
The output of this, which is a <rss template="Google-feed" filterout="movie penguins deprecated">https://news.google.com/news search for the phrase ''madagascar ?pz=1&cf=all&ned=us&hl=en&q=%22madagascar+lemurs'', becomes:%22&cf=all&output=rss</rss>
<rss>httpOther non-Google RSS feeds may include a feed icon [[File://newsRSS_icon.googlepng|14px]] to indicate the whereabouts of RSS feeds.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 [http://news.google.com 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
== Uploading images ==
You can repeat the procedure for more than one image or chose to upload multiple images via the [[Special:MultipleUpload|Upload multiple files]] function which allows uploading up to five images at the time.
== Recommended image 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/-->
A good image size is minumim 1500 pixels height or width. Many digital cameras produce images which often have an aspect ratio of 4:3. All modern cameras produce images larger than 1500 pixels in width or height. If resizing a larger image which has an 4:3 aspect ratio down to 1500 pixels width, it becomes 1125 pixels in height. Or in case of a taller than wide image (i.e. portrait format) the resulting image size will be 1125 width and 1500 pixels height. However, different cameras product different aspect ratios and image sizes that are usually much larger than 1500x1125 pixels. A good graphics application to scale images down with is [http://www.gimp.org The Gimp] It is free to download and install on all operating systems. ([[media:Diego_Suarez_150.jpg|Example of an 1500x1125]].). If you wish to avoid using a graphic applicationaltogether, uploading just upload your images in their original size sizes and dimensions as they come straight from the camera is fine too, but depending on your internet connection speed and the size and number of images, the transfer may take a long time.
<!--
<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 ==
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.
[httphttps://www.youtube.com/watch?v=_OKs7qpJvRI&feature=related httphttps://www.youtube.com/watch?v=<font color="#bd0000">_OKs7qpJvRIvDYzsT3d06I</font>&feature=related] and paste it into 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> The ''width'' and ''height'' parameters are optional. <HTML5video type="youtube" width="600" height="338">caODxMEUq1w</HTML5video> == Uploading videos MadaCamp == To upload a video on MadaCamp, firstly make the video available in three formats: .mp4, .ogg and .webm. This can easily be done via an online video conversion tool such as [https://cloudconvert.com cloudconvert.com]. Thereafter save the three versions on your system before uploading them with identical fileames but with the different file extensions, e.g.:  Dragonfile.mp4 Dragonfile.ogg Dragonfile.webm
<pre><nowiki><youtube>_OKs7qpJvRI</youtube></nowiki></pre>Thereafter include the video on the page without the file suffix:
<youtubenowiki><HTML5video width="520" height="320" autoplay="true" loop="true">Dragonfly</HTML5video>_OKs7qpJvRI</youtubenowiki>
<!-- Google officiall stops hosting videos in May 2011:To add a Google video on a page retrieve Different browsers will automatically select the ID 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 http://video.googlesuitable format for their individual systems.com/videoplay?docid=<font color="#ff0000">7281432690466273651</font>&hl=en]
Then simply place the ID in the following googlevideo tag:<pre><nowiki><googlevideo>7281432690466273651</googlevideo></nowikiHTML5video width="520" height="320" autoplay="true" loop="true">Dragonfly</preHTML5video>
<googlevideo>7281432690466273651<!--Bug: Thumbs does not show up on Ipad, which affects autoplay="false" mode. https:/googlevideo>/www.mediawiki.org/w/index.php?oldid=2285855 -->
<!--
== Editing and publishing videos ==
While YouTube offers an a quick and easy conversion process from any original way to publish a video file format into website compatible Flash video (FLV) format is by simply uploading your video onto it into a YouTube accountand thereafter including it on a page, YouTube will display links to other user's YouTube hosted videos at the end of your video, often in combination with Google syndicated advertising. To prevent this mostly irrelevant information from being displayed along with your video, you can upload your video also be uploaded directly on MadaCamp, after first having converted it into FLV format. If your video has been shot with a digital camera, it is likely Your original may be an Mpeg, AVI, Quicktime or some other format. The conversion into FLV format can then be done using an advanced 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]]
Alternatively, [http://ffmpeg.org 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, a nice and simple FLV conversion tool is [http://www.miksoft.net/mobileMediaConverter.htm Mobile Media Converter]. While Mobile Media Converter lack various advanced editing features that exists in Avidemux, if all you need is to simply convert a video into FLV format without fancy special editing, 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.
<table cellpadding="0" cellpadding="0" border="0" style="border:1px solid #cccccc; float:left; margin-right:10px; width:328px;"><tr>
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]]:
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

Navigation menu