Befehlesammlung
- Brotkrumen-Menü
- Individuelle Profilseiten anzeigen:
- Teaser anreißen und dann zur ganzen Seite:
- Seiteninhalte einbinden
- Verschiedene link optionen und dann auch noch englisch ^^
- LINK Examples
- How to embed...
- INSTAGRAM Examples
- SOUNDCLOUD Beispiele
- YOUTUBE Beispiele
- Lightbox Beispiele
- Previousnext - Links zur vorherigen/nächsten Seite anzeigen.
- SLIDER
- ICON hinzufügen:
- EMOJI hinzufügen:
- Google-Karte
- G-MAP Beispiele:
- INHALTSverzeichnis:
- SPOILER-beispiel
- ACCORDION Examples
- FORMATE experimentell eingefügt
- How to highlight source code
- Settings
Hier ist nur mal eine kleine Sammlung verschiedener Shortcuts und Befehle hier, die ich mir nicht alle merken kann.
Dieses "Markup" is mir noch nicht so geläufig und so...
Brotkrumen-Menü
z.B.: Startseite > Über > Befehlesammlung
[breadcrumb]
Individuelle Profilseiten anzeigen:
[profile deinname] | [profile weiterername]
Teaser anreißen und dann zur ganzen Seite:
[--more--]
Seiteninhalte einbinden
[include] noch nicht getestet Location = Ort der einzubindenden Seite Mode = Anzeigemodus, full oder teaser
[include /about/ronxtcdabass teaser]
oder klassisch per iframe:
<iframe src="/reactions/index.php" frameborder="0" width="100%" height="1024"/></iframe>
oder
<iframe src="../media/iframes/iframe1.html"> </iframe>
Verschiedene link optionen und dann auch noch englisch ^^
[link] target = slug (possibly with #fragment) of internal page in content, or name of file in media/downloads, or address of external page or file text = text to be used in link (if omitted, for internal pages the title of the page is used), wrap multiple words into quotes
LINK Examples
Adding an internal link:
[link somepage]
[link somepage#fragment]
[link somepage "A beautiful page"]
[link somefile.pdf "An interesting reading"]
Adding an internal link to different pages with the same slug or to different files with the same name:
[link path/to/somepage]
[link anotherpath/to/somepage]
[link path/to/somefile.pdf]
[link anotherpath/to/somefile.pdf]
Adding an external link:
[link https://example.com/somepage "An example page"]
[link https://example.com/somepage.html "Another example page"]
[link https://example.com/somefile.pdf "A PDF file"]
[Open link in new tab](https://datenstrom.se){target=_blank}
oder standart html:
<a href="https://datenstrom.se/de/yellow/" target="_blank">Link in einem neuen Tab öffnen</a>
How to embed...
[instagram]
INSTAGRAM Examples
Embedding a post or reel:
[instagram BISN9ngjV2-] [instagram BISN9ngjV2- light - 500] [instagram BISN9ngjV2- light right 500]
Theme = photo theme, currently light only Style = photo style, e.g. left, center, right Width = photo width, pixel or percent
SOUNDCLOUD Beispiele
Audiospur einbinden:
[soundcloud 101175715]
Audiospur einbinden, Stil und Abmessungen anpassen:
[soundcloud 101175715 left 200 166] [soundcloud 101175715 right 200 166]
YOUTUBE Beispiele
Video einbinden, unterschiedliche Videos:
[youtube fhs55HEl-Gc] [youtube wNiyp89pTi0] [youtube OV5J6BfToSw]
Video einbinden, unterschiedliche Größen:
[youtube fhs55HEl-Gc right 50%] [youtube fhs55HEl-Gc right 200 112] [youtube fhs55HEl-Gc right 400 224]
Lightbox Beispiele
Ein Bild mit der Lightbox öffnen und der Gruppe Yellow zuordnen:
[lightbox photo.jpg image "Open image" yellow]
Einen Bild-Link zum Öffnen der Lightbox erstellen:
[[image photo.jpg Beispiel - 50%]](/media/images/photo.jpg){.lightbox}
Ein Youtube-Video abspielen:
[lightbox fhs55HEl-Gc youtube "Play video"]
Eine Website in einem Iframe öffnen:
[lightbox https://www.wikipedia.org iframe "Open Wikipedia" - 100%]
Previousnext - Links zur vorherigen/nächsten Seite anzeigen.
[previousnext]
SLIDER
Bildergalerie aus einem Unterverzeichnis hinzufügen, unterschiedliche Größen:
[slider photo-album/ name loop 25%] | [slider photo-album/ name loop 50%] | [slider photo-album/ name loop 100%]
Bildergalerie hinzufügen, mit unterschiedlichen Verzögerungszeiten abspielen:
[slider photo.*jpg name loop 100% 1000] | [slider photo.*jpg name loop 100% 2000] | [slider photo.*jpg name loop 100% 5000]
ICON hinzufügen:
:icon-envelope-o: :icon-github: :icon-youtube:
EMOJI hinzufügen:
:smile: :heart: :coffee:
Google-Karte
[googlemap]
Address = Text den man auf Google-Maps eingibt, mehrere Wörter in Anführungszeichen setzen
Zoom = Zoomwert, der Standardzoom ist 15 Style = Kartenstil, z.B. left, center, right Width = Kartenbreite, Pixel oder Prozent
G-MAP Beispiele:
Karte einbinden, unterschiedliche Adressen:
[googlemap Stockholm] [googlemap "Malmö, Gamla staden"] [googlemap "Bredgatan 1, Lund, Sweden"]
Karte einbinden, GPS-Koordinaten:
[googlemap "59.32820, 18.07007"]
INHALTSverzeichnis:
---
[toc]
SPOILER-beispiel
Klicke auf das Symbol zum Einblenden.
➕ SPOILER[spoilerstart -text- ] Inhalt [spoilerstop]
ACCORDION Examples
> Apple
> : Pomaceous fruit of plants of the genus Malus in
> the family Rosaceae.
- Orange
- The fruit of an evergreen tree of the genus Citrus.
FORMATE experimentell eingefügt
Textgröße = [ size= ?? ] Text [/size] -> Größe 36
Unterstrichen = [ u ] Text [/u] -> Unterstrichen
Textfarbe = [ color=red ] Text [/color] -> Rot
Durchgestrichen = [ s ] Text [/s] -> Durchgestrichen
- Ausrichtung Links =
[ left ] Text [/left]
Text LINKS - Ausrichtung Zentriert =
[ center ] Text [/center]
Text Mittig Ausrichtung Rechts =
[ right ] Text [/right]
Text RechtsHintergrundfarbe
[ bcolor=yellow ] Text [/bcolor]Text
How to highlight source code
Wrap your code blocks in ``` and add a language identifier.
The following programming languages are included: C, CPP, CSS, HTML, JavaScript, JSON, Lua, PHP, Python and more ...
Settings
The following settings can be configured in file system/extensions/yellow-system.ini:
HighlightLineNumber = show line number, 1 or 0 HighlightAutodetectLanguages = languages for automatic detection, comma separated







