Wiki source code of Help
Version 51.1 by Martina Wagner on 2026/04/27 17:40
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | == subdivision page == | ||
| 2 | |||
| 3 | A page can be divided into sections, with sections introduced by level 2 headings. | ||
| 4 | |||
| 5 | {{info}} | ||
| 6 | {{{ | ||
| 7 | == information == | ||
| 8 | ..... | ||
| 9 | == exercise == | ||
| 10 | ..... | ||
| 11 | }}} | ||
| 12 | {{/info}} | ||
| 13 | |||
| 14 | == blue box == | ||
| 15 | |||
| 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 | {{info}} | ||
| 48 | {{{ | ||
| 49 | ~_~_~_~_~_~_~_~_~_~_~_~_ | ||
| 50 | }}} | ||
| 51 | {{/info}} | ||
| 52 | |||
| 53 | ~_~_~_~_~_~_~_~_~_~_~_~_ | ||
| 54 | |||
| 55 | == include images == | ||
| 56 | |||
| 57 | 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 | ||
| 58 | |||
| 59 | {{info}} | ||
| 60 | {{{ | ||
| 61 | [[image:name.png]] | ||
| 62 | }}} | ||
| 63 | {{/info}} | ||
| 64 | |||
| 65 | 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. | ||
| 66 | |||
| 67 | 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. | ||
| 68 | |||
| 69 | == table == | ||
| 70 | |||
| 71 | {{info}} | ||
| 72 | {{{ | ||
| 73 | |=Header cell|=another one | ||
| 74 | |Normal cell|without = | ||
| 75 | }}} | ||
| 76 | {{/info}} | ||
| 77 | |||
| 78 | |=Header cell|=another one | ||
| 79 | |Normal cell|without = | ||
| 80 | |||
| 81 | 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: | ||
| 82 | |||
| 83 | {{info}} | ||
| 84 | {{{ | ||
| 85 | (% class="noborder" %) | ||
| 86 | |=Header cell|=another one | ||
| 87 | |Normal cell|without = | ||
| 88 | }}} | ||
| 89 | {{/info}} | ||
| 90 | |||
| 91 | (% class="noborder" %) | ||
| 92 | |=Header cell|=another one | ||
| 93 | |Normal cell|without = | ||
| 94 | |||
| 95 | {{info}} | ||
| 96 | {{{ | ||
| 97 | (% class="border" %) | ||
| 98 | |=Header cell|=another one | ||
| 99 | |Normal cell|without = | ||
| 100 | }}} | ||
| 101 | {{/info}} | ||
| 102 | |||
| 103 | (% class="border" %) | ||
| 104 | |=Header cell|=another one | ||
| 105 | |Normal cell|without = | ||
| 106 | |||
| 107 | {{info}} | ||
| 108 | {{{ | ||
| 109 | (% class="border slim" %) | ||
| 110 | |=Header cell|=another one | ||
| 111 | |Normal cell|without = | ||
| 112 | }}} | ||
| 113 | {{/info}} | ||
| 114 | |||
| 115 | (% class="border slim" %) | ||
| 116 | |=Header cell|=another one | ||
| 117 | |Normal cell|without = | ||
| 118 | |||
| 119 | **Note:** ##slim## can be used in combination with ##border## and ##noborder## | ||
| 120 | |||
| 121 | == lists == | ||
| 122 | |||
| 123 | Normally, ordered lists (Markup: {{code}}1. {{/code}}) are numbered with numbers. In the exercises, use the following code to display a, b, c instead. | ||
| 124 | |||
| 125 | {{info}} | ||
| 126 | {{{ | ||
| 127 | (% class="abc" %) | ||
| 128 | 1. Subtask 1 | ||
| 129 | 1. Subtask 2 | ||
| 130 | 1. Subtask 3 | ||
| 131 | }}} | ||
| 132 | {{/info}} | ||
| 133 | |||
| 134 | (% class="abc" %) | ||
| 135 | 1. Subtask 1 | ||
| 136 | 1. Subtask 2 | ||
| 137 | 1. Subtask 3 | ||
| 138 | |||
| 139 | == Clicking on a word opens a new page with information == | ||
| 140 | |||
| 141 | {{info}} | ||
| 142 | {{{ | ||
| 143 | [[word]] | ||
| 144 | }}} | ||
| 145 | {{/info}} | ||
| 146 | |||
| 147 | [[word]] | ||
| 148 | |||
| 149 | == A small pop-up appears when you press a round button == | ||
| 150 | |||
| 151 | {{info}} | ||
| 152 | {{{ | ||
| 153 | {{tooltip event="click"}}Information you want to display {{/tooltip}} | ||
| 154 | }}} | ||
| 155 | {{/info}} | ||
| 156 | |||
| 157 | {{tooltip event="click"}} | ||
| 158 | Information you want to display | ||
| 159 | {{/tooltip}} |