--- tags: template --- # Écrire un dialogue sous la forme d'un échange de SMS On peut ajouter un prologue - On peut écrire des dialogues sous la forme d'un échange de SMS - Il suffit de récupérer ce modèle (icône “édition” en haut à droite ) - Ensuite, on utilise une liste en markdown, avec un tiret suivi d'un espace pour chaque message : <br><br>`- message 1`<br>`- message 2` - On peut écrire un message long, qui apparaîtra sur plusieurs lignes : c'est possible, et le texte se formate automatiquement ! Suite de ce message. <br>On peut ajouter une balise `<br>` pour sauter une ligne. - Super ! Les codes emojis sont aussi reconnus :+1: :clap: ## On peut découper son dialogue avec des titres On peut ajouter du texte ici également - - Si on veut déplacer une réplique à droite ou à gauche, on place une réplique vide avant - Réplique à gauche - - Réplique à gauche <style>#doc ul li:nth-of-type(2n):after,#doc ul li:nth-of-type(2n):before{content:"";position:absolute;bottom:0;border-bottom-left-radius:30px}#doc ul{background-color:#fff;list-style-type:none;padding:initial initial 50px;margin-left:40px;margin-right:40px;margin-top:20px}#doc ul li:before{content:""!important;margin:0}#doc ul li{margin-top:1em;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px 20px 20px 20px;padding:20px;max-width:400px;display:table;line-height:1.25em;position:relative;overflow-wrap:break-word;-webkit-border-radius:20px 20px 20px 20px}#doc ul li:nth-of-type(odd){background:#e5e5ea;text-shadow:1px 1px 0 #f3f3f4;margin-left:80px;margin-right:auto}#doc ul li:nth-of-type(2n){color:#fff;text-shadow:1px 1px 0 #1b96fc;background-color:#39a1f9;margin-left:auto;margin-right:80px}#doc ul li:nth-of-type(odd):before{content:"";position:absolute;z-index:0;bottom:0;left:-20px;height:40px;width:40px;background:#e5e5ea;border-bottom-right-radius:30px}#doc ul li:nth-of-type(odd):after{content:"";position:absolute;z-index:1;bottom:0;left:-20px;width:20px;height:40px;background:#fff;border-bottom-right-radius:30px}#doc ul li:nth-of-type(2n):before{z-index:0;right:-20px;height:40px;width:40px;background:fixed #39a1f9}#doc ul li:nth-of-type(2n):after{z-index:1;right:-21px;width:21px;height:41px;background:#fff}#doc ul li:empty{display:none}</style>