Sample page: Difference between revisions

Jump to navigation Jump to search
No edit summary
Line 1: Line 1:
This page is about the menu {{#fas:cog}} (SETTINGS) PAGENAME > PAGENAME XXX followed by explanation on what to find on this page.
=Headline 1 General formatting of a wiki page =
https://www.mediawiki.org/wiki/Help:Formatting
 
Mediawiki automaticallly ceates a title from the name in the URL.
 
1. First element on a wiki page are the categrories the page belongs into and if applicable redirects (see below=


Diese Seite ist über das Menue {{#fas:cog}} (KONFIGURATION) PAGENAME
[[Category:xxx]]


The two elements above are at the top of each page directly after the categories. Next element is the the contents (below).  
2. Second is an explanation what the page is about. If it is a help page for a menu (opening from a ? icon on the top) the path is mentioned.


__TOC__
This page is about the menu {{#fas:cog}} (SETTINGS) PAGENAME > PAGENAME XXX followed by explanation on what to find on this page.


=General formatting =
Diese Seite ist über das Menue {{#fas:cog}} (KONFIGURATION) PAGENAME
https://www.mediawiki.org/wiki/Help:Formatting


=Headline 1=
3. Some pages have a summary box (used for slide out help) or a summary on important things to know. This section has a meaningful heading in a h1 = =


=Summary=
Summary / Zusammenfassung heading in a h1 = =
<div class="summarybox">
<div class="summarybox">
<div class="warning alert alert-danger">{{#fas:exclamation-triangle}} Format of a warning if required. </div>   
<div class="warning alert alert-danger">{{#fas:exclamation-triangle}} Format of a warning if required. </div>   
</div>
</div>


=Zusammenfassung=
<div class="summarybox">


<div class="warning alert-alert-danger">{{#fas:exclamation-triangle}} Format of a warning if required. </div> 
What you should know before you start / Was Sie wissen und tun sollten, bevor Sie loslegen heading in a h1 = =
</div>
 
=Was Sie wissen und tun sollten, bevor Sie loslegen=
<div class="bluebox">
<div class="bluebox">
Introductory text if required
Introductory text if required
</div>
</div>


=Was Sie wissen und tun sollten, bevor Sie loslegen=
4. Next element is a table of content which will be automatically generated from the headlines.
<div class="bluebox">
 
Introductory text if required
= = Heading 1
</div>
 
== == Heading 2


==Headline 2==
=== === Heading 3
===Headline 3===
====Headline 4====


==== ==== Heading 4


Put the heading text in the middle. All headings can be seen below.
__TOC__


==Headline 2==
===Headline 3 More formats===
====Headline 4 General formats====
''italic''
''italic''


'''bold'''
'''bold'''


'''''bold & italic'''''
'''''bold & italic'''''


<u>Underline (not used)</u>  
<u>Underline (not used)</u>  


<div class="bluebox">
====Code Snippets====
Before you connect and other highlighted text
</div>
 
 
 
<div class="summarybox">
This is the summary
</div>
 
 
 


Code:
Code (if you need to quote code snippets or examples):


<code>Source code</code> -> used for code examples, on many pages  pre  (blue box) is used for code which should be replaced
<code>Source code</code> -> used for code examples, on many pages  pre  (blue box) is used for code which should be replaced


<div style="background-color: #f8f9fa !important; border: 1px solid #eaecf0;border-radius: 2px; padding: 1px 4px;">
<div style="background-color: #f8f9fa !important; border: 1px solid #eaecf0;border-radius: 2px; padding: 1px 4px;">
Line 121: Line 109:
:}
:}


 
====Lists====
*ul list
Bulleted list:
*:- definition
*:- definition
*ul list
*ul list
Line 129: Line 117:




Numered list
#:- definition
#ol list
#ol list
#ol list
#ol list
Line 134: Line 124:
###ol list
###ol list


 
====Links====
[[Main_Page |internal link (pipe)]]
[[Main_Page |internal link (pipe)]]


Line 140: Line 130:




====Highlights, Warnings, Icons====
<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}}  </span>  Warning used to point at information which is critical
<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}}  </span>  Warning used to point at information which is critical


<div class="warning">{{#fas:exclamation-triangle}} Format of an important warning</div>   
<div class="warning">{{#fas:exclamation-triangle}} Format of an important warning</div>   


<span style="color: #f3e504; font-size: 150%;" >{{#fas:lightbulb}} </span>  Tip used  for additional functions, references etc.  
<span style="color: #f3e504; font-size: 150%;" >{{#fas:lightbulb}} </span>  Tip used  for additional functions, references etc.  
Line 197: Line 187:
</div>
</div>


=Collapsible Elements=
===Tables===
https://www.mediawiki.org/wiki/Help:Tables
 
{| class="wikitable"
! scope="col"| Item
! scope="col"| Quantity
|-
| 0.3 kg
| $0.65
|-
| 0.125 kg
| $1.25
|-
|}
 
{| class="wikitable"
!colspan="3"|Table
|-
|-
! scope="col"| Item
! scope="col"| Quantity
! scope="col"| Price
|-
! scope="row"| Bread
| 0.3 kg
| $0.65
|-
! scope="row"| Butter
| 0.125 kg
| $1.25
|-
! scope="row" colspan="2"| Total
| $1.90
|}
 
 
===Collapsible Elements===
Used for FAQ, Examples
Used for FAQ, Examples


Line 213: Line 239:




=Troubleshooting=
If there are many issues or the page is already long
If there are many issues or the page is already long
<div class="mw-collapsible mw-collapsed">
<div class="mw-collapsible mw-collapsed">
Line 225: Line 250:
  xxx
  xxx


=Images =
==Images and Files==
https://www.mediawiki.org/wiki/Help:Images
https://www.mediawiki.org/wiki/Help:Images
Images with a "view large link" - images can be animated gifs
Images with a "view large link" - images can be animated gifs
Line 245: Line 270:
<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}}  </span>  You might need to do a couple of hard refreshes to see the uploaded image. Or try a different browser.
<span style="color:#fe746c;“ >{{#fas:exclamation-triangle}}  </span>  You might need to do a couple of hard refreshes to see the uploaded image. Or try a different browser.


=pdf=
===pdf===
[[Media:Custom_Invoice.pdf|Download the tutorial]]
[[Media:Custom_Invoice.pdf|Download the tutorial]]


=Videos =
=Videos =


==Youtube==
===Youtube===
<embedvideo service="youtube">https://youtu.be/Ohhx1ZfPxNw</embedvideo>
<embedvideo service="youtube">https://youtu.be/Ohhx1ZfPxNw</embedvideo>


Line 256: Line 281:
<embedvideo service="youtube" dimensions="200x120">https://youtu.be/6niW6UZoHOc</embedvideo>
<embedvideo service="youtube" dimensions="200x120">https://youtu.be/6niW6UZoHOc</embedvideo>


==MP4 Upload==
===MP4 Upload===


[[File:support.mp4|640px]]
[[File:support.mp4|640px]]
Line 265: Line 290:
[[File:recovering-Covid19.mp4|center|340px]]
[[File:recovering-Covid19.mp4|center|340px]]


=Tables =
https://www.mediawiki.org/wiki/Help:Tables
{| class="wikitable"
! scope="col"| Item
! scope="col"| Quantity
|-
| 0.3 kg
| $0.65
|-
| 0.125 kg
| $1.25
|-
|}
{| class="wikitable"
!colspan="3"|Table
|-
|-
! scope="col"| Item
! scope="col"| Quantity
! scope="col"| Price
|-
! scope="row"| Bread
| 0.3 kg
| $0.65
|-
! scope="row"| Butter
| 0.125 kg
| $1.25
|-
! scope="row" colspan="2"| Total
| $1.90
|}


=Formatting of content types =
=Formatting of content types =