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, Design, Seiteninhalt und Gesamt & Musik aufgeteilt, damit Seiteninhalt 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 & Musik` 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.

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.
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.