~~PDF:LANDSCAPE~~ **Textformatierung** \\ ''%%**fett**%%'' \\ ''%%//kursiv//%%'' \\ ''%%__unterstrichen__%%'' \\ ''%%''Festbreitenschrift''%%'' \\ ''%%_tiefgestellt%%'' \\ ''%%^hochgestellt%%'' \\ ''%%durchgestrichen%%'' \\ ''%%Text ohne Parsing %%'' \\ ''''%%Code-Text%%'''' \\ ''%%Rot%%'' \\ ''%%<<, >>, <->, <=>, =>, <=%%'' \\ ''%%$%%, %%-->%%'' \\ Neue Zeile: ''%%\\%%'' \\ Trennlinie: ''%%----%%'' \\ **fett** \\ //kursiv// \\ __unterstrichen__ \\ ''Festbreitenschrift'' \\ _tiefgestellt(nbsp) \\ ^hochgestellt(nbsp)\\ durchgestrichen \\ %%Text ohne Parsing %% \\ ''%%Code-Text%%'' \\ Rot \\ Sonderzeichen: <<, >>, <->, <=>, =>, <= \\ Sonderzeichen %%$%%, %%-->%% \\ ---- ** Überschriften ** \\ //Zum Ausblenden des Inhaltsverzeichnis auf der Seite ''%%~~NOTOC~~%%'' eingefügen.// \\ **%%====== E1 ======%%** \\ **%%===== Ebene 2 =====%%** \\ **%%==== Ebene 3 ====%%** \\ **%%=== Ebene 4 ===%%** \\ **%%== Ebene 5 ==%%** \\ ** Interne Links ** \\ DokuWiki Seite: ''%%[[Seite]]%%'' \\ DokuWiki Seite mit Bezeichnung: ''%%[[Seite|Name der Seite]]%%'' \\ DokuWiki Seite in bestimmten Namespace: ''%%[[namespace:Seite]]%%'' \\ Link zu bestimmtem Unterkapitel: ''%%[[Seite#Kapitel|Name]]%%'' \\ ** Externe Links ** \\ //DokuWiki erkennt Links zu externen URLs automatisch// \\ \\ Link mit Bezeichnung: ''%%[[https://hs-heilbronn.de/|HHN]]%%'' \\ Email Adresse: ''%%%%'' \\ Link zu einer Wikipedia Seite: ''%%[[wp>pagename]]%%'' \\ Link zu einer Google Suche: ''%%[[google>pagename]]%%'' \\ Link mit Bild: ''%%[[https://hs-heilbronn.de/|{{wiki:bild.png}}]]%%'' \\ Einbinden von Youtubevideos: ''%%{{youtube>Ljj_L2J3ODk?start=7}}%%'' ** Listen ** \\ //Wird einem Text zwei Leerzeichen und ein Sternchen vorangefügt, so wird dieser in eine **ungeordnete Liste** umgewandelt. Für eine **geordnete Liste** ist statt dem Sternchen eine Minus Zeichen zu verwenden. Nach einem Zeilenumbruch im Editor kann durch weitere Druck auf die Leertaste ein Listenpunkt in Ebene 2 erstellt werden.// **Ungeordnete Liste** \\ (nbsp)(nbsp)''%%* Listenpunkt Ebene 1%%'' \\ (nbsp)(nbsp)(nbsp)(nbsp)''%%* Listenpunkt Ebene 2%%'' \\ (nbsp)(nbsp)''%%* Listenpunkt Ebene 1%%'' \\ \\ **Geordnete Liste** \\ (nbsp)(nbsp)''%%- Listenpunkt Ebene 1%%'' \\ (nbsp)(nbsp)(nbsp)(nbsp)''%%- Listenpunkt Ebene 2%%'' \\ (nbsp)(nbsp)''%%- Listenpunkt Ebene 1%%'' \\ **Zitate** \\ ''%%> Und er sagte %%'' \\ ''%%>> Und sie sagte %%'' \\ \\ **Code** \\ ''%%%%'' \\ ''%%void main () {%%'' \\ ''%%printf ("Hello World!");%%'' \\ ''%%exit 0; }%%'' \\ ''%%%%'' * Listenpunkt Ebene 1 * Listenpunkt Ebene 2 * Listenpunkt Ebene 1 (nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)1. Listenpunkt Ebene 1 \\ (nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)a. Listenpunkt Ebene 2 \\ (nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)(nbsp)2. Listenpunkt Ebene 1 \\ > Und er sagte >> Und sie sagte \\ void main () { printf ("Hello World!"); exit 0;} ** Fußnoten ** \\ //Einfache Fußnoten sind über Text in doppelten Klammern zu erstellen. Im MexleWiki zusätzlich das Plugin [[https://www.dokuwiki.org/plugin:refnotes|RefNotes]] genutzt.// \\ ''%%[(Note1>Das wäre dann eine Fußnote)]%%''.[(Note1>Das wäre dann eine Fußnote)] \\ //Diese kann auch erneut genutzt werden //''%%[(Note1)]%%''. [(Note1)] \\ \\ ~~REFNOTES~~ ** Bilder ** \\ Bild in Originalgröße: ''%%{{wiki:image.png}}%%'' \\ Bild mit bestimmter Breite: ''%%{{wiki:image.png?50}}%%'' \\ Bild mit bestimmter Breite und Höhe: ''%%{{wiki:image.png?200x50}}%%'' \\ externes Bild mit bestimmter Breite und Höhe: ''%%{{http://url/image.png?200x50}}%%'' \\ Rechtsbündig: ''%%{{ wiki:image.png}}%%'' \\ Linksbündig: ''%%{{wiki:image.png }}%%'' \\ Zentriert: ''%%{{ wiki:image.png }}%%'' \\ mit Tooltip: ''%%{{wiki:image.png|Tooltip Text}}%%'' \\ ** Tabellen ** \\ //Zellen starten mit einem Zirkumflex (%%^%%) oder einem senkrechten Strich (%%|%%). Das Zirkumflex zeigt an, dass es sich um eine Überschrift handelt.// \\ \\ ''%%^ Überschrift1 ^ Überschrift2 ^ %%'' \\ ''%%| Zeile1 Spalte1 | Zeile1 Spalte2 | %%'' \\ ''%%| verbundene Zelle || %%'' \\ ''%%| Zeile3 Spalte1 | Zeile3 Spalte2 |%%'' \\ \\ // In diesem Wiki wird das Plugin [[http://www.dokuwiki.org/plugin:edittable|edittable]] verwendet. Für angemeldete User wird dann unter jeder Tabelle im Wiki ein Edit-Reiter angezeigt, der Änderungen erleichtert. // ** Tastenkürzel im DW-Editor** \\ //Auf dem Mac muss statt ''Ctrl'' statt ''ALT'' gedrückt werden. \\ In Chrome und Firefox muss ''ALT+↑'' statt ''ALT'' gedrückt werden. // \\ ''Strg + Z'' Undo\\ ''Strg + Y'' Redo\\ ''ALT + S'' Änderungen speichern\\ ''ALT + P'' Vorschau (Preview)\\ ''ALT + D'' markierten Text durchstreichen\\ ''ALT + I'' markierten Text //kursiv (italic)// stellen\\ ''ALT + B'' markierten Text **fett (bold)** stellen\\ ''ALT + U'' markierten Text __unterstreichen__\\ ''ALT + M'' markierten Text auf ''Festbreite (monospaced)'' stellen\\ ''ALT + L'' Link-Einfüge-Assistent öffnen\\ ''ALT + 1'' bis ''ALT + 5'' markierten Text als Überschrift der Ebene 1-5 \\ **weitere Plugins** \\ [[https://www.dokuwiki.org/plugin:wrap|WRAP]]: Erstellt Spalten, Boxen etc. ([[https://sync.einsatzleiterwiki.de/doku.php?id=wiki:hilfe:plugins:standard:wrap|Deutsche Erklärung]]) \\ [[https://www.dokuwiki.org/plugin:wavedrom|WaveDrom]]: Erstellt Signalverläufe \\ [[https://www.dokuwiki.org/plugin:a2s|A2S]]: Konvertiert ASCII-Bilder in SVG \\ [[https://www.dokuwiki.org/plugin:plantumlparser|PlantUMLparser]]: Erstellt UML-Diagramme \\ [[https://www.dokuwiki.org/plugin:latex|LaTeX]]: Wandelt $ a + b = c $ in LaTeX um (z.Zt. nur im Browser) \\ [[https://www.dokuwiki.org/plugin:folded|folded]]: Ermöglicht ausklappbare Boxen ====== DokuWiki CheatSheet ====== Bitte die Datei per "Export to PDF" (Icon rechts) ausdrucken! ---- =====Textformatierung===== ''%%**fett**%%'' \\ ''%%//kursiv//%%'' \\ ''%%__unterstrichen__%%'' \\ ''%%''Festbreitenschrift''%%'' \\ ''%%_tiefgestellt%%'' \\ ''%%^hochgestellt%%'' \\ ''%%durchgestrichen%%'' \\ ''%%Text ohne Parsing %%'' \\ ''''%%Code-Text%%'''' \\ ''%%Rot%%'' \\ ''%%<<, >>, <->, <=>, =>, <=%%'' \\ ''%%$%%, %%-->%%'' \\ Neue Zeile: ''%%\\%%'' \\ Trennlinie: ''%%----%%'' **fett** \\ //kursiv// \\ __unterstrichen__ \\ ''Festbreitenschrift'' \\ _tiefgestellt(nbsp) \\ ^hochgestellt(nbsp)\\ durchgestrichen \\ %%Text ohne Parsing %% \\ ''%%Code-Text%%'' \\ Rot \\ Sonderzeichen: <<, >>, <->, <=>, =>, <= \\ (keine) Sonderzeichen %%$%%, %%-->%% \\ \\ ---- ---- ===== Überschriften ===== //Zum Ausblenden des Inhaltsverzeichnis auf der Seite ''%%~~NOTOC~~%%'' eingefügen.// \\ **%%====== Ebene 1 ======%%** \\ **%%===== Ebene 2 =====%%** \\ **%%==== Ebene 3 ====%%** \\ **%%=== Ebene 4 ===%%** \\ **%%== Ebene 5 ==%%** \\ ---- ===== Interne Links ===== DokuWiki Seite: ''%%[[Seite]]%%'' \\ DokuWiki Seite mit Bezeichnung: ''%%[[Seite|Name der Seite]]%%'' \\ DokuWiki Seite in bestimmten Namespace: ''%%[[namespace:Seite]]%%'' \\ Link zu bestimmtem Unterkapitel: ''%%[[Seite#Kapitel|Name]]%%'' \\ [[dokuwiki_cheatsheet]] \\ [[dokuwiki_cheatsheet|Cheatsheet des Dokuwikis]] \\ [[mexle:start]] \\ [[dokuwiki_cheatsheet#Interne_Links|Cheatsheet des Dokuwikis, Kapitel Interne Links]] \\ ---- ===== Externe Links ===== //DokuWiki erkennt Links zu externen URLs automatisch// Link mit Bezeichnung: ''%%[[https://hs-heilbronn.de/|HHN]]%%'' \\ Email Adresse: ''%%%%'' \\ Link zu einer Wikipedia Seite: ''%%[[wp>pagename]]%%'' \\ Link zu einer Google Suche: ''%%[[google>pagename]]%%'' \\ Link mit Bild: \\ ''%%[[https://hs-heilbronn.de/|{{HHN_logo_full.jpg?100|zur Hochschule}}]]%%'' \\ \\ Einbinden von Youtubevideos: ''%%{{youtube>Ljj_L2J3ODk?start=7}}%%'' [[https://hs-heilbronn.de/|HHN]] \\ \\ [[wp>Heilbronn]] \\ [[google>Hochschule Heilbronn]] \\ [[https://hs-heilbronn.de/|{{HHN_logo_full.jpg?150x50|zur Hochschule}}]] \\ {{youtube>Ljj_L2J3ODk?start=7}} ---- ===== Listen ===== //Wird einem Text zwei Leerzeichen und ein Sternchen vorangefügt, so wird dieser in eine **ungeordnete Liste** umgewandelt. Für eine **geordnete Liste** ist statt dem Sternchen eine Minus Zeichen zu verwenden. Nach einem Zeilenumbruch im Editor kann durch weitere Druck auf die Leertaste ein Listenpunkt in Ebene 2 erstellt werden.// ==== Ungeordnete Liste ==== (nbsp)(nbsp)''%%* Listenpunkt Ebene 1%%'' \\ (nbsp)(nbsp)(nbsp)(nbsp)''%%* Listenpunkt Ebene 2%%'' \\ (nbsp)(nbsp)''%%* Listenpunkt Ebene 1%%'' ~~CLEARFIX~~ * Listenpunkt Ebene 1 * Listenpunkt Ebene 2 * Listenpunkt Ebene 1 ====Geordnete Liste ==== (nbsp)(nbsp)''%%- Listenpunkt Ebene 1%%'' \\ (nbsp)(nbsp)(nbsp)(nbsp)''%%- Listenpunkt Ebene 2%%'' \\ (nbsp)(nbsp)''%%- Listenpunkt Ebene 1%%'' \\ - Listenpunkt Ebene 1 - Listenpunkt Ebene 2 - Listenpunkt Ebene 1 ---- ~~CLEARFIX~~ ===== Zitate===== ''%%> Und er sagte %%'' \\ ''%%>> Und sie sagte %%'' \\ > Und er sagte >> Und sie sagte ~~CLEARFIX~~ ===== Code ===== ''%%%%'' \\ ''%%void main () {%%'' \\ ''%%printf ("Hello World!");%%'' \\ ''%%exit 0; }%%'' \\ ''%%%%'' void main () { printf ("Hello World!"); exit 0;} ---- ===== Fußnoten ===== //Einfache Fußnoten sind über Text in doppelten Klammern zu erstellen. Im MexleWiki zusätzlich das Plugin [[https://www.dokuwiki.org/plugin:refnotes|RefNotes]] genutzt.// \\ ''%%[(Note1>Das wäre dann eine Fußnote)]%%''.[(Note1>Das wäre dann eine Fußnote)] \\ //Diese kann auch erneut genutzt werden //''%%[(Note1)]%%''. [(Note1)] \\ \\ ~~REFNOTES~~ ---- ===== Bilder ===== Bild in Originalgröße: ''%%{{mexle_logo_small.jpg}}%%'' \\ \\ \\ \\ \\ \\ \\ Bild mit bestimmter Breite: ''%%{{mexle_logo_small.jpg?50}}%%'' \\ \\ \\ Bild mit bestimmter Breite und Höhe: ''%%{{mexle_logo_small.jpg?200x50}}%%'' \\ externes Bild: \\ ''%%{{https://upload.wikimedia.org/wikipedia/commons/thumb/1/19/Logo_HHN.png/400px-Logo_HHN.png}}%%'' \\ \\ \\ \\ \\ Rechtsbündig: ''%%{{ mexle_logo_small.jpg}}%%'' \\ \\ \\ \\ \\ \\ Linksbündig: ''%%{{mexle_logo_small.jpg }}%%'' \\ \\ \\ \\ \\ \\ \\ Zentriert: ''%%{{ mexle_logo_small.jpg }}%%'' \\ \\ \\ \\ \\ \\ \\ mit Tooltip: ''%%{{mexle_logo_small.jpg|MEXLE}}%%'' {{mexle_logo_small.jpg}} \\ {{mexle_logo_small.jpg?50}} \\ {{mexle_logo_small.jpg?200x50}} \\ {{https://upload.wikimedia.org/wikipedia/commons/thumb/1/19/Logo_HHN.png/400px-Logo_HHN.png}} \\ {{ mexle_logo_small.jpg}} \\ \\ \\ \\ \\ \\ \\ {{mexle_logo_small.jpg }} \\ \\ \\ \\ \\ \\ \\ {{ mexle_logo_small.jpg }} {{mexle_logo_small.jpg|MEXLE}} ---- =====Tabellen ===== //Zellen starten mit einem Zirkumflex (%%^%%) oder einem senkrechten Strich (%%|%%). Das Zirkumflex zeigt an, dass es sich um eine Überschrift handelt.// \\ \\ ''%%^ Überschrift1 ^ Überschrift2 ^ %%'' \\ ''%%| Zeile1 Spalte1 | Zeile1 Spalte2 | %%'' \\ ''%%| verbundene Zelle || %%'' \\ ''%%| Zeile3 Spalte1 | Zeile3 Spalte2 |%%'' ^ Überschrift1 ^ Überschrift2 ^ \\ | Zeile1 Spalte1 | Zeile1 Spalte2 | \\ | verbundene Zelle || \\ | Zeile3 Spalte1 | Zeile3 Spalte2 | \\ \\ // In diesem Wiki wird das Plugin [[http://www.dokuwiki.org/plugin:edittable|edittable]] verwendet. Für angemeldete User wird dann unter jeder Tabelle im Wiki ein Edit-Reiter angezeigt, der Änderungen erleichtert. // ---- ===== Tastenkürzel im DW-Editor===== //Auf dem Mac muss statt ''Ctrl'' statt ''ALT'' gedrückt werden. \\ In Chrome und Firefox muss ''ALT+↑'' statt ''ALT'' gedrückt werden. // \\ ''Strg + Z'' Undo\\ ''Strg + Y'' Redo\\ ''ALT + S'' Änderungen speichern\\ ''ALT + P'' Vorschau (Preview)\\ ''ALT + D'' markierten Text durchstreichen\\ ''ALT + I'' markierten Text //kursiv (italic)// stellen\\ ''ALT + B'' markierten Text **fett (bold)** stellen\\ ''ALT + U'' markierten Text __unterstreichen__\\ ''ALT + M'' markierten Text auf ''Festbreite (monospaced)'' stellen\\ ''ALT + L'' Link-Einfüge-Assistent öffnen\\ ''ALT + 1'' bis ''ALT + 5'' markierten Text als Überschrift der Ebene 1-5 \\ ---- =====weitere Plugins===== [[https://www.dokuwiki.org/plugin:wrap|Wrap]]: Erstellt Spalten, Boxen etc. ([[https://sync.einsatzleiterwiki.de/doku.php?id=wiki:hilfe:plugins:standard:wrap|Deutsche Erklärung]]) //**__Äußerer gelber "Achtung"kasten, rechts positioniert und links umflossen__**// Innerer, verschachtelter Kasten links positioniert und rechts umflossen. Dieser Text wird erst nach Markieren mit der Maus sichtbar. Text im äußeren, rechts positionierten Kasten, aber nach dem inneren, links positionierten Kasten. Auch Hervorhebungen sind möglich. Runder "Alert"-Kasten. //**__Äußerer gelber "Achtung"kasten, rechts positioniert und links umflossen__**// Innerer, verschachtelter Kasten links positioniert und rechts umflossen. Dieser Text wird erst nach Markieren mit der Maus sichtbar. Text im äußeren, rechts positionierten Kasten, aber nach dem inneren, links positionierten Kasten. Auch Hervorhebungen sind möglich. Runder "Alert"-Kasten. ~~CLEARFIX~~ [[https://www.dokuwiki.org/plugin:wavedrom|WaveDrom]]: Erstellt Signalverläufe ([[https://wavedrom.com/editor.html|Online-Editor]] vorhanden) \\ {signal: [ {name: 'SDA', wave: '104|43101', node: '.a.........d', data: ['D7 . . . . D1', 'D0', 'ACK'], phase: -0.6}, {name: 'SCL', wave: '10p.|p....'}, ]} \\ \\ {signal: [ {name: 'SDA', wave: '104|43101', node: '.a.........d', data: ['D7 . . . . D1', 'D0', 'ACK'], phase: -0.6}, {name: 'SCL', wave: '10p.|p....'}, ]} ~~CLEARFIX~~ [[https://www.dokuwiki.org/plugin:a2s|A2S]]: Konvertiert ASCII-Bilder in SVG \\ .---+--. .---+-. .------. | MMC | | MMC | |Power | | 32U4 | |328PB| |Supply| '-+-+--' '--+--' '-+----' ^ | ^ | | | : | : : v | v | | .---+-------+------+-. |[BB]Modulträger 3×2 | '--------------------' [BB]: {"a2s:link":"[[:start|The start page]]", "fill":"#88d","a2s:delref":true} \\ \\ .---+--. .---+-. .------. | MMC | | MMC | |Power | | 32U4 | |328PB| |Supply| '-+-+--' '--+--' '-+----' ^ | ^ | | | : | : : v | v | | .---+-------+------+--. |[BB] Modulträger 3×2 | '---------------------' [BB]: {"a2s:link":"[[:start|The start page]]", "fill":"#88d","a2s:delref":true} ~~CLEARFIX~~ [[https://www.dokuwiki.org/plugin:plantumlparser|PlantUMLparser]]: Erstellt UML-Diagramme ([[http://www.plantuml.com/plantuml/umla/bT9FIyGm40NmUpx5syiUXC3kLL3GtOFWtZnu40cfH0bf4x2fftvufq4fmHUAfzBE_FecVrHmFZhpc8PXYZxOx5F4DRGws-oYdSOFsxcZV2dldS-umR4g7khYGQcNgrTeVGlsQvedlU1px9vE5yopFCztd8fzjfyIR-pqRavzUWlcaeGkSh-7G2ZM8P3ADLGebqBlVHvDxyQb5hB_0h1cxaeeQn7PffJm5JxutpaLgmdvln5KdolmTrLGh4VejkMqlPbbr3RY5sR9QUz9VQdh6NyeQz6ILrj2kTmuF6xQEr96_0O0|Online-Editor]] vorhanden) @startuml keine_Kommunikation : - Warten_auf_Clock_Lo : Output Low [*] --> keine_Kommunikation keine_Kommunikation -> keine_Kommunikation : !SCL || !SDA keine_Kommunikation --> Warten_auf_Clock_Lo : SCL && SDA Warten_auf_Clock_Lo -> Warten_auf_Clock_Lo : !SCL || SDA Warten_auf_Clock_Lo --> Bits_lesen_aktiv : SCL && !SDA Bits_lesen_aktiv -> Bits_lesen_aktiv : SCL Bits_lesen_aktiv --> keine_Kommunikation : !SCL @enduml \\ @startuml keine_Kommunikation : - Warten_auf_Clock_Lo : Output Low [*] --> keine_Kommunikation keine_Kommunikation -> keine_Kommunikation : !SCL || !SDA keine_Kommunikation --> Warten_auf_Clock_Lo : SCL && SDA Warten_auf_Clock_Lo -> Warten_auf_Clock_Lo : !SCL || SDA Warten_auf_Clock_Lo --> Bits_lesen_aktiv : SCL && !SDA Bits_lesen_aktiv -> Bits_lesen_aktiv : SCL Bits_lesen_aktiv --> keine_Kommunikation : !SCL @enduml ~~CLEARFIX~~ [[https://www.dokuwiki.org/plugin:latex|LaTeX]]: Wandelt LaTex in Formeln um (z.Zt. nur im Browser)\\ $ a + b = c $ \\ \\ \\ $a + b = c $ ~~CLEARFIX~~ [[https://www.dokuwiki.org/plugin:folded|Folded]]: Ermöglicht ausklappbare Boxen mitten im Text kann ein ++Teil| versteckt sein ++ oder auch als ++++ Absatz| mit verstecktem Text ++++ \\ \\ mitten im Text kann ein ++Teil| versteckt sein ++ oder auch als ++++ Absatz| mit verstecktem Text ++++ ~~CLEARFIX~~ [[https://www.dokuwiki.org/plugin:barcodes|barcodes]]: Ermöglicht u.a. das Einfügen eines QR-Codes mittels \\ '' '' ~~CLEARFIX~~ [[https://www.dokuwiki.org/plugin:drawio|DrawIO]]: Bietet das Einfügen von Online bearbeitbaren Bildern: \\ ''{{drawio>Bildname}}'' {{drawio>Bildname}} ~~CLEARFIX~~ [[https://www.dokuwiki.org/plugin:bootswrapper|BootsWrapper]]: Bietet in Verbindung mit dem [[https://www.dokuwiki.org/template:bootstrap3|BootStrap3 Template]] eine bessere Oberfläche. Daneben sind einige weitere Features auf den Wikiseiten möglich z.B. \\ {{fa>pencil?32}} Suchen Sie die Details zum BootStrap Template unter [[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper|Lotar's Wiki]] und schreiben Sie diese zusammen. Betrachten Sie insbesondere Buttons und deren Effekte, sowie Icons (z.B. von [[https://fontawesome.com/|FontAwesome]]): {{fa>spinner?5x&pulse}}{{fa>cog?5x&spin}} Beim klicken... {{fa>pencil?32}} Suchen Sie die Details zum BootStrap Template unter [[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper|Lotar's Wiki]] und schreiben Sie diese zusammen. Betrachten Sie insbesondere Buttons und deren Effekte, sowie Icons (z.B. von [[https://fontawesome.com/|FontAwesome]]): {{fa>spinner?5x&pulse}}{{fa>cog?5x&spin}} Beim klicken... ~~CLEARFIX~~ [[https://www.dokuwiki.org/plugin:imagereference|ImageReference]]: Ermöglicht schöne Bildunterschriften und Referenzen zu Bildern z.B. \\ {{mexle_logo_small.jpg}} Rechts ist zu sehen. {{mexle_logo_small.jpg}} Rechts ist zu sehen.