Gästebuch, Design & BBCode

Hier geht es um Gästebuch, Vorschau, Design und BBCode.

Wächter-Bot Olaf

Wächter-Bot Olaf ist jetzt als echter Moderator-Bot eingebunden. Sein Gästebuch ist öffentlich anschaubar und enthält eine Fragenliste zu BBCode/Hilfe-Themen. Wenn man ihn mit Wächter Olaf anspricht, kann er erklären, wie man z.B. Text fett macht, Farben nutzt, Bilder einfügt, Links setzt, Listen erstellt oder Ab-18-Inhalte markiert.

Z.B. Wächter Olaf Wie mache ich Text fett? - er antwortet. Wird er direkt gerufen über Wächter Olaf, kommt er für ca. 5 Minuten in den Raum, antwortet und verschwindet wieder.

Gästebuch & Design

Bereich	Erklärung
`Charakter editieren`	Öffnet die Gästebuch-Bearbeitung.
Vorschau	Die Vorschau zeigt das Gästebuch so, wie es später für andere aussieht.
Neuladen	Wenn die Vorschau offen ist, übernimmt ein Neuladen auch den aktuellen Entwurfsstand.
Farben & Hintergründe	Farben, Design, Bilder und Musik werden gästebuchweit gespeichert und mit einem Speichern auf alle Seiten übernommen.
Bearbeitungsschritte	Die Bearbeitung ist in Charakter, Gästebuch-Design, Seiteninhalt, Gesamt & Medien, Bilder & Links und Design übernehmen aufgeteilt, damit Inhalte und globale Einstellungen sauber getrennt bleiben.
Verlauf	Nur die vorgefertigten Designs haben Verlauf. Eigene Farbwerte bleiben ohne Verlauf.
Bilder	Bilder innerhalb und außerhalb des Rahmens funktionieren über Bild-URL und Transparenz und gelten jetzt für das ganze Gästebuch.
Hintergrundmusik	Im Schritt `Gesamt & Medien` kannst du einen normalen YouTube-Link als Hintergrundmusik speichern. Er gilt für das komplette Gästebuch, nicht seitenweise.
Transparenz ohne Bild	Auch ohne Bild wirkt die Transparenz auf die Hintergrundfarbe und macht sie entsprechend durchscheinend.
Private Einträge	Private Einträge sehen nur du, der Besitzer und Admins.
Briefsymbol	Das Briefsymbol zeigt neue Gästebuch-, System- und Festspielnachrichten.
GB-Link	Mit `[gb]Charaktername[/gb]` kannst du direkt im Gästebuch auf andere Gästebücher verlinken.

Bilder & Links – Medienarchiv

Im Schritt Bilder & Links findest du die eigene Mediensammlung dieses Gästebuchs. Dort werden lokal gesicherte Bilder, GIFs und direkte Videodateien zusammen mit ihrem internen Heldenhafte-Reisen-Link angezeigt.

Funktion	Erklärung
Externe Medien sichern	Klicke auf `Externe Medien jetzt sichern`. Externe Bilder, GIFs sowie direkt verlinkte MP4/WebM-Dateien aus diesem Gästebuch werden geprüft und – soweit unterstützt – auf Heldenhafte Reisen gespeichert.
Danach neu laden	Nach der Sicherung die Seite einmal neu laden. Danach erscheinen die gespeicherten Medien im Bereich `Bilder & Links`.
Interner Link	Unter jedem gespeicherten Medium steht ein interner Link von Heldenhafte Reisen. Dieser Link bleibt unabhängig vom ursprünglichen externen Anbieter bestehen.
Link kopieren	Mit `Link kopieren` kopierst du nur die interne Medienadresse.
BBCode kopieren	Mit `BBCode kopieren` erhältst du den fertigen Code zum Einfügen, z. B. `[img]...[/img]` für Bilder/GIFs oder `[video]...[/video]` für direkte Videos.
Eigene Datei hochladen	Über `Datei hochladen` kannst du Medien direkt auf Heldenhafte Reisen speichern, ohne vorher einen externen Bildhoster zu verwenden.
Unterstützte Formate	`JPG`, `PNG`, `WebP`, `GIF`, `MP4` und `WebM`. GIF ohne Größenlimit, JPG/PNG/WebP bis 12 MB, Videos bis 32 MB.
YouTube	YouTube-Videos und YouTube-Hintergrundmusik bleiben externe Einbettungen und werden nicht als Videodatei auf den Server kopiert.
Automatische Sicherung	Beim Speichern des Gästebuchs versucht das System unterstützte externe Medien ebenfalls automatisch lokal zu sichern.

Kurzanleitung

Gästebuch bearbeiten und Bilder & Links öffnen.
Auf Externe Medien jetzt sichern klicken.
Nach Abschluss die Seite einmal neu laden.
Das Medium erscheint mit internem Link und Kopier-Buttons in der Mediensammlung.

BBCode-Beispiele

Fett

[b]Das ist fett[/b]

Das ist fett

Kursiv

[i]Das ist kursiv[/i]

Das ist kursiv

Unterstrichen

[u]Das ist unterstrichen[/u]

Das ist unterstrichen

Farbe

