European Commission - Erasmus+ Project

Help:Contents

From workqual
Revision as of 11:08, 7 October 2014 by Sveinn (talk | contribs) (Using images on these wiki-pages)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Some pointers for general usage of MediaWiki:


Using images on these wiki-pages

There are lots of ways to insert images into wikitext. Examples:

   *  [[Media:Filename.extension]]  

- general insertion for all filetypes (image, audio, video, PDF, etc)

   *  [[File:Example.jpg]]  

- simple but gives limited control over layout (original size, default alignment)

   *  [[File:Example.png|200px|thumb|left|alt-text]]  

- given are size, type of layout, alignment and alt-text (hoover-text)

The last option is the most widely used and its usage will be recomended here. To simplify the insertion of images and to promote homogenous layout, some examples will be given below.

   *  [[File:VMA students metal.JPG|500px|thumb|right|Learning by working]] 

- general usage for pictures, right aligned with a frame and alt-text as a legend underneath

   *  [[File:Flag_UK.png‎|100px|thumb|left|English]] 

- left aligned thumbnail

   *  [[File:Takn24x24 ok.png‎|OK]] 

- inline symbol

Adding a link to an image other than the default one to the original image, is easy; just add yet another pipe-character separated section with |link=http://www.yourlink.net| before the alt-text. Such as this:

   *  [[File:VMA students metal.JPG|500px|thumb|right|link=http://www.vma.is|Learning by working]]

Example of image layout (dummy):

Learning by working
Iceland
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut a sapien. Aliquam aliquet purus molestie dolor. Integer quis eros ut erat posuere dictum. Curabitur dignissim. Integer orci. Fusce vulputate lacus at ipsum. Quisque in libero nec mi laoreet volutpat. Aliquam eros pede, scelerisque quis, tristique cursus, placerat convallis, velit. Nam condimentum. Nulla ut mauris. Curabitur adipiscing, mauris non dictum aliquam, arcu risus dapibus diam, nec sollicitudin quam erat quis ligula. Aenean massa nulla, volutpat eu, accumsan et, fringilla eget, odio. Nulla placerat porta justo. Nulla vitae turpis. Praesent lacus.

Quisque lobortis euismod metus. Nam ante. Nulla fermentum, risus non pulvinar porttitor, enim pede egestas nibh, sit amet posuere metus tortor id enim. Donec at sem. Vestibulum in lectus ut diam lacinia lacinia. Maecenas sit amet nulla. Suspendisse vel dolor. Nunc hendrerit elit vitae quam. In nonummy velit nec lorem. Etiam rhoncus felis a turpis. Aliquam vel nulla. Ut nonummy, nisl non sodales iaculis, mi tellus viverra diam, eget euismod dui turpis at mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum nec quam ac lectus sagittis tincidunt. Vivamus neque velit, ornare vitae, tempor vel, ultrices et, wisi. Cras pede. Phasellus nunc turpis, cursus non, rhoncus vitae, sollicitudin vel, velit. Vivamus suscipit lorem sed felis. Vestibulum vestibulum ultrices turpis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent ornare nulla nec justo. Sed nec risus ac risus fermentum vestibulum. Etiam viverra viverra sem. Etiam molestie mi quis metus hendrerit tristique.

OKInline symbol

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut a sapien. Aliquam aliquet purus molestie dolor. Integer quis eros ut erat posuere dictum. Curabitur dignissim. Integer orci. Fusce vulputate lacus at ipsum. Quisque in libero nec mi laoreet volutpat. Aliquam eros pede, scelerisque quis, tristique cursus, placerat convallis, velit. Nam condimentum. Nulla ut mauris. Curabitur adipiscing, mauris non dictum aliquam, arcu risus dapibus diam, nec sollicitudin quam erat quis ligula. Aenean massa nulla, volutpat eu, accumsan et, fringilla eget, odio. Nulla placerat porta justo. Nulla vitae turpis. Praesent lacus.


Inserting videos on these wiki-pages

We have installed the Extension:EmbedVideo on this wiki.

See http://www.mediawiki.org/wiki/Extension:EmbedVideo for details.


The EmbedVideo parser function expects to be called in any of the following ways:

  • {{#ev:service|id}}
  • {{#ev:service|id|dimensions}}
  • {{#ev:service|id|dimensions|alignment}}
  • {{#ev:service|id|dimensions|alignment|description}}
  • {{#ev:service|id|dimensions|alignment|description|container}}

However, if needed optional arguments may be left blank by not putting anything between the pipes:

  • {{#ev:service|id|||description}}

For example, a video from YouTube use the 'youtube' service selector enter either the raw ID:

{{#ev:youtube|pSsYTj9kCHE}}

Or the full URL:

{{#ev:youtube|https://www.youtube.com/watch?v=pSsYTj9kCHE}}


To display the same video as a right aligned large thumbnail with a description:

{{#ev:youtube|http://www.youtube.com/watch?v=_Z4xlTINcuA|500|right|04.10.2013 VMA - Work Mentor Project - Bas Timmers |frame}}

Resulting in this:

04.10.2013 VMA - Work Mentor Project - Bas Timmers

Supported Video Services

EmbedVideo supports embedding video content from the several services; here's a sample but check http://www.mediawiki.org/wiki/Extension:EmbedVideo for more:

Site Service Name(s)
Archive.org Videos archiveorg
CollegeHumor collegehumor
Dailymotion dailymotion
Edutopia Edutopia content moved to YouTube. Please use the youtube service selector below.
Kickstarter kickstarter
Metacafe metacafe
TeacherTube teachertube
TED Talks ted
Yahoo Screen yahoo
YouTube youtube - Single Videos youtubeplaylist - Playlists
Vimeo vimeo
Vine vine

Using tables

Here are example tables which can be used on these pages:

3x2 table:

heading cell 1 heading cell 2 heading cell 3
content cell 1 content cell 2 content cell 3

And here's the code

<div align="center">
{| class="wikitable"  style="width: 95%;" border="1" cellpadding="3" cellspacing="0" 
|  style="width: 30%" | '''heading cell 1''' 
|  style="width: 30%" |  '''heading cell 2'''
|  style="width: 30%" | '''heading cell 3''' 
|- 
|content cell 1
|content cell 2
|content cell 3
|}
</div>

4x4 table:

heading cell 1 heading cell 2 heading cell 3 heading cell 4
content cell 1 line 2 content cell 2 line 2 content cell 3 line 2 content cell 3 line 2
content cell 1 line 3 content cell 2 line 3 content cell 3 line 3 content cell 3 line 3
content cell 1 line 4 content cell 2 line 4 content cell 3 line 4 content cell 3 line 4

And here's the code

<div align="center">
{| class="wikitable"  style="width: 95%;" border="1" cellpadding="3" cellspacing="0" 
|  style="width: 30%" | '''heading cell 1''' 
|  style="width: 30%" | '''heading cell 2'''
|  style="width: 30%" | '''heading cell 3''' 
|  style="width: 30%" | '''heading cell 4''' 
|- 
|content cell 1 line 2
|content cell 2 line 2
|content cell 3 line 2
|content cell 3 line 2
|- 
|content cell 1 line 3
|content cell 2 line 3
|content cell 3 line 3
|content cell 3 line 3
|- 
|content cell 1 line 4
|content cell 2 line 4
|content cell 3 line 4
|content cell 3 line 4
|}
</div>