HTML für Foren
Austesten und umändern kann man die Codes hier im TryIt-Editor.
Tabellen
Tabelle (2 Spalten & 2 Zeilen) |
Beispiel mit table border= "1"
|
Allgemeines
<center> Dein Text </center>
Cardinalschrift
<h1> Text </h1>
Bad Script
<h2> Text </h2>
Moo-Moo Schrift
<h3>Text</h3>
Trennlinie
<hr>
Spoilerwarnugnen
[funktioniert ohne Html Button; nur ohne Absätze im Text]
#SPOILER# Dein versteckter Text #ENDSPOILER#
[Beispiel unten bei Vorlagen]
Ein Beitrag im Briefdesign
Im Editor auf den Zitatbutton klicken und drauflosschreiben. Sobald man
auf Vorschau klickt sieht man dann wie es aussehen würde.
[Beispiel unten bei Vorlagen]
Automatisches Verlinken
[funktioniert ohne Html Button]
@Username
Schriftarten
Im Laufe der Zeit haben wir viele verschiedene Schriften installiert. Die <h1-h3>
Möglichkeiten sind dabei quasi nur Überschriften bzw. "Abkürzungen".
<span style="font-family: 'Schriftart';">TEXT</span>
Anstelle von Schriftart fügt ihr einfach den Namen der
folgenden Schriften ein, genau so wie sie aufgelistet sind. Je nachdem
welche Schrift verwendet wird, müsstet ihr dann die Schriftgröße anpassen:
∇
Sacramento
Homemade Apple
Raleway
Cinzel
Swanky and Moo Moo
Bad Script
Old Typewriter
Cardinal
Div.Boxen
Dazu gehören meistens immer die Hintergrund- und Rahmenfarbe. Diese könnt ihr mit einfachen Hexcodes austauschen.
Die Schriftfarbe müsst ihr im Nachhinein der Hintergrundfarbe selbst anpassen.
DEIN TEXT
</div>
DEIN TEXT
</div>
DEIN TEXT
</div>
<div style="padding: 20px; border: 10px double #FFFFFF;">
DEIN TEXT
</div>
<div style="background-color: #f5a9a9; padding: 10px;">
DEIN TEXT
</div>
DEIN TEXT
</div>
DEIN TEXT
</div>
<div style="background-color: #f5a9a9; padding: 20px; border: 10px double #FFFFFF;">
DEIN TEXT
</div>
Scrollboxen
Der Code:
<div class="notespaper">
<div style="background: #f5a9a9; border: 1px solid #FFFFFF; text-align: center;">
DEIN TEXT
</div></div>
_____
Wenn ihr den Code kopiert und einfügt und anschließend in dem Kasten schreibt, dann wird sich der Kasten im Editor automatisch verlängern. Davon nicht beirren lassen, wenn ich es dann abschickt oder speichert dann wird der Kasten eine scrollbare Box sein.
Die Farbe vom Hintergrund und Randfarbe könnt ihr jederzeit selbst ändern.
Der Code:
<div class="meine2Class">
<div style="background-color: #90ca9f; text-align:center; padding:5px; border:8px double #1E4629;">
DEIN TEXT
</div></div>
_____
Wenn ihr den Code kopiert und einfügt und anschließend in dem Kasten schreibt, dann wird sich der Kasten im Editor automatisch verlängern. Davon nicht beirren lassen, wenn ich es dann abschickt oder speichert dann wird der Kasten eine scrollbare Box sein und Breite und Länge werden sich automatisch anpassen.
Der Code
<div class="meineAClass">
<div style="background: #808080; border: 3px solid #D3D3D3; padding: 5px; text-align: center;">
DEIN TEXT
</div></div>
_____
Wenn ihr den Code kopiert und einfügt und anschließend in dem Kasten schreibt, dann wird sich der Kasten im Editor automatisch verlängern. Davon nicht beirren lassen, wenn ich es dann abschickt oder speichert dann wird der Kasten eine scrollbare Box sein und Breite und Länge werden sich automatisch anpassen.
Der Code
<div class="akte"><div style="background: #7ab6db; padding:20px; text-align: center;">
DEIN TEXT
</div></div>
_____
Wenn ihr den Code kopiert und einfügt und anschließend in dem Kasten schreibt, dann wird sich der Kasten im Editor automatisch verlängern. Davon nicht beirren lassen, wenn ich es dann abschickt oder speichert dann wird der Kasten eine scrollbare Box sein und Breite und Länge werden sich automatisch anpassen.
Vorlagen
Postfach WhatsApp-Code
Weniger Details (Einfach) CODE |
Mehr Details (Fortgeschritten) CODE |
||
Gruppenchat (Fortgeschritten) CODE |
WA-Basic CODE |
Medien & Netzwerke
|
CODE |