Copier-coller
Cadres et Séparateurs en Texte
Un séparateur fait une seule chose : il dit à l’œil qu’une section est terminée. C’est pour ça qu’on en trouve partout dans les README, les serveurs Discord et les bios.
Les caractères de filets ci-dessous viennent d’une vieille norme pour terminaux et existent dans toutes les polices sérieuses : ils tiennent donc aussi bien en texte proportionnel qu’en chasse fixe. Gardez un séparateur sous les 40 caractères environ, sinon il passe à la ligne sur téléphone.
Ligne pleine
──────────────────────────────
Ligne épaisse
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Ligne double
══════════════════════════════
Ligne tiretée
╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌
Ligne pointillée
······························
Salut de la main
〜〜〜〜〜〜〜〜〜〜〜〜
Suite de tildes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Ligne d’étoiles
──────── ✦ ────────
Ligne de losanges
──────── ◆ ────────
Point centré
──────── • ────────
Filet à étincelles
··· ✧ ··· ✧ ··· ✧ ···
Filet à flèches
▸▸▸▸▸▸▸▸▸▸▸▸▸▸▸
Dégradé de blocs
█▓▒░ ░▒▓█
Barre de blocs
████████████████████
Zigzag
╱╲╱╲╱╲╱╲╱╲╱╲╱╲╱╲
Cadre simple
┌──────────────┐ │ │ └──────────────┘
Cadre double
╔══════════════╗ ║ ║ ╚══════════════╝
Cadre arrondi
╭──────────────╮ │ │ ╰──────────────╯
Barre de titre
╔═════════════════════╗ ║ T I T L E ║ ╚═════════════════════╝
Crochets d’angle
┌─ ─┐ └─ ─┘
Filet à crochets
────────[ • ]────────
Chaîne
◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
Où ça marche
Cette page contient 22 pièces : 17 sur une ligne et 5 sur plusieurs lignes. La plus large fait 30 caractères.
Les 5 multilignes — cadre simple, cadre double, cadre arrondi, barre de titre et d’autres — ne gardent leur forme qu’en police à chasse fixe. Sur Discord, il faut les entourer d’un bloc de code à trois accents graves ; dans un README, d’un bloc de code clôturé ; dans un terminal, elles fonctionnent telles quelles. Collées dans un message ordinaire, les lignes se décalent.
Questions
Pourquoi mon cadre est-il de travers ?
Un cadre ne reste droit que dans une police à chasse fixe. Sur Discord, cela veut dire un bloc de code ; dans un README, un bloc clôturé. Les séparateurs sur une ligne fonctionnent partout, parce qu’ils n’ont rien en dessous avec quoi s’aligner.
Quelle largeur doit faire un séparateur ?
Entre 30 et 40 caractères. Ça tient sur un téléphone sans passer à la ligne et ça se lit quand même comme une ligne entière sur ordinateur. Un séparateur de 60 caractères se brise en deux lignes bancales sur mobile.
Fonctionnent-ils dans un README GitHub ?
Oui, mais pour une simple ligne horizontale, GitHub en a déjà une : trois tirets seuls sur une ligne produisent une vraie ligne HTML qui s’adapte au thème du lecteur. Utilisez les séparateurs en texte quand vous voulez vraiment l’effet décoratif.
Créez la vôtre
Aucune de ces images ne porte votre nom. Le générateur de texte en ASCII transforme n’importe quel mot en bannière avec 133 polices FIGlet, et le convertisseur d’image en ASCII transforme une photo en art textuel dans votre navigateur. Les deux sont gratuits et n’envoient rien.