Difference between revisions of "Editing help"
(→Wide images) |
(→Wide images) |
||
Line 148: | Line 148: | ||
<br clear="all"> | <br clear="all"> | ||
+ | |||
+ | == Standard images layout == | ||
+ | |||
+ | The individual beer garden pages typically have one large image and three smaller ones below. These are placed in a table using wiki markup with some added styling to create the same margins between images. For example: | ||
+ | |||
+ | <nowiki>{| class="imageTable" | ||
+ | |- | ||
+ | |colspan="3" | [[File:Hofbrauhaus-Keller Freising 001.jpg|600px]] | ||
+ | |- | ||
+ | |[[File:Hofbrauhaus-Keller Freising 002.jpg|196px]] | ||
+ | |align="center"|[[File:Hofbrauhaus-Keller Freising 003.jpg|196px]] | ||
+ | |align="right"|[[File:Hofbrauhaus-Keller Freising 004.jpg|196px]] | ||
+ | |- | ||
+ | |[[File:Hofbrauhaus-Keller Freising 019.jpg|196px]] | ||
+ | |align="center"|[[File:Hofbrauhaus-Keller Freising 017.jpg|196px]] | ||
+ | |align="right"|[[File:Hofbrauhaus-Keller Freising 016.jpg|196px]] | ||
+ | |}</nowiki> | ||
+ | |||
+ | A simple row with only three small images can be done as follows: | ||
+ | |||
+ | {| class="imageTable" | ||
+ | |- | ||
+ | |[[File:Hofbrauhaus-Keller Freising 019.jpg|196px]] | ||
+ | |align="center"|[[File:Hofbrauhaus-Keller Freising 017.jpg|196px]] | ||
+ | |align="right"|[[File:Hofbrauhaus-Keller Freising 016.jpg|196px]] | ||
+ | |} | ||
== Table of Contents == | == Table of Contents == |
Revision as of 17:35, 24 July 2010
Contents
Simple 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, 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:
[[Beer]]
The link will thereafter point to http://www.munichbeergardens.com/Beer
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 exampe]
This will result in exampe
Alternatively, typing out the full URL without the brackets: ...
http://www.example.com
... will result in the link appearing as follows:
To make a listing, simply 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 can be made as follows: ...
* item 1 * item 2 ** item 2.2 *** item 2.3 * item 3
... which will appear as follows:
- item 1
- item 2
- item 2.2
- item 2.3
- item 2.2
- item 3
etc.
Image links
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.:
[[File:Augustiner-Keller_003.jpg|135px|link=Augustiner-Keller]]
Display an email address
The following code:
[mailto:hello@munichbeergadens.com hello@munichbeergardens.com]
... will display as:
Skype button
To display a 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 on a page, firstly configure your Skype application to allow its status be shown online (if not already configured as such). This can be done within the Skype application in the section Tools->Options->Privacy. Tick the checkbox Allow my status to be shown on the web:
The following example will create a button so that a call can be made when clicked on:
<skype style="bigclassic" action="call">YourSkypeName</skype>
<skype style="bigclassic" action="call">MunichBeerGarden</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 on-click actions are add (for adding contact), chat (for launching a chat window) and call (for starting a regular 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.
Images
Align an image to the left of the text...
[[Image:Landgasthof_Langwied_003.jpg|left|120px|]] Align an image to the left of the text... <br clear="all">
Wide images
To display an image that is generally wider than most screens in a horizontal scroll box, the syntax is:
- {{Wide image|name|image width|caption|box width|alignment}}
Examples:
The below example is done by the following code:
{{wide image|Augustiner-Keller 036.jpg|1500px|Augustiner-Keller}}
To display the same image but without a caption, simply omit the caption:
To right-align the image while taking up 45% of the paragraph width:
{{wide image|Augustiner-Keller 036.jpg|1500px|Augustiner-Keller|45%|right}}
Or define an exact width for the scrollbox, eg. 250 pixels:
{{wide image|Augustiner-Keller 036.jpg|1500px|Augustiner-Keller|250px|right}}
Standard images layout
The individual beer garden pages typically have one large image and three smaller ones below. These are placed in a table using wiki markup with some added styling to create the same margins between images. For example:
{| class="imageTable" |- |colspan="3" | [[File:Hofbrauhaus-Keller Freising 001.jpg|600px]] |- |[[File:Hofbrauhaus-Keller Freising 002.jpg|196px]] |align="center"|[[File:Hofbrauhaus-Keller Freising 003.jpg|196px]] |align="right"|[[File:Hofbrauhaus-Keller Freising 004.jpg|196px]] |- |[[File:Hofbrauhaus-Keller Freising 019.jpg|196px]] |align="center"|[[File:Hofbrauhaus-Keller Freising 017.jpg|196px]] |align="right"|[[File:Hofbrauhaus-Keller Freising 016.jpg|196px]] |}
A simple row with only three small images can be done as follows:
![]() |
![]() |
![]() |
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.
YouTube and Google videos
To add a video from YouTube on a page, copy the video ID from a YouTube URL, e.g. http://www.youtube.com/watch?v=PfLz-Yx6k14 and paste the relevant bit into the edit form within a youtube tag as follows:
<youtube>PfLz-Yx6k14</youtube>
<youtube>PfLz-Yx6k14</youtube>
To add a Google video on a page, find the ID by clicking the Embed video link next to the video screen or copy it from the URL if one is part of it. For example: http://video.google.com/videoplay?docid=-4130343380896166511#
Then simply place the ID in the following googlevideo tag:
<googlevideo>-4130343380896166511</googlevideo>
<googlevideo>-4130343380896166511</googlevideo>
Article comments
To add a blog style comments field below an article, such as this one: ...
<comments hideForm="false" />
... insert the following at the end of the article:
<comments hideForm="false" />
The comments are added to the discussion section of each page.