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 a text and force a ''clear-all'' break after this sentence...

<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 this the sentence...</nowiki>

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 image|''name''|''image width''|''caption''|''box width''|''alignment''<nowiki>}}</nowiki>

:<nowiki>{{</nowiki>Wide wide image|''name''Biergarten sign 004.jpg|''image width''|''caption''|''box width''3000px|''alignment''<nowiki>Biergarten sign}}</nowiki>

The following example code includes a 1,500 pixels wide image of the [[Augustiner-Keller]] entrance sign. The code generates a scrollbar below the image on browser and systems with browsers that are otherwise not wide enough to display the full width of the image without sideways scrolling of the entire browser windowsideways:

{{wide image|Augustiner-Keller 036.jpg|1500px|Augustiner-Kellerentrance sign}} Using the The wide image method box is recommened when best used for displaying images that are wider than 600 800 pixels, since it prevents them preventing the visible image area from stretching beyond individual browser's natural widths that would otherwise force subsequent text-paragraphs to require sideways scrolling of past the entire browser window when displayed available screen space on small mobile devices. A scroll bar will appear only on narrow screens of various hand-held devices and small netbookswhere the image is wider than the available screen width.

{{wide image|Schlosswirtschaft Mariabrunn 049011.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'''

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

{{wide image|Schlosswirtschaft Mariabrunn 049011.jpg|1500px|View of Munich city from 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 a the paragraphwidth. Alternatively, if the alignment value is ommited altogether, the image box will extend to the maximum available paragraph width of the browser's window size (as in the previous example of the Augustiner entrance sign imageexample).

== 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 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 Contents 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: <randomimage size="150" float="left" choices="Augustiner_001.jpg|Augustiner-Keller_002.jpg|Augustiner-Keller_003.jpg" />

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>

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

Then simply place the ID in the following ''googlevideo'' tag:<pre><nowiki><googlevideoHTML5video type="youtube">-4130343380896166511I2DiJzlWvGw</googlevideoHTML5video></nowiki></pre>

<googlevideoHTML5video type="youtube">-4130343380896166511I2DiJzlWvGw</googlevideoHTML5video>

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