Allgemeine Codes - Druckversion

+- Mythomorphia (https://mythomorphia.de)
+-- Forum: Join the Pack (https://mythomorphia.de/forumdisplay.php?fid=1)
+--- Forum: Support (https://mythomorphia.de/forumdisplay.php?fid=11)
+--- Thema: Allgemeine Codes (/showthread.php?tid=10)

Allgemeine Codes - Storyteller - 28.09.2020

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>