Whatsapp Chat im Skript nachstellen

…ich verstehe zwar nicht viel von CSS, aber das sieht genau so aus, wie ich es mir gerne wünsche :slight_smile: könntest du erklären, wie du das hingekriegt hast?

1 „Gefällt mir“

Würde mich auch interessieren :slight_smile:

1 „Gefällt mir“

Warum das ganze nicht der Phantasie des Lesers überlassen und alles schön beschrieben?

Etwa so:

Marias Handy leuchtete auf. Die grünen und grauen Sprechblasen füllten den Bildschirm.

Plop.
Lisa: Bist du schon da?

Plop.
Maria: Noch 5 Minuten! Stehe im Stau (wütendes Gesicht)

Plop.
Lisa: Kein Stress, ich bestell schon mal Kaffee

Plop.
Maria: Du bist die Beste! (rotes Herz)

Plop.
Lisa: Haha, ich freu mich schon (lachender Smiley Kaffeetasse Herzen-Augen)

P.S.: Maria sollte am Steuer eines Autos nicht Texten! (Zwinkerndes Smiley)

5 „Gefällt mir“

:grinning: :+1:

1 „Gefällt mir“

Weil du damit selbst bei der „älteren“ Generation niemand mehr überzeugen kannst.

Vielleicht die, die kein Smartphone besitzen, wie meine Mutter, und noch SMS schreiben, wie zu Luthers Zeiten, kannst du damit nich abholen.

:innocent:

1 „Gefällt mir“

Ja, da ist was dran.

1 „Gefällt mir“

Schau mal, ich habe gerade gegoogelt und das hier gefunden:

.chat-message {
font-family: Calibri, Helvetica, sans-serif;
/* Weitere CSS-Eigenschaften für die Formatierung des Chats */
}

Du kannst weitere CSS-Eigenschaften verwenden, um das Aussehen des Chats weiter anzupassen, z.B.:

  • font-size: Ändert die Schriftgröße.
  • color: Ändert die Textfarbe.
  • font-weight: Macht den Text fett (z.B. font-weight: bold;).
  • line-height: Ändert den Zeilenabstand.
  • background-color: Ändert die Hintergrundfarbe.
  • padding: Fügt Innenabstand hinzu.
  • margin: Fügt Außenabstand hinzu.

Beispiel mit zusätzlichen Formatierungen:

Edit: hab es per Calibri ausprobiert, klappt tadellos :slight_smile:

1 „Gefällt mir“

In meinen Augen ist das nicht so zielführend. Ich poste mal meine Lösung (ungetestet), die in mein Nummernschema integriert ist. Müsste aber auch eigentlich standalone laufen.

Man muss dann zwei extra Formatvorlagen anlegen (für die linke und die rechte Chatbox) und dort unter dem Reiter HTML die CSS-Klasse zuordnen.

Monospace ist so ne Art Schreibmaschinenschrift. Ich zitierte Mails gern mit sowas. Weil ich mich nicht entscheiden konnte, habe ich darum je 2 Versionen definiert.

/* Größe der einzelnen Chatboxen bestimmen. */
.tp-roman-281-zitat-chat-links,
.tp-roman-282-zitat-chat-rechts,
.tp-roman-285-zitat-chat-links-monospace,
.tp-roman-286-zitat-chat-rechts-monospace {
	width: 60%; 			/* Eine Chatbox ist 60% des Displays groß */
	margin: .1em;		
	padding: .1em; 			/* Leichte Box-Anmutung mit etwas abgedunkelten Hintergrund */
	background: #DDD;
}

/* Links Position bei 5% */
.tp-roman-281-zitat-chat-links,
.tp-roman-285-zitat-chat-links-monospace {
	margin-left: 5%; 	/* Die linke Chatbox von 5% bis 65% des Displays */
}

/* Rechts Position bei 35% + 60% = Rechter Rand bei 95% (analog dem linken Rand) */
.tp-roman-282-zitat-chat-rechts,
.tp-roman-286-zitat-chat-rechts-monospace {
	margin-left: 35%;	/* Die rechte Chatbox von 35% bis 95% des Displays */
}

.tp-roman-285-zitat-chat-links-monospace,
.tp-roman-286-zitat-chat-rechts-monospace {
	font-family: monospace;
}
1 „Gefällt mir“

Sehr cool, danke!
Ich werde wohl nur eine Box verwenden, da es bei mir ein innerer Dialog zwischen der Erzählerin und ihrem Gewissen ist. Die Stimme der Erzählerin wechselt in diesem Fall ins kursiv (so, wie auch z.B. ein „Seufz“ oder „Kicher“ von ihr im regulären Text dargestellt ist.
Der Roman ist zu 70% in Chatform zwischen weiblicher und männlichem Erzähler*in, der wird anders dargestellt, das wäre in der Form zu unleserlich.

Achja und Monospace ist überhaupt die perfekte Idee!

1 „Gefällt mir“

Schau dir das mal in verschiedenen Readern an und wähle deine eigenes Fontschema in dem Reader. Ich glaube, dass kannst du in fast allen eBook- Readern überschreiben.

1 „Gefällt mir“

Nein, du überschreibst bei den Readern die normale Schrift mit deiner gewünschten Standardschriftart. Wenn du aber per CSS eine Monospace-Schrift einstellt, kriegst du auch eine. Du hast also zumindest die Möglichkeit, solche Chats auch von der Schriftart her abzugrenzen.

1 „Gefällt mir“

Vielleicht ginge es ja auch mit Textboxen? Ich hab nicht geguckt, wie sie veröffentlicht werden und ob man sie „formen“ kann, oder wie man Emojis hineinbekommt … Ist nur eine Idee mit der heißen Nadel.

2 „Gefällt mir“

Kommt dem Chat durchaus näher…

Sehr heiße Nadel, schau die mal an, was davon im E-Book übrig bleibt, ich schätze nicht das, was du dir vorstellst.

2 „Gefällt mir“

Wie wär’s hiermit?

image

Der Code dazu:

Ansicht im kindle-Previewer:
image

1 „Gefällt mir“

Schreibst du in der Papyrus11 oder 12er Version? :thinking:

In der 11er-Version. Das Beispiel habe ich allerdings direkt in calibre geschrieben. Das mache ich für meinen jetzigen Roman auch so. Die ebook-Version wird von print abweichen.
In print wird es eingerückter Standardtext, in der ebook-Version Text, der grau unterlegt ist.

Das ebook erstelle ich mit pap und tausche dann die entsprechenden Stellen aus.

3 „Gefällt mir“

So werde ich das in Zukunft auch machen. Die Engstirnigkeit von BoD, aus dem Buchblock das PDF selber machen zu wollen, was jetzt beim zweiten Buch in Folge in die Hose gegangen ist, zwingt mich dazu.

1 „Gefällt mir“

HEAD und BODY sollten in einer HTML Datei nur einmal vorkommen.

Die meisten Browser können, bzw. ignorieren das mehrfache Vorkommen, sauber ist es aber nicht. Wenn in fünf Jahren die Engine in den eReadern neu aufgelegt wird und die das anders interpretiert, wundern sich deine Leser, warum dein Text so komisch aussieht oder schlimmer, warum kaum Text drin ist, weil der Renderer alles nach dem ersten /BODY rauswirft.

PS: Die spitzen Klammern dazudenken.

1 „Gefällt mir“

Ich werde darauf achten!

1 „Gefällt mir“