Kopieren und einfügen
Textrahmen und Trennlinien
Eine Trennlinie tut genau eine Sache: sie sagt dem Auge, dass ein Abschnitt zu Ende ist. Deshalb stecken sie überall in READMEs, Discord-Servern und Bios.
Die Rahmenzeichen unten stammen aus einem alten Terminal-Standard und sind in jeder ernstzunehmenden Schrift enthalten, halten also sowohl in proportionalem als auch in nichtproportionalem Text. Bleib bei einer Trennlinie unter etwa 40 Zeichen, sonst bricht sie auf dem Handy um.
Durchgezogene Linie
──────────────────────────────
Dicke Linie
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Doppellinie
══════════════════════════════
Gestrichelte Linie
╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌
Gepunktete Linie
······························
Winken
〜〜〜〜〜〜〜〜〜〜〜〜
Tilde-Reihe
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Sternenlinie
──────── ✦ ────────
Rautenlinie
──────── ◆ ────────
Mittelpunkt
──────── • ────────
Funkellinie
··· ✧ ··· ✧ ··· ✧ ···
Pfeillinie
▸▸▸▸▸▸▸▸▸▸▸▸▸▸▸
Blockverlauf
█▓▒░ ░▒▓█
Blockbalken
████████████████████
Zickzack
╱╲╱╲╱╲╱╲╱╲╱╲╱╲╱╲
Einfacher Rahmen
┌──────────────┐ │ │ └──────────────┘
Doppelter Rahmen
╔══════════════╗ ║ ║ ╚══════════════╝
Runder Rahmen
╭──────────────╮ │ │ ╰──────────────╯
Kopfleiste
╔═════════════════════╗ ║ T I T L E ║ ╚═════════════════════╝
Eckklammern
┌─ ─┐ └─ ─┘
Klammerlinie
────────[ • ]────────
Kette
◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
Wo sie funktionieren
Diese Seite hat 22 Stücke: 17 einzeilige und 5 mehrzeilige. Das breiteste ist 30 Zeichen breit.
Die 5 mehrzeiligen — einfacher rahmen, doppelter rahmen, runder rahmen, kopfleiste und weitere — behalten ihre Form nur in einer nichtproportionalen Schrift. In Discord heißt das: in einen Codeblock mit drei Backticks setzen; in einem README in einen umzäunten Codeblock; im Terminal laufen sie einfach. In einer normalen Chatnachricht verrutschen die Zeilen.
Fragen
Warum wird mein Rahmen schief?
Ein Rahmen bleibt nur in einer nichtproportionalen Schrift gerade. In Discord heißt das Codeblock, in einem README ein umzäunter Block. Einzeilige Trennlinien funktionieren überall, weil darunter nichts liegt, womit sie sich ausrichten müssten.
Wie breit sollte eine Trennlinie sein?
Etwa 30 bis 40 Zeichen. Das passt auf ein Handy ohne Umbruch und liest sich am Desktop trotzdem als volle Zeile. Eine 60 Zeichen lange Trennlinie zerfällt mobil in zwei schiefe Zeilen.
Funktionieren sie in einem GitHub-README?
Ja, aber für eine einfache waagerechte Linie hat GitHub schon eine: drei Bindestriche allein in einer Zeile ergeben eine echte HTML-Linie, die sich dem Theme der Lesenden anpasst. Nimm Texttrennlinien, wenn du den dekorativen Effekt wirklich willst.
Selbst eine bauen
Keine davon nennt deinen Namen. Der Text-zu-ASCII-Generator macht aus jedem Wort ein Banner in 133 FIGlet-Schriften, und der Bild-zu-ASCII-Konverter macht aus einem Foto Textkunst direkt im Browser. Beide sind kostenlos und laden nichts hoch.