Hintergrundbilder verwenden

Statt einfachen Farben oder Farbverläufen kann man in Twine auch ein Bild als Seitenhintergrund verwenden.

1. Klicke im Menü Story auf Stylesheet.
2. Füge in das Kästchen folgenden Text ein:

tw-story {
background-image: url("wald.jpg");
background-size: cover;
}

Wenn ein gleichnamiges Bild (in diesem Fall "wald.jpg") im selben Odner liegt wie das Spiel, wird das Bild als Hintergrund verwendet.

Möchtest du wechselnde Hintergrundbilder einrichten, verwende den untenstehenden Code. Er legt zwei Bilder fest, die jeweils verwendet werden, wenn die Abschnitte mit einem bestimmten Tag versehen sind. Abschnitte mit dem Tag wald erhalten das Hintergrundbild "wald.jpg", Abschnitte mit dem Tag berg das Bild "berg.jpg". Abschnitte mit einem anderen oder gar keinem Tag haben kein Hintergrundbild.

tw-story[tags~="wald"] {
background-image: url("wald.jpg");
background-size: cover;
}

tw-story[tags~="berg"] {
background-image: url("berg.jpg");
background-size: cover;
}

Versionshinweis: Twine 2.6.0 | Harlowe 3.3.4