Formatierung im Forum

Grüße,
es kommen immer wieder dieselben Fragen auf, wie man dieses oder jenes im Forum formatieren könne. Beispielsweise geht es da um farbige oder zentrierte Texte oder anderlei.

Hier im Beitrag sind einige, die auch tatsächlich hier funktionieren, gesammelt. :slight_smile:


Detailklappen

Detailklappen, wie sie hier zu sehen sind, sind ein wundervolles Mittel, um Ordnung und Übersichtlichkeit in einen Beitrag zu bringen. Sie lassen sich einfügen, indem man auf das Zahnrad und „Details ausblenden“ klickt.

Alternativ kann man direkt den Code eingeben:

[details="ÜBERSCHRIFT"]
TEXT
[/details]

Verlinkbare Überschriften

Hält man links von der Überschrift, erscheint ein Symbol, das die Möglichkeit gibt, diese Überschrift bzw. diesen Teil des Textes zu verlinken. So kann man über den Link direkt einen gewünschten Abschnitt erreichen.
Dabei gibt es verschiedene optische Größen.

Ausgabe:

Brot

Kuchen

Torte

Code:
# Brot
## Kuchen
### Torte

Textausrichtung (zentriert, rechts- oder linksbündig)

Ausgabe:

Linker Text

Zentrierter Text

Rechter Text

Code:
[left] Linker Text [/left]
[center] Zentrierter Text [/center]
[right] Rechter Text [/right]

Farbiger Text

Ausgabe:
Grüner Text.
Roter Text.
Violetter Text.

Code:
[color=green] Grüner Text.[/color]
[color=red] Roter Text.[/color]
[color=purple] Violetter Text. [/color]

Alle Farbmöglichkeiten lassen sich im Internet unter „BBCode-Farben“ finden!

Schriftgrößen

Ausgabe:
Apfel
Kirsche
Banane
Mandarine
Erdbeere
Wofür steht FTSCraft eigentlich?

Code:
[size=200] Apfel [/size]
[size=150] Kirsche [/size]
[size=120] Banane [/size]
[size=90] Mandarine [/size]
[size=60] Erdbeere [/size]
[size=10] Wofür steht FTSCraft eigentlich? [/size]

Das Maximum der Größe liegt bei 999.

Besondere Schriftarten

Unter diesem Link könnt ihr einen Generator für Fancy Letters finden. Diese lassen sich ganz einfach über Copy & Paste einfügen. Sie sind wunderschön für jede Überschrift.

Fancy Letters (𝓬𝓸𝓹𝔂 𝒶𝓃𝒹 𝕡𝕒𝕤𝕥𝕖) ― LingoJam

𝖂𝖚𝖓𝖉𝖊𝖗𝖘𝖈𝖍ö𝖓

𝓦𝓾𝓷𝓭𝓮𝓻𝓼𝓬𝓱ö𝓷

𝕎𝕦𝕟𝕕𝕖𝕣𝕤𝕔𝕙ö𝕟

Danke, Gugeta, für diesen Tipp!

Divider / Trennstriche

Im Forum gibt es einen einfachen Trennstrich zwischen Zeilen, der sich über drei Minus-Symbole erreichen lässt. Jedoch muss zwischen den Zeilen Platz sein!

Lalala 1
(leere Zeile)
---
Lalala 2

Ausgabe

Lalala 1


Lalala 2

Neben diesen langweiligen Trennstrichen gibt es eine Seite, von welcher man sich schönere Trenner/Divider besorgen kann:

Dividers | · · ────── ꒰ঌ·✦… | Copy & Paste

Diese sehen dann zum Beispiel so aus:

•───────────•°•❀•°•───────────•

⋆⁺₊⋆ ⋆⁺₊⋆ ⋆⁺₊⋆ ⋆⁺₊⋆ ⋆⁺₊⋆ ⋆⁺₊⋆ ⋆⁺₊⋆ ⋆⁺₊⋆ ⋆⁺₊⋆ ⋆⁺₊⋆

⛧ · · ─────── ·☽◯☾· ─────── · · ⛧

Auch hier: Danke an Gugeta!

Tabellen

Ausgabe:

Kategorie 1 Kategorie 2 Kategorie 3
AAA BBB CCC
DDD EEE EEE

Code:
| Kategorie 1 | Kategorie 2 | Kategorie 3 |
| ---| --- | --- |
| AAA | BBB | CCC |
| DDD | EEE | EEE |

