Das Layout des Spiels anpassen - Versionsgeschichte

Knarfio: Kleinere Korrekturen

2023-01-10T20:59:49Z

Kleinere Korrekturen

Knarfio am 8. Januar 2023 um 17:44 Uhr

2023-01-08T17:44:33Z

← Nächstältere Version		Version vom 8. Januar 2023, 17:44 Uhr
Zeile 42:		Zeile 42:
	(hover-style: (bg:#3168b0) + (border-color:white))		(hover-style: (bg:#3168b0) + (border-color:white))
	)		)
			''Weiterführende Informationen:'' [[Farben]]

	''Versionshinweis: Twine 2.5.1 \| Harlowe 3.3.3''		''Versionshinweis: Twine 2.5.1 \| Harlowe 3.3.3''

Knarfio am 8. Januar 2023 um 15:44 Uhr

2023-01-08T15:44:58Z

← Nächstältere Version		Version vom 8. Januar 2023, 15:44 Uhr
Zeile 14:		Zeile 14:
	#Gib als Tagnamen <code>header</code> ein (Kleinschreibung beachten). Letzteres bewirkt, dass die Angaben am Anfang jedes Abschnitts automatisch ausgeführt werden.		#Gib als Tagnamen <code>header</code> ein (Kleinschreibung beachten). Letzteres bewirkt, dass die Angaben am Anfang jedes Abschnitts automatisch ausgeführt werden.
	#Nutze das Menüband, um die Elemente <code>page</code>, <code>passage</code> oder <code>link</code> anzupassen.		#Nutze das Menüband, um die Elemente <code>page</code>, <code>passage</code> oder <code>link</code> anzupassen.
	#Beispiel:		#Beispiel zum Ändern der Hintergrund und Textfarbe:
	##Klicke in der Menüleiste der Berbeitungsansicht auf den Unterpunkt ~~Farben (colours)~~.		##Klicke in der Menüleiste der Berbeitungsansicht auf den Unterpunkt <code>Colours</code>.
	##Wähle unter <code>Text colour</code> die Option <code>Flat colour</code> und klicke dann auf ~~schwarz~~.		##Wähle unter <code>Text colour</code> die Option <code>Flat colour</code> und klicke dann auf das schwarze Kästchen.
	##Wähle unter <code>Background</code> die Option <code>Linear gradient</code>. Experimentiere etwas herum, bis dir der Farbverlauf gefällt. ''Hinweis:'' Um einen ausreichenden Kontrast zum schwarzen Text ztu erhalten, sollte der Hintergrund möglichst hell sein.		##Wähle unter <code>Background</code> die Option <code>Linear gradient</code>. Experimentiere etwas herum, bis dir der Farbverlauf gefällt. ''Hinweis:'' Um einen ausreichenden Kontrast zum schwarzen Text ztu erhalten, sollte der Hintergrund möglichst hell sein.
	##Wähle unter <code>Affect:</code> den Eintrag <code>The entire page.</code>.		##Wähle unter <code>Affect:</code> den Eintrag <code>The entire page.</code>.
Zeile 41:		Zeile 41:
	(border-size:1) +		(border-size:1) +
	(hover-style: (bg:#3168b0) + (border-color:white))		(hover-style: (bg:#3168b0) + (border-color:white))
	)~~</code>~~		)
	''Versionshinweis: Twine 2.5.1 \| Harlowe 3.3.3''		''Versionshinweis: Twine 2.5.1 \| Harlowe 3.3.3''

Knarfio am 8. Januar 2023 um 15:43 Uhr

2023-01-08T15:43:36Z

