Wiki source code of Help

Version 48.1 by Christina Chatwell on 2026/04/27 17:32

Show last authors
1
2 == subdivision page ==
3
4 A page can be divided into sections, with sections introduced by level 2 headings.
5
6 {{info}}
7 {{{
8 == information ==
9 .....
10 == exercise ==
11 .....
12 }}}
13 {{/info}}
14
15 ==blue box==
16 {{info}}
17 {{{
18 {{info}} information {{/info}}
19 }}}
20 {{/info}}
21
22 == task ==
23
24 {{info}}
25 {{{
26 {{exercise id="name" source="AG Englisch"}}
27 task {{/exercise}}
28 }}}
29 {{/info}}
30
31
32
33 == important formatting ==
34
35 |{{{(%class="abc"%)
36 1. point one
37 1. point two
38 }}}|(((
39 (% class="abc" %)
40 1. point one
41 1. point two
42 )))
43 |italics {{{//f//}}}| //f//
44 |bold {{{**L**}}}| **L**
45
46 lines ~_
47
48 == include images ==
49
50 To insert an image, you must exit edit mode and upload the image as an attachment at the very bottom of the page. You can then use
51
52 {{info}}
53 {{{
54 [[image:name.png]]
55 }}}
56 {{/info}}
57
58 The recommended file formats for images are PNG, SVG, and JPG. SVG has the advantage of scaling without loss of quality and looking perfect even when printed. PNG is suitable for diagrams, and JPG for photos. For both, it is recommended to upload the image at a high resolution (e.g., HD: 1,280 x 720 pixels) and then scale it to a suitable size using ##{{{[[image:name.png||width=600]]}}}##. Thanks to the extra pixels, the image will then look good even when printed. You can center the image using ##{{{||style=“display: block; margin: auto”}}}##. Using ##{{{||style=“float: right”}}}## positions the image on the right margin, with text flowing around it on the left.
59
60 Depending on where the image comes from, a license notice must be added. The [[License Notice Generator>>https://lizenzhinweisgenerator.de]] can be helpful for this.
61
62 == table ==
63
64 {{info}}
65 {{{
66 |=Header cell|=another one
67 |Normal cell|without =
68 }}}
69 {{/info}}
70
71 |=Header cell|=another one
72 |Normal cell|without =
73
74 This is what a standard table looks like. It isn't suitable for every purpose. Sometimes you might not want borders, or you might want full borders, or you might want less space between the rows. For these cases, there are three pre-designed templates that you can apply as follows:
75
76 {{info}}
77 {{{
78 (% class="noborder" %)
79 |=Header cell|=another one
80 |Normal cell|without =
81 }}}
82 {{/info}}
83
84 (% class="noborder" %)
85 |=Header cell|=another one
86 |Normal cell|without =
87
88 {{info}}
89 {{{
90 (% class="border" %)
91 |=Header cell|=another one
92 |Normal cell|without =
93 }}}
94 {{/info}}
95
96 (% class="border" %)
97 |=Header cell|=another one
98 |Normal cell|without =
99
100 {{info}}
101 {{{
102 (% class="border slim" %)
103 |=Header cell|=another one
104 |Normal cell|without =
105 }}}
106 {{/info}}
107
108 (% class="border slim" %)
109 |=Header cell|=another one
110 |Normal cell|without =
111
112 **Note:** ##slim## can be used in combination with ##border## and ##noborder##
113
114 == lists ==
115
116 Normally, ordered lists (Markup: {{code}}1. {{/code}}) are numbered with numbers. In the exercises, use the following code to display a, b, c instead.
117
118 {{info}}
119 {{{
120 (% class="abc" %)
121 1. Subtask 1
122 1. Subtask 2
123 1. Subtask 3
124 }}}
125 {{/info}}
126
127 (% class="abc" %)
128 1. Subtask 1
129 1. Subtask 2
130 1. Subtask 3
131
132 == Clicking on a word opens a new page with information ==
133
134 {{info}}
135 {{{
136 [[word]]
137 }}}
138 {{/info}}
139
140 [[word]]
141
142 == A small pop-up appears when you press a round button ==
143
144 {{info}}
145 {{{
146 {{tooltip event="click"}}Information you want to display {{/tooltip}}
147 }}}
148 {{/info}}
149
150 {{tooltip event="click"}}Information you want to display{{/tooltip}}