Spoiler / Ausblendungen

Ausgabe:

Nutella wird mit Butter gegessen.

Code:
[spoiler] Nutella wird mit Butter gegessen. [/spoiler]

Hervorgehobener Text

Ausgabe:
Leuchte, leuchte!

Code:
[highlight] Leuchte, leuchte! [/highlight]

:bulb: Auch interessant:

16 „Gefällt mir“

Kleine Ergänzung zu Schriftarten & Formatierungen


Neben den Standardformatierungen können auch „richtige“ Schriftarten über den [font]-BBCode genutzt werden.

Beispiele für Schriftarten mit [font]


Book Antiqua

Ich bin die Schriftart „Book Antiqua“
[font='Book Antiqua']Ich bin die Schriftart "Book Antiqua"[/font]

Arial

Ich bin die Schriftart „Arial“
[font='Arial']Ich bin die Schriftart "Arial"[/font]

Verdana

Ich bin die Schriftart „Verdana“
[font='Verdana']Ich bin die Schriftart "Verdana"[/font]

Brush Script MT

Ich bin die Schriftart „Brush Script MT“
[font='Brush Script MT']Ich bin die Schriftart "Brush Script MT"[/font]

Monotype Corsiva

Ich bin die Schriftart „Monotype Corsiva“
[font='Monotype Corsiva']Ich bin die Schriftart "Monotype Corsiva"[/font]

Vivaldi

Ich bin die Schriftart „Vivaldi“
[font='Vivaldi']Ich bin die Schriftart "Vivaldi"[/font]


Farben mit Hex-Codes

Farben lassen sich nicht nur mit Namen, sondern auch direkt per Hexcode setzen:

Farbe!!