← Nächstältere Version		Version vom 8. Januar 2023, 15:43 Uhr
Zeile 22:		Zeile 22:
	#Schließe den Abschnitt. Die Änderungen sind beim nächsten Testdurchlauf sofort zu sehen.		#Schließe den Abschnitt. Die Änderungen sind beim nächsten Testdurchlauf sofort zu sehen.

	Das folgende ''Beispiel'' zeigt sehr weitreichende Anpassungen. ~~Ändere~~ einzelne Einstellungen, um zu sehen, was sie bewirken.		Das folgende ''Beispiel'' zeigt sehr weitreichende Anpassungen. Kopiere es in einen Style-Abschnitt (siehe Anleitung oben) und verändere einzelne Einstellungen, um zu sehen, was sie bewirken.
	<~~code>~~(enchant:?page,		<(enchant:?page,
	(text-color:black)+		(text-color:black)+
	(background:(gradient: 157, 0,#EAF0F7,0.7102,#C1D2E7,1,#F8F7FF))+		(background:(gradient: 157, 0,#EAF0F7,0.7102,#C1D2E7,1,#F8F7FF))+

Knarfio: Die Seite wurde neu angelegt: „Die folgende Anleitung beschreibt, wie man das Grundlayout eines Twine-Spiels verändern kann. Sie basiert auf dem Storyformat Harlowe und funktioniert auch nur mit diesem! Ein Twine-Spiel besteht aus verschiedenen Elementen, die einzeln angepasst werden können: `page` bezieht sich auf die gesamte Seite. `passage` bezieht sich auf die Elemente des Spiels, z. B. den Text und die Seitenleiste. *`link` bezieht si…“

2023-01-08T15:38:18Z

Die Seite wurde neu angelegt: „Die folgende Anleitung beschreibt, wie man das Grundlayout eines Twine-Spiels verändern kann. Sie basiert auf dem Storyformat Harlowe und funktioniert auch nur mit diesem! Ein Twine-Spiel besteht aus verschiedenen Elementen, die einzeln angepasst werden können: *<code>page</code> bezieht sich auf die gesamte Seite. *<code>passage</code> bezieht sich auf die Elemente des Spiels, z. B. den Text und die Seitenleiste. *<code>link</code> bezieht si…“

Neue Seite

Die folgende Anleitung beschreibt, wie man das Grundlayout eines Twine-Spiels verändern kann. Sie basiert auf dem [[Storyformat]] [[Harlowe]] und funktioniert auch nur mit diesem!

Ein Twine-Spiel besteht aus verschiedenen Elementen, die einzeln angepasst werden können:

*<code>page</code> bezieht sich auf die gesamte Seite.
*<code>passage</code> bezieht sich auf die Elemente des Spiels, z. B. den Text und die Seitenleiste.
*<code>link</code> bezieht sich auf die Darstellung von Hyperlinks.

Die Änderungen werden in einem eigenen Abschnitt vorgenommen, gelten aber für das gesamte Spiel.

#Erzeuge einen neuen Abschnitt (<code>Abschnitt</code>, <code>+ Neu</code>).
#Benenne ihn in <code>Style</code> um.
#Klicke auf <code>+ Tag</code>.
#Gib als Tagnamen <code>header</code> ein (Kleinschreibung beachten). Letzteres bewirkt, dass die Angaben am Anfang jedes Abschnitts automatisch ausgeführt werden.
#Nutze das Menüband, um die Elemente <code>page</code>, <code>passage</code> oder <code>link</code> anzupassen.
#Beispiel:
##Klicke in der Menüleiste der Berbeitungsansicht auf den Unterpunkt Farben (colours).
##Wähle unter <code>Text colour</code> die Option <code>Flat colour</code> und klicke dann auf schwarz.
##Wähle unter <code>Background</code> die Option <code>Linear gradient</code>. Experimentiere etwas herum, bis dir der Farbverlauf gefällt. ''Hinweis:'' Um einen ausreichenden Kontrast zum schwarzen Text ztu erhalten, sollte der Hintergrund möglichst hell sein.
##Wähle unter <code>Affect:</code> den Eintrag <code>The entire page.</code>.
##Klicke auf , um die Änderungen zu übernehmen. Der generierte Codeblock wird in den Abschnitt eingefügt.
#Schließe den Abschnitt. Die Änderungen sind beim nächsten Testdurchlauf sofort zu sehen.

Das folgende ''Beispiel'' zeigt sehr weitreichende Anpassungen. Ändere einzelne Einstellungen, um zu sehen, was sie bewirken.
<code>(enchant:?page,
(text-color:black)+
(background:(gradient: 157, 0,#EAF0F7,0.7102,#C1D2E7,1,#F8F7FF))+
(font:"Open Sans")
)(enchant:?passage,
(background:(white)) +
(corner-radius:20) +
(border:"none", "none", "none", "solid")+
(border-size:120) +
(border-color:#6F95C8)
)(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 12) +
(border-color:#F8F7FF) +
(border-size:1) +
(hover-style: (bg:#3168b0) + (border-color:white))
)</code>
''Versionshinweis: Twine 2.5.1 | Harlowe 3.3.3''

← Nächstältere Version		Version vom 10. Januar 2023, 20:59 Uhr
Zeile 14:		Zeile 14:
	#Gib als Tagnamen <code>header</code> ein (Kleinschreibung beachten). Letzteres bewirkt, dass die Angaben am Anfang jedes Abschnitts automatisch ausgeführt werden.		#Gib als Tagnamen <code>header</code> ein (Kleinschreibung beachten). Letzteres bewirkt, dass die Angaben am Anfang jedes Abschnitts automatisch ausgeführt werden.
	#Nutze das Menüband, um die Elemente <code>page</code>, <code>passage</code> oder <code>link</code> anzupassen.		#Nutze das Menüband, um die Elemente <code>page</code>, <code>passage</code> oder <code>link</code> anzupassen.
	#Beispiel zum Ändern der Hintergrund und Textfarbe:		#Beispiel zum Ändern der Hintergrund- und Textfarbe:
	##Klicke in der Menüleiste der Berbeitungsansicht auf den Unterpunkt <code>Colours</code>.		##Klicke in der Menüleiste der Berbeitungsansicht auf den Unterpunkt <code>Colours</code>.
	##Wähle unter <code>Text colour</code> die Option <code>Flat colour</code> und klicke dann auf das schwarze Kästchen.		##Wähle unter <code>Text colour</code> die Option <code>Flat colour</code> und klicke dann auf das schwarze Kästchen.
	##Wähle unter <code>Background</code> die Option <code>Linear gradient</code>. Experimentiere etwas herum, bis dir der Farbverlauf gefällt. ''Hinweis:'' Um einen ausreichenden Kontrast zum schwarzen Text ztu erhalten, sollte der Hintergrund möglichst hell sein.		##Wähle unter <code>Background</code> die Option <code>Linear gradient</code>. Experimentiere etwas herum, bis dir der Farbverlauf gefällt. ''Hinweis:'' Um einen ausreichenden Kontrast zum schwarzen Text ztu erhalten, sollte der Hintergrund möglichst hell sein.
	##Wähle unter <code>Affect:</code> den Eintrag <code>The entire page.</code>.		##Wähle unter <code>Affect:</code> den Eintrag <code>The entire page.</code>.
	##Klicke auf , um die Änderungen zu übernehmen. Der generierte Codeblock wird in den Abschnitt eingefügt.		##Klicke auf <code>Add</code>, um die Änderungen zu übernehmen. Der generierte Codeblock wird in den Abschnitt eingefügt.
	#Schließe den Abschnitt. Die Änderungen sind beim nächsten Testdurchlauf sofort zu sehen.		#Schließe den Abschnitt. Die Änderungen sind beim nächsten Testdurchlauf sofort zu sehen.

	Das folgende ''Beispiel'' zeigt sehr weitreichende Anpassungen. Kopiere es in einen Style-Abschnitt (siehe Anleitung oben) und verändere einzelne Einstellungen, um zu sehen, was sie bewirken.		Das folgende ''Beispiel'' zeigt sehr weitreichende Anpassungen. Kopiere es in einen Style-Abschnitt (siehe Anleitung oben) und verändere einzelne Einstellungen, um zu sehen, was sie bewirken.
	<(enchant:?page,		(enchant:?page,
	(text-color:black)+		(text-color:black)+
	(background:(gradient: 157, 0,#EAF0F7,0.7102,#C1D2E7,1,#F8F7FF))+		(background:(gradient: 157, 0,#EAF0F7,0.7102,#C1D2E7,1,#F8F7FF))+