Allgemeine Codes

[Storyteller]

Allgemeine HTML Codes

Absatz einfügen

Code:

<br>

Um einen Absatz einzufügen (Zum Beispiel im Profil)

Bilder einfügen

Code:

<img src="URL HIER EINFÜGEN">

Fügt ein Bild in Originalgröße ein

Code:

<img src="URL HIER EINFÜGEN" width="XX">

Fügt ein Bild mit gewünschter Breite ein, die Höhe wird automatisch proportional eingerichtet

Etwas verlinken

Code:

<a href="URL HIER EINFÜGEN" target="_blank">Text</a>

Erstellt einen Link auf dem gewünschten Text.

Eine andere Schrift wählen

Code:

<link href="https://fonts.googleapis.com/css?family=GEWÜNSCHTEFONT&display=swap" rel="stylesheet">
<div style="font-family: GEWÜNSCHTEFONT; font-size: HÖHEpx; color:#000000;">TEXT</div>

Auf der Internet Seite von Google Fonts kannst Du nach verschiedene Schriftarten suchen.
Wenn Du eine passende Schriftart gefunden hast, klicke sie an, klicke rechts auf + Select this Style
In dem Slider findest Du nun die Schriftart, kopiere das fett markierte und füge es beim Platzhalter ein.

Achtung: Beim Link musst Du, wenn der Schriftname aus zwei Namen besteht ein Plus zwischen die Namen einfügen z.B. 'Sansita+Swashed'.
Beim Div-Container fügst Du den Schriftnamen dann ohne das Plus ein.

Beispiel

Code:

<link href="https://fonts.googleapis.com/css?family=[b]Sansita+Swashed[/b]&display=swap" rel="stylesheet">
<div style="font-family: [b]Sansita Swashed[/b]; font-size: HÖHEpx; color:#000000;">TEXT</div>

Beispieltext

Überschriften

Erste Überschrift

Code:

<h1>TEXT</h1>

Zweite Überschrift

Code:

<h2>TEXT</h2>

Dritte Überschrift

Code:

<h3>TEXT</h3>

Vierte Überschrift

Code:

<h4>TEXT</h4>

Fünfte Überschrift

Code:

<h5>TEXT</h5>

Sechste Überschrift

Code:

<h6>TEXT</h6>

Farbliche Kennzeichnungen

Erstes
Zweites

Code:

<o>Erstes</o>
<x>Zweites</x>

Dein eigener Farbcode!

Code:

<Spitzname>TEXT</Spitzname>