Changes

'''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>[http://www.example.com exampeexample]</nowiki>

This will result in [http://www.example.com exampeexample]

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:

[[Filemedia:AugustinerHofbrauhaus-Keller_003Keller_Freising_006.jpg|135px|link<span style=Augustiner"color:#ff0000; font-Kellerweight:bold;">|</span>A Maß of HB lager]]

<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>

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:

<skype style="bigclassic" action="calladd">MunichBeerGardenmunichbeergardens.com</skype>

== '''Google Maps''' ==

[[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...

<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>

<nowiki><br clear="all"></nowiki></pre>

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 following example includes a 1,500 pixels {{wide image of the [[Augustiner-Keller]] entrance |Biergarten sign004. It generates a scrollbar below the image only on browser windows that are otherwise not wide enough to display the image width completely without sideways scrolling of the browser window itself:jpg|3000px|Biergarten sign}}

<nowiki>{{The following example includes a 1,500 pixels wide image|of the [[Augustiner-Keller 036]] entrance sign.jpg|1500px|Augustiner-Keller}}</nowiki>The code generates 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:

:<nowiki>{{wide image|Augustiner-Keller 036.jpg|1500px|Augustiner-Keller}}</nowiki>

Using the {{wide image|Augustiner-Keller 036.jpg|1500px|Augustiner-Keller entrance sign}}The wide image method box is recommened best used for displaying images that are displayed wider than 600 800 pixels, since it prevents preventing the images visible image area from stretching beyond a browsers natural 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, which would cause text paragraphs of an entire page require sideways scrolling when viewed on narrow screens, such as hand-held phone browsers and netbooks.

{{wide image|Schlosswirtschaft Mariabrunn 050011.jpg|1500px|View of Munich city skyline with alps in the background, view from the hilltop at [[Schlosswirtschaft Mariabrunn|Mariabrunnbeer garden]] with the alps behind.|45%|left}}

'''Defining a Image box size of scroll-box:and alignment'''

Here This is an example of a left-aligned scroll-box image with a scrollbar taking up 45% of the paragraph width:

{{wide image|Schlosswirtschaft Mariabrunn 050011.jpg|1500px|View of Munich city from [[Schlosswirtschaft Mariabrunn|Mariabrunn]] skyline with alps in the alps behindbackground...|45%|left}}

The width of the scroll-scrollable box can also be defined in exact pixels set to a fixed pixel width rather than a percentage of the paragraph or default 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'' valie can be '''left''', '''right''', '''center''', or '''none'''. 

To display an image without a captionThe ''alignment'' value can be '''left''', simply omit the caption'''right''', '''center''', or '''none''' (same as if omitted altogether).

== Standard display for images layout ==

The individual beer garden pages typically have one large image and three smaller ones below in a 600 pixels wide table. The table is , using wiki markup mark-up with some added styling to create the margins between images and table cells. The first table cell with the large image spans three columns . The colums below it which can have one or more rows. This Below is an example of mark-up used to display one large image with and six smaller images in two rows belowit on the page titled [[Hofbrauhaus-Keller Freising]]:

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:

== Table 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 Contents 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="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 images separated by a vertical bar. For example:

The table of contents (TOC) is automatically shown at the top of a page if there are four or more headings in an article<randomimage size="150" float="left" choices="Augustiner_001.jpg|Augustiner-Keller_002.jpg|Augustiner-Keller_003. To hide this on a page, add the string <nowiki>__NOTOC__<jpg" /nowiki> anywhere in the page markup.

<br clear== YouTube and Google videos =="all">

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 http://www.youtube.com/watch?v=<font colorTable of Contents =="red">PfLz-Yx6k14</font>] and paste the relevant bit into the edit form within a ''youtube'' tag as follows:

<pre>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 <nowiki><youtube>PfLz-Yx6k14</youtube>__NOTOC__</nowiki></pre>anywhere in the page markup.

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# http://video.google.com/videoplay?docid=<font colorYouTube videos =="red">-4130343380896166511</font>#]

Then To add a video from YouTube on any page, simply place copy the video ID in the following ''googlevideo'' tagfrom a YouTube URL, e.g.[http://www.youtube.com/watch?v=I2DiJzlWvGw http:<pre><nowiki><googlevideo>-4130343380896166511</googlevideo>/www.youtube.com/watch?v=</nowikifont color="red">I2DiJzlWvGw</prefont>] and paste into a ''youtube'' tag in the edit form as follows:

<googlevideopre><nowiki><HTML5video type="youtube">I2DiJzlWvGw</HTML5video></nowiki>-4130343380896166511</googlevideopre>

To add a blog style comments field below an article, such as this one: ...