Difference between revisions of "Help:Editing"
CampMaster (talk | contribs) (→Image size) |
CampMaster (talk | contribs) (→Image size) |
||
| Line 160: | Line 160: | ||
Many digital cameras produce images with a 4:3 aspect ratio and which are usually larger than 1500 pixels in width or height. As such, you may want to scale your images down before uploading it on this site. | Many digital cameras produce images with a 4:3 aspect ratio and which are usually larger than 1500 pixels in width or height. As such, you may want to scale your images down before uploading it on this site. | ||
| − | Images | + | Images which has a 4:3 aspect ratio will automatically fit into the [[#Image_gallery|standard image gallery]]. |
| − | Example of an 4:3 aspect ratio and 1500x1125 pixels image: [[media:Diego_Suarez_150.jpg|Diego_Suarez_150.jpg]]. | + | When scaling a 4:3 aspect ratio image from some larger size down to 1500 pixels width, it becomes 1125 pixels height. Or in case of a taller than wide image, i.e. in portrait format, it becomes 1125 width and 1500 pixels height. Example of an 4:3 aspect ratio and 1500x1125 pixels image: [[media:Diego_Suarez_150.jpg|Diego_Suarez_150.jpg]]. |
| − | + | However, many cameras output different aspect ratios and size settings. A free graphics application to scale images down with that works well on all operating systems is [http://www.gimp.org The Gimp]. | |
| − | + | If however you wish to avoid using a graphic application and instead upload your images in their original sizes and dimensions as they come from the camera, that is Ok, but depending on your internet connection speed, size and number of images, the transfers may take longer. | |
| − | |||
| − | If however you wish to avoid using a graphic application and instead upload your images in their original sizes and dimensions as they come | ||
<!-- | <!-- | ||
== Uploading more images via FTP == | == Uploading more images via FTP == | ||
Revision as of 05:56, 13 December 2011
Contents
- 1 Text editing
- 2 Image links
- 3 Link to an image or other file
- 4 Displaying an email address
- 5 Skype button
- 6 Google maps
- 7 Adding RSS news feeds to pages
- 8 Uploading images
- 9 Image size
- 10 Displaying images
- 11 Image gallery
- 12 Thumbnail gallery
- 13 Wide images
- 14 Random image display
- 15 Table of Contents
- 16 Displaying YouTube videos
- 17 Editing and publishing videos
- 18 Adding language switches
- 19 Further manuals
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 text, 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 example]
This will result in example
Alternatively, type a full URL without the brackets, eg: ...
http://www.example.com
... to display the link as follows:
To make a listing, 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 are done as follows: ...
* item 1 * item 2 ** item 2.2 *** item 2.3 * item 3
... which will appear as:
- item 1
- item 2
- item 2.2
- item 2.3
- item 2.2
- item 3
etc.
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|100px|link=Big_fish]]
Link to an image or other file
To link directly to an image or some other file that has previously been uploaded on this site use the media: prefix. For example: ...
[[media:Big_fish.jpg]]
... will appear as media:Big_fish.jpg
Or to use other link word(s) than the filename, separate the file part and the linked word(s) with a vertical bar ( | ), as follows:
[[media:Big_fish.jpg|how to wear a fish]]
The link will then appear as how to wear a fish
Displaying an email address
The following code:
[mailto:hello@madacamp.com hello@madacamp.com]
... will display as:
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 
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 
. 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
- U of G Researchers Helping to Protect Lemurs, World’s Most Endangered Animals - University of Guelph News
- U of G Researchers Helping to Protect Lemurs, World’s Most Endangered Animals University of Guelph News
- 07-Nov-2024 08:00
- 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
- Dwarf bush baby | primate - Britannica
- Dwarf bush baby | primate Britannica
- 05-Nov-2024 08: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
- In Madagascar, Endangered Lemurs Find a Private Refuge (Published 2020) - The New York Times
- In Madagascar, Endangered Lemurs Find a Private Refuge (Published 2020) The New York Times
- 27-Oct-2020 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
- The Lure of Lemurs - Virginia Living
- The Lure of Lemurs Virginia Living
- 14-Feb-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
- Parasites of Madagascar's Lemurs Expanding With Climate Change - Duke Today
- Parasites of Madagascar's Lemurs Expanding With Climate Change Duke Today
- 23-Jan-2013 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
- 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
- Fossil lemurs from Egypt and Kenya suggest an African origin for Madagascar’s aye-aye - Nature.com
- Fossil lemurs from Egypt and Kenya suggest an African origin for Madagascar’s aye-aye Nature.com
- 21-Aug-2018 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
- 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
- Help For Lemurs: How to Save the World’s Most Endangered Mammals - The Revelator
- Help For Lemurs: How to Save the World’s Most Endangered Mammals The Revelator
- 10-Feb-2020 08: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 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 lemurs cling to survival - BBC.com
- Madagascar's lemurs cling to survival BBC.com
- 25-Jun-2015 07: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 lemurs find refuge in private sanctuary - Phys.org
- Madagascar lemurs find refuge in private sanctuary Phys.org
- 20-Oct-2016 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’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
- Lemurs, Tuberculosis and Spillover, Oh My! - American Lung Association
- Lemurs, Tuberculosis and Spillover, Oh My! American Lung Association
- 21-Feb-2023 08: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
- 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
- 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
- Poachers threaten precious Madagascar forest and lemurs - Phys.org
- Poachers threaten precious Madagascar forest and lemurs Phys.org
- 22-Apr-2019 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
Uploading images
To add your own images, first sign up and thereafter click on the Upload file link in the toolbox on the left, which allows uploading a single image at the time. Note that the link does not appear to site visitors who are not logged in.
You can repeat the procedure for more than one image or chose to upload multiple images via the Upload multiple files function which allows uploading up to five images at the time.
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. As such, you may want to scale your images down before uploading it on this site.
Images which has a 4:3 aspect ratio will automatically fit into the standard image gallery.
When scaling a 4:3 aspect ratio image from some larger size down to 1500 pixels width, it becomes 1125 pixels height. Or in case of a taller than wide image, i.e. in portrait format, it becomes 1125 width and 1500 pixels height. Example of an 4:3 aspect ratio and 1500x1125 pixels image: Diego_Suarez_150.jpg.
However, many cameras output different aspect ratios and size settings. A free graphics application to scale images down with that works well on all operating systems is The Gimp.
If however you wish to avoid using a graphic application and instead upload your images in their original sizes and dimensions as they come from the camera, that is Ok, but depending on your internet connection speed, size and number of images, the transfers may take longer.
Displaying images
[[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:
| ||
|
|
|
|
|
|
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.
Links can be put in 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}}
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}}
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.
This code can be used to display a random image from the complete repository of images on the site:
<randomimage float="left" />
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.
This example code can be used to display a random image with a pre-defined caption, eg. 'A random image', for all images:
<randomimage float="left">A random image</randomimage>
The <randomimage> 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:
This example is a 150 pixels width image, aligned to the left and with a pre-defined array of named images to choose from:
<randomimage size="150" float="left" choices="Chocolaterie_Robert_024.jpg|Chocolaterie_Colbert_01.jpg|Cinagra_066.jpg" />
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 publishing videos
While YouTube offers an easy conversion process from any original video file format into website compatible Flash video (FLV) format by simply uploading your video onto a YouTube account, 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 directly on MadaCamp, after first having converted it into FLV format. If your video has been shot with a digital camera, it is likely an Mpeg, AVI, Quicktime or some other format. The conversion into FLV format can be done using an advanced video editor such as Avidemux, which is available for free download 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 onto this site and simply add it on 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, a nice and simple FLV conversion tool is 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 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.
Click the screen on the left to see an example of a video that has been converted from a Quicktime (.mov) file into FLV format using Mobile Media Converter and thereafter uploaded and displayed here via the following code:
[[File:Chocolaterie_Robert_320x240_low.flv|320x240px]]
The video is 13 minutes and features Chocolaterie Robert's bean-to-bar chocolate production in Madagascar, in French language.
For tips a tricks on editing video in Windows or Mac OSX or using various cloud based (online) tools, watch BBC's The essential guide to video editing webcast from 13 May 2011.
Adding language switches
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 http://madacamp.com/Lemur:
[[fr:Lémurien]] [[mg:Maki]]
The Français and Malagasy link therefore appears on the English version of the page, which lead to http://fr.madacamp.com/Lémurien and http://mg.madacamp.com/Maki respectively (note: Maki means lemur in Malagasy).
On the French page, adding links to the English and Malagasy versions is done by:
[[en:Lemur]] [[mg:Maki]]
And on the Malagasy page, add the links to the English and French pages by:
[[en:Lemur]] [[fr:Maki]]
If a page title contains two or more words, the words are separated by underscores or spaces, for example:
|
[[fr:Grande_Île]] | or |
[[fr:Grande Île]] |
The language swith codes can be added anywhere in the editing box, for example at the end.
Further manuals
- User's Guide
- HTML tags in wikitext
- Configuration settings list
- MediaWiki FAQ
- MediaWiki release mailing list
- Displaying images
- How to edit a page
- Wikitable syntax
- http://www.mediawiki.org/wiki/Special:AllPages/Manual:
- http://meta.wikimedia.org/wiki/Help:Template
- http://www.mediawiki.org/wiki/Template
- http://www.mediawiki.org/wiki/Special:AllPages/Extension:
- http://meta.wikimedia.org/wiki/Layout_customization
- http://meta.wikimedia.org/wiki/MediaWiki_FAQ