[color=#dbcc9c][b]Farbe!![/b][/color]

Nützliche HTML-Elemente

„Taste“ darstellen

Mit TEXT lässt sich eine Taste optisch hervorheben:

Drücke die Taste M, um die Karte zu öffnen.

Code dazu:

<kbd>TEXT</kbd>

Tooltip beim Darüberfahren mit der Maus

Ein einfacher Tooltip mit :

Halte deine Maus über mich

Code dazu:

<abbr title='Ich bin ein Beispiel'>Halte deine Maus über mich</abbr>

Kombination verschiedener Effekte

Das Ganze lässt sich auch schön mit anderen Komponenten kombinieren, z. B. <details>:

Die "etwas anderen" Details Man kann auch Schriftart, Farbe und Größe gleichzeitig ändern:

Schön, Oder?

Code dazu:


<details><summary><kbd>Die "etwas anderen" Details</kbd></summary>
Man kann auch Schriftart, Farbe und Größe gleichzeitig ändern:

[font='Old English Text MT'][color=#dbcc9c][size=160]Schön, Oder?[/size][/color][/font]
</details>

Alle Schriftarten


Liste mit Allen Fonts
Adobe Jenson
Albertus
Aldus
Alexandria
Algerian
American Typewriter
Antiqua
Arno
Aster
Aurora
News 706
Baskerville
Bell
Belwe Roman
Bembo
Berkeley Old Style
Bernhard Modern
Bodoni
Bauer Bodoni
Book Antiqua
Bulmer
Caledonia
Californian FB
Calisto MT
Cambria
Capitals
Cartier
Caslon
Wyld
Caslon Antique
Fifteenth Century
Catull
Centaur
Century Old Style
Century Schoolbook
New Century Schoolbook
Century Schoolbook Infant
Charis SIL
Charter
Charterham
Clearface
Cochin
Colonna
Computer Modern
Concrete Roman
Constantia
Cooper Black
Copperplate Gothic
Corona
News 705
DejaVu Serif
Didot
Droid Serif
Elephant
Emerson
Excelsior
News 702
Fairfield
FF Scala
Footlight
FreeSerif
Friz Quadrata
Garamond
Gentium
Georgia
Gloucester
Goudy Old Style
Goudy
Granjon
High Tower Text
Hoefler Text
Imprint
Ionic No. 5
News 701
ITC Benguiat
Janson
Jokerman
Joanna
Korinna
Lexicon
Liberation Serif
Linux Libertine
Literaturnaya
Lucida Bright
Melior
Memphis
Miller
Minion
Modern
Mona Lisa
Mrs Eaves
MS Serif
New York
Nimbus Roman
NPS Rawlinson Roadway
OCR A Extended
Palatino
Book Antiqua
Perpetua
Plantin
Playbill
Primer
Renault
Requiem
Rotis Serif
Sabon
Sistina
Souvenir
STIX
Sylfaen
Times New Roman
Times
Torino
Trajan
Utopia
Vera Serif
Wide Latin
Windsor
XITS

Alexandria
American Typewriter
Archer
Athens
Candida
Cholla Slab
City
Clarendon
Concrete Roman
Courier
Egyptienne
Guardian Egyptian
Ionic No. 5
Lexia
Memphis
Nilland
Roboto Slab
Rockwell
Schadow
Serifa
Skeleton Antique
Sreda
Swift
Tower

Agency FB
Antique Olive
Arial
Arial Unicode MS
Avant Garde Gothic
Avenir
Bank Gothic
Bauhaus
Bell Centennial
Bell Gothic
Benguiat Gothic
Berlin Sans
Brandon Grotesque
Calibri
Casey
Century Gothic
Charcoal
Chicago
Clearview
Comic Sans
Compacta
Corbel
DejaVu Sans
DIN
Dotum
Droid Sans
Dyslexie
Ecofont
Eras
Esseltub
Espy Sans
Eurocrat
Eurostile
Square 721
FF Dax
FF Meta
FF Scala Sans
Fira Sans
Folio
Franklin Gothic
FreeSans
Frutiger
Futura
Geneva
Gill Sans
Gill Sans Schoolbook
Gotham
Haettenschweiler
Handel Gothic
Hei
Helvetica
Helvetica Neue
Swiss 721
Highway Gothic
Hobo
Impact
Industria
Interstate
Johnston
New Johnston
Kabel
Klavika
Lexia Readable
Liberation Sans
Linux Biolinum
Lucida Sans
Lucida Grande
Lucida Sans Unicode
Lydian
Meiryo
Meta
Microgramma
Modern
Motorway
MS Sans Serif
Myriad
Neutraface
Neuzeit S
News Gothic
Nimbus Sans L
Open Sans
Optima
Parisine
Product Sans
Proxima Nova
PT Sans
Rail Alphabet
Roboto
Rotis Sans
Segoe UI
Skia
Source Sans Pro
Sweden Sans
Syntax
Tahoma
Template Gothic
Thesis Sans
Tiresias
Trade Gothic
Transport
Trebuchet MS
Twentieth Century
Tw Cen MT
Ubuntu
Univers
Zurich
Vera Sans
Verdana

Nyala
Rotis Semi Serif
Easyreading

Andale Mono
Arial Monospaced
Bitstream Vera
Vera Sans Mono
Consolas
Courier
Courier New
DejaVu Sans Mono
Droid Sans Mono
Everson Mono
Everson Mono Unicode
Fixed
Fixedsys
Fixedsys Excelsior
HyperFont
Inconsolata
Letter Gothic
Liberation Mono
Lucida Console
Lucida Sans Typewriter
Lucida Typewriter
Menlo
MICR
Monaco
Monospace
MS Gothic
MS Mincho
Nimbus Mono L
OCR-A
OCR-B
PragmataPro
Prestige Elite
Prestige
ProFont
Proggy programming fonts
SimHei
SimSun
Source Code Pro
Terminal
Trixie
Ubuntu Mono
Vera Sans Mono
Bitstream Vera

Balloon
Brush Script
Choc
Dom Casual
Mistral
Papyrus
Segoe Script
Utopia

American Scribe
AMS Euler
Apple Chance]
Forte
French Script
ITC Zapf Chancery
Kuenstler Script
Monotype Corsiva
Old English Text MT
Zapfino

Andy
Ashley Script
Chalkboard
Comic Sans MS
Dom Casual
Kristen
Lucida Handwriting

Coronet
Curlz
Gravura
Script
Wiesbaden Swing

Breitkopf Fraktur
Cloister Black
Fette Fraktur
Fletcher
Fraktur
Lucida Blackletter
Old English Text
Schwabacher

Webdings(webdings)
Wingdings(wingdings)
Wingdings 2(wingdings 2)
Wingdings 3(wingdings 3)

Arial Black
Arial Narrow
Candara
Century
Comic Sans MS
Copperplate
Cursive
fantasy
Gabriola
Garton
Microsoft Sans Serif
System
Chiller
Marker Felt
Herculanum
Segoe Print
Chalkduster
[/size]
9 „Gefällt mir“