Media layout tutorial

Here are a few tips and tricks to make your contribution even more appealing for visitors of this website.

Text Layout


Bold and Italic

**bold** will become bold
//italic// will become italic
//**bold italic**// will become bold italic

Grey line

When you want to insert a grey line, to clearly separate different parts on a page, use this code:

----

This gives the following line:


Moving images


It is possible to change the position of an image in your contribution. To do this you click on edit and hover over the image. When you do this an arrow appears. By clicking on the arrow you can drag the image to a different position.

Enlarge

Click on icon and drag to change position -

Links


Links to other web pages

Links can be made with code, for example by linking to the page of the photographer in the text underneath a photo. Type [ (square bracket), the url, a space, the title of the link and another ].

The code [http://www.mediamatic.nl/ Mediamatic Lab] will look like: Mediamatic Lab

Links to email adresses

Links to email addresses are made by placing "mailto:" before the email address; for example:

The code mailto:helpdesk@mediamatic.nl will be shown as: helpdesk@mediamatic.nl

It's also possible to show a custom text instead of the email adress. To do this you should use the same code as is used for hyperlinks. For example:

[mailto:helpdesk@mediamatic.nl Contact the helpdesk] will result in Contact the helpdesk

Headings


++++++ Example of a grey white heading
+++++ Example of a small bold heading
+ Example of the biggest heading
++ Example of a somewhat smaller heading
+++ Example of an even smaller heading
++++ Example of the smallest heading

becomes

Example of a grey white heading
Example of a small bold heading

Example of the biggest heading

Example of a somewhat smaller heading

Example of an even smaller heading

Example of the smallest heading


Click here for more manuals and tutorials