[color=#6ec8ff]Blauer Text[/color]

Blauer Text

Schrift

[font=Great Vibes]Text in Great Vibes[/font]

Text in Great Vibes

Größe

[size=14]Text in 14px[/size]

Text in 14px

Gradient

[0,0,ff7a7a,ffd36e]Leuchtender Titel[/gradient]

Leuchtender Titel

Überschrift 1

[h1]Überschrift 1[/h1]

Überschrift 1

Überschrift 2

[h2]Überschrift 2[/h2]

Überschrift 2

Überschrift 3

[h3]Überschrift 3[/h3]

Überschrift 3

Zentriert

[center]Zentrierter Text[/center]

Zentrierter Text

Rechts

[right]Rechts formatierter Text[/right]

Rechts formatierter Text

Block

[block]Blocktext[/block]

Blocktext

Spalten

[block][table][tr][td]Textzelle 1a[/td][td]Textzelle 2a[/td][td]Textzelle 3a[/td][/tr][tr][td]Textzelle 1b[/td][td]Textzelle 2b[/td][td]Textzelle 3b[/td][/tr][/table][/block]

Textzelle 1a	Textzelle 2a	Textzelle 3a
Textzelle 1b	Textzelle 2b	Textzelle 3b

Bild

[img]https://i.ibb.co/zH50MX7w/Unbenannt-2.png[/img]

Galerie

[galerie]https://i.ibb.co/zH50MX7w/Unbenannt-2.png, https://i.ibb.co/4n6fFrNN/1.png[/galerie]

1 / 2

Bild links

[img float=left]https://i.ibb.co/zH50MX7w/Unbenannt-2.png[/img]Text neben Bild links

Text neben Bild links

Bild rechts

[img float=right]https://i.ibb.co/zH50MX7w/Unbenannt-2.png[/img]Text neben Bild rechts

Text neben Bild rechts

YouTube

[youtube]https://www.youtube.com/watch?v=dQw4w9WgXcQ[/youtube]

Link

[url=https://heldenhaftereisen.net]Startseite[/url]

Startseite

Zitat

[quote]Ein stilles Zitat.[/quote]

Ein stilles Zitat.

Code

[code]Beispielcode[/code]

Beispielcode

Story

[story]Text im Story-Kasten[/story]

Text im Story-Kasten

Dark Box

[dark]Text in der Dark Box[/dark]

Text in der Dark Box

Light Box

[light]Text in der Light Box[/light]

Text in der Light Box

Button

[button=https://heldenhaftereisen.net|?]Zum Link[/button]

Zum Link

Spoiler

[spoiler=Mehr anzeigen]Versteckter Inhalt[/spoiler]

Versteckter Inhalt

Ab 18

[ab18]Ab 18 Inhalt[/ab18]

Ab 18 Inhalt

Linie

[hr]

Das Schrift-Beispiel oben ist nur ein Beispiel. Mit [font=...]Text[/font] kannst du auch beliebige Font-Namen verwenden, also nicht nur die Schriften aus dem Gästebuch-Editor, sondern auch passende Fonts von 1001freefonts.

Zusätzlicher Code	Eingabe
YouTube direkt	`[youtube]https://www.youtube.com/watch?v=VIDEOID[/youtube]` oder den YouTube-Link allein in eine eigene Zeile setzen.
Direktes Video	`[video]/uploads/guestbook-media/.../video.mp4[/video]` bindet eine direkt gespeicherte MP4- oder WebM-Datei als Video ein.
Liste	`[list][li]Punkt 1[/li][li]Punkt 2[/li][/list]` oder `[list=1]...[/list]`
Tabelle	`[table][tr][td]Links[/td][td]Rechts[/td][/tr][/table]` als Standard oder mit Linien `[table=lines][tr][td]Links[/td][td]Rechts[/td][/tr][/table]`
Schriftgröße	`[size=14]Text[/size]` und genauso auch andere Werte wie `[size=12]`, `[size=18]` oder `[size=24]`.
Story	`[story]Text im Story-Kasten[/story]`
Dark Box	`[dark]Text in der Dark Box[/dark]`
Light Box	`[light]Text in der Light Box[/light]`
Info	`[fn]Kurzer Hinweis[/fn]`
Gästebuch-Link	`[gb]Charaktername[/gb]` verlinkt direkt auf das Gästebuch dieses Charakters.
Link mit eigenem Text	`[url=https://ziel.de]Mein Text[/url]` zeigt einen frei wählbaren Text an, der beim Klicken zum Link führt. Beispiel: `[url=https://heldenhaftereisen.net/]Heldenhafte Reisen[/url]`
Bildlink	`[url=https://ziel.de][img]https://bild-url.de/bild.png[/img][/url]` macht ein Bild klickbar und öffnet den hinterlegten Link.
Button	`[button=https://ziel.de\|↗]Zum Link[/button]`
Inline-Code	`[icode]kurzer Code[/icode]`
Tief/Hoch	`[sub]tief[/sub]` und `[sup]hoch[/sup]`

Tabellen-Basics

So sieht eine Standard-Tabelle mit zwei Zeilen und drei Spalten aus:

Textzelle 1a	Textzelle 2a	Textzelle 3a
Textzelle 1b	Textzelle 2b	Textzelle 3b

Hier einmal untereinander aufgedröselt, damit man die Einzelteile besser sieht:

[table]
[tr]
  [td]Textzelle 1a[/td]
  [td]Textzelle 2a[/td]
  [td]Textzelle 3a[/td]
[/tr]
[tr]
  [td]Textzelle 1b[/td]
  [td]Textzelle 2b[/td]
  [td]Textzelle 3b[/td]
[/tr]
[/table]

[table][/table] beschreibt die ganze Tabelle.

[tr][/tr] beschreibt jeweils eine Zeile, in der die Zellen liegen.

[td][/td] beschreibt jede einzelne Zelle bzw. Spalte.

Andere Texte fügst du ein, indem du die Platzhalter zwischen [td] und [/td] ersetzt. Jeder zusätzliche Text bekommt eine eigene [td]Text[/td]-Zelle; für eine neue Zeile setzt du wieder [tr]...[/tr] darunter.

Die Zellen teilen sich die verfügbare Breite des Gästebuchs. Standardmäßig bleiben Tabellen ohne sichtbare Linien, mit [table=lines][/table] kannst du die Rahmen gezielt einblenden.