Listes de définitions et mise en page de dialogues


HTML


<div class="dialog">
<dt>Inspecteur Ducouloux</dt>
  <dd>Salut, L'Sjiznek ! tu vas ?</dd>
<dt>Sjiznek</dt>
  <dd>Salut Ducouloux ! j'vas !</dd>
<dt>Inspecteur Ducouloux</dt>
  <dd>Quèce tu fouts ?</dd>
<dt>Sjiznek</dt>
  <dd>J'vas au Séminaire.</dd>
<dt>Inspecteur Ducouloux</dt>
 <dd>jouer d'la bouine ?</dd>
<dt>Sjiznek</dt>
 <dd>C'est la misère.</dd>
<dt>Inspecteur Ducouloux</dt>
 <dd>Sérieux... Faut que je te cause !</dd>
<dt>Sjiznek</dt>
 <dd>sûr ! les pauv' types se r'connaissent !</dd>
<dt>Inspecteur Ducouloux</dt>
 <dd>Sjiznek... Faut que je te cause !.. Ton pote... y s'tire !</dd>
<dt>Sjiznek</dt>
 <dd>OK, la Fouine... OK ! cause !</dd>
<dt>Inspecteur Ducouloux</dt>
 <dd>Un bus crache sa fumée bleue qui monte et voile les seins des Antiques, stoïques sous la poussière grise et grasse qui se colle lente ment à leurs épaules.</dd>
<dt>Sjiznek</dt>
 <dd>L'soleil tombe derrière l'D35, derrière l'terril Shozan, derrière la Terre.
<dt>Inspecteur Ducouloux</dt>
 <dd>Il s'élève, or, rosée estivale, sur la mer verte et bleue qui se glisse et s'allonge au bord de la plage blonde où dort une jeune femme brune, nue et très longue... qui rêve au swing de son vieux Frédéric.</dd>
<dt>Sjiznek</dt>
 <dd>C'te ballade, c'est vraiment l'flip.</dd>
<dt>Inspecteur Ducouloux</dt>
 <dd>Pauv' type! pauv' type! Á quoi te sers ta libido ?</dd>
<dt>Sjiznek</dt>
 <dd>Merde ! fous-moi la paix Ducouloux !</dd>
<dt>Inspecteur Ducouloux</dt>
 <dd>t'es ridicule L'Sjiznek! Ridicule... jusque dans la souffrance. TA SOUFFRANCE !
<dt>Sjiznek</dt>
 <dd>n'importe quoi !</dd> 
</div>

CSS


<style>
.dialog {
width: 73%;
margin-left:auto;
margin-right:auto;
padding:1em;
border: solid 0.1em grey;
-webkit-border-radius:0.8em;
-moz-border-radius:0.8em;
border-radius:0.8em;
}
dd {font-style:normal;	
}
dt {text-transform: capitalize}
</style>

Résultat


Inspecteur Ducouloux
Salut, L'Sjiznek ! tu vas ?
Sjiznek
Salut Ducouloux ! j'vas !
Inspecteur Ducouloux
Quèce tu fouts ?
Sjiznek
J'vas au Séminaire.
Inspecteur Ducouloux
jouer d'la bouine ?
Sjiznek
C'est la misère.
Inspecteur Ducouloux
Sérieux... Faut que je te cause !
Sjiznek
sûr ! les pauv' types se r'connaissent !
Inspecteur Ducouloux
Sjiznek... Faut que je te cause !.. Ton pote... y s'tire !
Sjiznek
OK, la Fouine... OK ! cause !
Inspecteur Ducouloux
Un bus crache sa fumée bleue qui monte et voile les seins des Antiques, stoïques sous la poussière grise et grasse qui se colle lente ment à leurs épaules.
Sjiznek
L'soleil tombe derrière l'D35, derrière l'terril Shozan, derrière la Terre.
Inspecteur Ducouloux
Il s'élève, or, rosée estivale, sur la mer verte et bleue qui se glisse et s'allonge au bord de la plage blonde où dort une jeune femme brune, nue et très longue... qui rêve au swing de son vieux Frédéric.
Sjiznek
C'te ballade, c'est vraiment l'flip.
Inspecteur Ducouloux
Pauv' type! pauv' type! Á quoi te sers ta libido ?
Sjiznek
Merde ! fous-moi la paix Ducouloux !
Inspecteur Ducouloux
t'es ridicule L'Sjiznek! Ridicule... jusque dans la souffrance. TA SOUFFRANCE !
Sjiznek
n'importe quoi !

En savoir plus