changer l'aspect visuel

formater le texte

cliquez sur le crayon de chaque passage›

éditeur

on commence par agrandir le titre

gros titres, gras, italique, listes de puces, listes numérotées, changement de couleur de texte, de fond de texte, texte mobile, tableaux, liens vers d'autres passages, etc...

modifer le format

Cela se fait toujours en manipulant du HTML ou des CSS (feuilles de style).

Mais pas de panique, on fera une chose très simple, par exemple, pour modifier l'aspect général:

en bas à gauche, clic sur le triangle
›Modifier le format de l'histoire› Harlowe 1.2.4
à nouveau, en bas à gauche, clic sur le triangle
› Modifier la feuille de style de l'Histoire
copier/coller la liste suivante (telle quelle) et observer les changements:

tw-passage { width: 95%; padding: 2em; margin: auto; border: solid#666 1px; border-radius: 0.2em; font-family: Verdana, Geneva, Helvetica,Arial, sans-serif; font-size: 1.3rem; color: #000; text-align: left; background-color: #fff; box-shadow: #666 0.3em 0.3em 0; line-height: 130%; object-fit: contain;}
h1 { color:#90221A; font-size:2rem; border-bottom: solid #000 0.05em; margin:0 0 0 0;}h2 { color:#a12525; font-size:1.6rem; border-bottom: solid #ccc 0.05em;}
small { color:#a12525;line-height:130%; display:block; width:100%; margin-top:0; }
footer {font-size:0.8rem;color:##a12525;line-height:130%; display:block; width:100%; border-top: solid #6661px; padding-top:0.5em}figcaption {color:#333; font-size:0.9rem;}
img { margin:0 0;padding:0 0; align: center; display: block; margin-left: auto; margin-right: auto;}body { background-color:#90221A; }br {font-size: 2px;vertical-align: -4px;}

vous pouvez modifier la couleur, le type de lettre, etc.

exemple de changement de couleur de fond:
body { background-color:#90221A; }si on change la couleur par #6c096d › violet foncé, si vous tapez #0e6476› on aura un vert marin...

Codes pour obtenir toutes les couleurs

Google Sites

Report abuse