9,937
edits
Changes
m
== Image links == <nowiki>[[media:Hofbrauhaus-Keller_Freising_006.jpg]]</nowiki> ... will appear as [[media:Hofbrauhaus-Keller_Freising_006.jpg]]
To make an image link to a page instead of leading to Or if using other linked word(s) than the larger version of filename as the same image which is clicked ondefault link, add separate the link parameter to file part and the image markuplinked word(s) with a vertical bar <code>(<span style="color:#ff0000;"> | </span>)</code>, eg.as follows:
<pre>The link will then appear in a sentence as [[Filemedia:AugustinerHofbrauhaus-Keller_003Keller_Freising_006.jpg|135px|link=Augustiner-KellerA Maß of HB lager]]</pre>
<pre><nowiki>[[Image:Landgasthof_Langwied_003Alte Villa 040.jpg|left|120px300px|]] Align an image to the left of a text and force a clear-all break after the textsentence...</nowiki>
<b>Examples:</b>{{wide image|Biergarten sign 004.jpg|3000px|Biergarten sign}}
<pre>:<nowiki>{{wide image|Augustiner-Keller 036.jpg|1500px|Augustiner-Keller}}</nowiki></pre>
To display {{wide image|Schlosswirtschaft Mariabrunn 011.jpg|1500px|Munich skyline with alps in the same image but without a captionbackground, simply omit view from the caption:hilltop at [[Schlosswirtschaft Mariabrunn|Mariabrunn beer garden]].|45%|left}}
To right-align the image while taking up 45% of the paragraph width:'''Image box size and alignment'''
<pre><nowiki>{{wide This is an example of a left-aligned image|Augustiner-Keller 036.jpg|1500px|Augustiner-Keller|with a scrollbar taking up 45%|right}}</nowiki></pre>of the paragraph width:
Or define an exact width == Standard display for the scrollbox, eg. 250 pixels:images ==
<pre><nowiki>{{The individual beer garden pages typically have one large image and three smaller ones below in a 600 pixels wide table, using wiki mark-up with some added styling to create margins between images and table cells. The first table cell with the large image|Augustinerspans three columns. The colums below can have one or more rows. Below is an example mark-Keller 036.jpg|1500px|Augustinerup used to display one large image and six smaller images in two rows below it on the page titled [[Hofbrauhaus-Keller|250px|right}}</nowiki></pre>Freising]]:
The table of contents (TOC) This example is automatically shown at the top of a page if there are four or more headings in an article. To hide this on a page150 pixels width image, add aligned to the string left and with a pre-defined array of named images to choose from:<br><span style="background:#f6f6f6;"><nowiki>__NOTOC__<randomimage size="150" float="left" choices="Augustiner_001.jpg|Augustiner-Keller_002.jpg|Augustiner-Keller_003.jpg" /></nowiki> anywhere in the page markup.</span>
<pre><nowiki><youtube>PfLz-Yx6k14</youtube></nowiki></pre>
<youtube>PfLz-Yx6k14</youtube>== YouTube videos ==
Then simply place the ID in the following ''googlevideo'' tag:<pre><nowiki><googlevideoHTML5video type="youtube">-4130343380896166511I2DiJzlWvGw</googlevideoHTML5video></nowiki></pre>
Text replacement - "<ads media=responsive></ads>" to "<!--<ads media=responsive></ads>-->"
== Simple text editing ==
'''This page is a quick reference for anyone wishing to make changes to this site.''' The most basic text editing features, such as '''boldface''', ''italics '' and [[beer|links ]] can be formatted with help of the buttons above the edit box. http://www.munichbeergardens.com/images/beer/Edit_bar.gif [[File:Jessica.jpg|right|300px]] Alternatively, the syntax is simple. For bold text, enclose the word(s) within three single quotes:
<nowiki>'''</nowiki>'''bold text'''<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.example.com exampeexample]</nowiki>
This will result in [http://www.example.com exampeexample]
Alternatively, typing out the full URL without the brackets: ...
etc.
== Image links ==
To make an image link to some page, instead of leading to the larger version of the same image, add the link attribute pointing to the target page within the image markup as follows:
[[File:Alter Wirt Ramersdorf 005.jpg|160px|link=Alter Wirt Ramersdorf|left]]
<nowiki>[[File:Alter Wirt Ramersdorf 005.jpg|200px|</nowiki><span style="background:#efe9d9;">link=Alter Wirt Ramersdorf</span><nowiki>]]</nowiki><br clear="all">
== Link to an image or other file ==
To link directly to a previously uploaded image or other file on this site, rather than linking to a page from an image as described above, use the <code>media:</code> prefix. For example: ...
[[Filemedia:AugustinerHofbrauhaus-Keller_003Keller_Freising_006.jpg|135px|link<span style=Augustiner"color:#ff0000; font-Kellerweight:bold;">|</span>A Maß of HB lager]]
== Display an email address ==
<!--
== 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 <b>Tools->Options->Privacy</b>. Tick the checkbox ''Allow my status to be shown on the web'':.
The following example will create creates a button so that whereby a call can be is made when clicked on:
<nowiki><skype style="bigclassic" action="call">YourSkypeName</skype></nowiki>
<skype style="bigclassic" action="calladd">MunichBeerGardenmunichbeergardens.com</skype>
The available styles are: balloon, bigclassic, smallclassic, smallicon, mediumicon
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 http://www.munichbeergardens.com/extensions/GoogleMaps/images/button_map_open.gif above the edit box.
== Images ==
[[Image:Landgasthof_Langwied_003Alte Villa 040.jpg|left|120px300px|]] Align an image to the left of the a textand force a ''clear-all'' break after this sentence...
<br clear="all">
<nowiki><br clear="all"></nowiki></pre>
== Wide images ==
To display an image in a horizontal scroll box that is generally wider than most screens in a horizontal scroll box, the syntax is:
:<nowiki>{{</nowiki>Wide wide image|''name''|''image width''|''caption''|''box width''|''alignment''<nowiki>}}</nowiki>
The below following example is done by includes a 1,500 pixels wide image of the following [[Augustiner-Keller]] entrance sign. The codegenerates a scrollbar below the image on systems with browsers that are otherwise not wide enough to display the full width of the image without scrolling the entire browser window sideways:
{{wide image|Augustiner-Keller 036.jpg|1500px|Augustiner-Kellerentrance sign}}The wide image box is best used for displaying images that are wider than 800 pixels, preventing the visible image area from stretching past the available screen space on small mobile devices. A scroll bar will appear only on devices where the image is wider than the available screen width.
<nowiki>{{wide image|Augustiner-Keller 036Schlosswirtschaft Mariabrunn 011.jpg|1500px|Augustiner-KellerMunich skyline with alps in the background...|45%|rightleft}}</nowiki> The scrollable box can also be set to a fixed pixel width rather than a percentage of the paragraph width. Alternatively, if the alignment value is ommited altogether, the image box will extend to the maximum available paragraph width of the browser window (as in the previous Augustiner entrance sign example). The ''alignment'' value can be '''left''', '''right''', '''center''', or '''none''' (same as if omitted altogether).
<br clear="all">
<nowiki>{{wide image|Augustinerclass="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 036Freising 004.jpg|1500px196px]]|-|Augustiner[[File:Hofbrauhaus-KellerFreising 019.jpg|196px]]|250pxalign="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:
<nowiki>{| 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]]
|}
</nowiki>
Additional information on how to produce various table layouts:
* http://www.mediawiki.org/wiki/Help:Tables#With_HTML_attributes_and_CSS_styles
* http://meta.wikimedia.org/wiki/Help:Table#Combined_use_of_COLSPAN_and_ROWSPAN
Alternatively, standard HTML table syntax can be used by anyone who is familar with HTML coding. A simple single row table with three small images (like the previous example) can also be done as follows:
<nowiki><table class="imageTable"><tr>
<td>[[File:Hofbrauhaus-Keller Freising 019.jpg|196px]]</td>
<td>[[File:Hofbrauhaus-Keller Freising 017.jpg|196px]]</td>
<td>[[File:Hofbrauhaus-Keller Freising 016.jpg|196px]]</td>
</table></nowiki>
== Display a random image ==
'''A random image can be displayed with various optional parameters, such as size, left or right aligned and pre-defined array of named images to limit the selection from.'''
<randomimage float="left" />
This code can be used to display a random image from the complete repository of images on the site:<br>
<span style="background:#f6f6f6;"><nowiki><randomimage float="left" /></nowiki></span><br>
A caption will be pulled from the image descripion page if one exists or if it was added when the image was originally uploaded on the site.
<br clear="all">
<randomimage float="left">Random image</randomimage> This example code can be used to display a random image with a pre-defined caption, eg. 'A random image', for all images:<br><span style= Table "background:#f6f6f6;"><nowiki><randomimage float="left">A random image</randomimage></nowiki></span> <br clear="all"> The <nowiki><randomimage></nowiki> 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 Contents images separated by a vertical bar. For example: <randomimage size="150" float="left" choices="Augustiner_001.jpg|Augustiner-Keller_002.jpg|Augustiner-Keller_003.jpg" />
<br clear="all">
== YouTube and Google videos 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 add a video from YouTube hide this on a page, copy add the video ID from a YouTube URL, e.g.[http://www.youtube.com/watch?v=PfLz-Yx6k14 http://www.youtube.com/watch?v=string <font color="red"nowiki>PfLz-Yx6k14__NOTOC__</fontnowiki>] and paste anywhere in the relevant bit into the edit form within a ''youtube'' tag as follows:page markup.
To add a Google video from YouTube on a any page, find simply copy the video ID by clicking the '''Embed video''' link next to the video screen or copy it from the a YouTube URL if one is part of it, e.g. For example: [http://videowww.googleyoutube.com/videoplaywatch?docidv=-4130343380896166511# I2DiJzlWvGw http://videowww.googleyoutube.com/videoplaywatch?docidv=<font color="red">-4130343380896166511I2DiJzlWvGw</font>#]and paste into a ''youtube'' tag in the edit form as follows:
<googlevideoHTML5video type="youtube">-4130343380896166511I2DiJzlWvGw</googlevideoHTML5video>
<!--
== Article comments ==
To add a blog style comments field below an article, such as this one: ...
<comments hideForm="false" />
The comments are added to the discussion section of each page.
-->
<!--<ads media=responsive></ads>-->
[[de:Bearbeitungshilfe]]