Voici de l'aide pour un sommaire cliquable : 

 <div style="text-align: -webkit-auto; background-image: url(TON URL); margin: auto; width: 500px;">
<div style="background-color: rgba(255, 255, 255, 0.5); margin: auto; padding: 20px 20px 20px 20px; width: 400px;">
<div style="text-align: center;">
<p style="text-align: center;"><a href="#1"><strong><span style="font-size: medium;">Titre1</span></strong> &nbsp;</a>-<a href="#3"><strong><span style="font-size: medium;">&nbsp;Titre2</span></strong></a>&nbsp;-&nbsp;<a href="#4"><strong><span style="font-size: medium;">Titre3&hearts;</span></strong></a>&nbsp;-</p>
<div style="border: solid 3px noir, hauteur; overflow: hidden;">
<div style="height: 400px; overflow: auto;"><a name="1"></a>&nbsp;Texte du titre 1<br /> <br /> <br />
<div style="text-align: center;"><img src="http://ekladata.com/DPwA2VqDFVk3VonQxHlXaisexJw.png" alt="" /></div>
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
<div style="overflow: auto; hauteur: 400px;"><a name="2"></a> <a name="3"></a>&nbsp;Titre 2</div>
<div style="overflow: auto; hauteur: 400px;">&nbsp;</div>
<div style="overflow: auto; hauteur: 10px;"><a title="Clik Clik !" href="http://www.lapino.fr/joueur/fiche/116173"><img src="http://ekladata.com/K9f9JJiwzygW8k9q77UmCWJtQek.jpg" alt="bichonne" /></a></div>
<div style="overflow: auto; hauteur: 10px;">&hearts; - &hearts; - &hearts;<br /><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
<div style="overflow: auto; hauteur: 400px;">
<div style="overflow: auto; hauteur: 400px;"><a name="4"></a><br />
<div style="overflow: auto; hauteur: 400px;">Titre 3</div>
<div style="overflow: auto; hauteur: 400px;"><a name="4"></a><img src="http://ekladata.com/7hocpvQOvDAP2ceYtZsW48tV63g.gif" alt="" /><br /> <br /> <em>Bien sur nisekoi &hearts;</em><br /><a name="4"></a><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />Fin ! En construction ^^<a name="4"></a><br /> <br /> <br /> <br /> <br /> <br /> <br /> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Titre1  - Titre2 - Titre3♥ -

 Texte du titre 1

 Titre 2

 

♥ - ♥ - ♥

Titre 3

Bien sur nisekoi ♥
























Fin ! En construction ^^

Texte HTML + Ce que sa donne :


<div class="portrait"><p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"></p><div style="overflow: auto; margin: auto; width: 450px; height: 400px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; box-shadow: black 0px 0px 20px; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto; background-image: url(http://www.sailorfuku.com/temp/1369235264.gif);">
<p style="text-align: center; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</p>
<p style="text-align: center; text-shadow: rgb(251, 253, 184) 0px 0px 2px; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><br></p>
<div style="overflow: auto; margin: auto; width: 400px; height: 300px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; box-shadow: rgb(0, 0, 0) 0px 0px 10px inset; text-align: center; text-shadow: rgb(251, 253, 184) 0px 0px 4px; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto; background: rgba(244, 255, 255, 0.701961);">
<p style="text-align: center; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</p>
<p style="text-align: center; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">Happy Halloween !<br><br><br>Tu sais quoi faire</p>
<p style="text-align: center; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="color: rgb(102, 102, 153); position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><br style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"></span></p>
<p style="text-align: center; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="color: rgb(188, 42, 5); position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><br style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"></span></p>
</div>
</div>
<p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><br></p><p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"></p></div>

Voici l'HTML :

<div class="portrait"><p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"></p><div style="overflow: auto; margin: auto; width: 500px; border: 7px double white; box-shadow: rgb(128, 128, 128) 0px 0px 10px inset; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto; background-image: url(http://www.sailorfuku.com/temp/1366698454.gif);">
<p style="text-align: center; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><br></p>
<p style="text-align: left; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</p>
<p style="text-align: left; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</p>
<table style="height: 50px; width: 500px; border: 1px dashed rgb(192, 192, 192); box-shadow: rgb(128, 128, 128) 0px 0px 10px; margin: auto; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto; background-attachment: initial; background-color: rgba(255, 255, 255, 0.4); background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;" border="0">
<tbody style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">
<tr style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">
<td style="text-align: center; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;Ton pseudo ici</td>
</tr>
</tbody>
</table>
<p style="text-align: left; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</p>
<p style="text-align: left; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</p>
<div style="border: 1px dashed rgb(192, 192, 192); box-shadow: rgb(128, 128, 128) 0px 0px 10px; overflow: auto; margin: auto; width: 450px; height: 450px; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto; background-color: rgba(255, 255, 255, 0.4);">
<div style="overflow: hidden; margin: auto; width: 450px; height: 409px; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">
<div style="overflow: auto; margin: auto; width: 450px; height: 409px; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">
<p style="text-align: center; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><a name="1" style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"></a></p>
<p style="text-align: left; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;Tu sais quoi faire ^^</p>
<p style="text-align: left; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</p>
<p style="text-align: left; text-shadow: rgb(128, 128, 128) 0px 0px 4px; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><br></p></div><div style="overflow: auto; margin: auto; width: 450px; height: 409px; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">
</div>
</div>
<div style="border-top-width: 1px; border-top-style: dashed; border-top-color: rgb(192, 192, 192); overflow: auto; margin: auto; width: 450px; height: 40px; text-shadow: white 0px 0px 2px; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto; background-color: rgba(255, 153, 255, 0.4);">
<p style="text-align: left; font-size: 7px; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</p>
<p style="text-align: left; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="color: rgb(192, 192, 192); position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="font-size: small; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="font-size: medium; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="font-family: 'times new roman', times; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><a href="#1" style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="color: rgb(192, 192, 192); position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">Accueil</span></a> - <a href="#2" style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="color: rgb(192, 192, 192); position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">Formulaire</span></a> - <a href="#3" style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="color: rgb(192, 192, 192); position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">Faiseuses de profils</span></a> - <a href="#4" style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="color: rgb(192, 192, 192); position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">Commandes</span></a> - <a href="#5" style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="color: rgb(192, 192, 192); position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">Liens</span></a></span></span></span></span></p>
</div>
</div>
<p style="text-align: left; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</p>
<p style="text-align: left; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><br></p>
</div><p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"></p></div>

Voici un code que j'aime beaucoup ^^, html en haut, ce que sa donne en bas ^^ :

<div class="portrait"><p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"></p><div style="height: 600px; margin: auto; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">
<p style="text-align: center; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><img src="http://image.noelshack.com/fichiers/2014/32/1407454346-kawaii-cake-macaron-letter-set-from-japan-kawaii-180635-2.jpg" alt="" width="400" height="518" style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"></p>
<div style="width: 300px; height: 400px; margin: -450px auto auto; overflow: auto; position: relative; text-align: center; cursor: url(http://www.sailorfuku.com/temp/1364490523.gif), default; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">
<p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><font color="#993366" face="comic sans ms, sans-serif" size="2"><i>Chère grand-mère...<br>Aujourd'hui maman est rentrée à la maison triste.... Je n'aime pas voir maman triste ....</i></font></p><p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><font color="#993366" face="comic sans ms, sans-serif" size="2"><i>Je vais la voir et dès qu'elle me voit, elle est triste...<br><br>Je veut que maman soit heureuse<br><br><div style="text-align: right;">Ta petite fille adoré&nbsp;<br><br><br><br><br><br>Tu peut enlever le texte et en mettre un à toi&nbsp;</div></i></font></p>
</div>
<p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</p>
<p style="text-align: center; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><img style="position: relative; margin-top: -175px; margin-left: -300px; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;" src="http://imagizer.imageshack.com/img539/7788/HCyCf2.png" alt="1406814727-molang-cloud.gif" width="120" height="150"></p>
</div><p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"></p></div>

Voici l'HTML et ce que sa donne plus en bas ^^ :

<div class="portrait"><p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"></p><div style="border: 6px double black; text-align: center; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto; background-image: url(http://www.sailorfuku.com/temp/1362513495.gif);"><span style="font-size: medium; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><strong style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="color: rgb(255, 0, 0); position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="font-size: large; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</span></span></strong></span>
<p style="text-align: center; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="font-family: 'book antiqua', palatino; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="font-size: xx-large; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><br style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">• Ton Pseudo Ici •</span></span></p>
<p style="text-align: center; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</p>
<p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</p>
<div style="border: 4px double rgb(0, 0, 0); width: 400px; height: 200px; text-align: center; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; box-shadow: rgb(0, 0, 0) 0px 3px 20px; overflow: auto; margin: auto; opacity: 0.4; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto; background-color: rgb(255, 153, 204);">
<p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</p>
<p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="font-family: 'andale mono', times; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="color: rgb(255, 255, 255); position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="font-family: 'andale mono', times; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="color: rgb(255, 204, 153); font-family: 'comic sans ms', sans-serif; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="font-size: large; font-family: 'book antiqua', palatino; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="color: rgb(0, 0, 0); position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><strong style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="color: rgb(0, 0, 0); position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</span></span></strong></span></span><span style="font-family: 'book antiqua', palatino; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="color: rgb(0, 0, 0); position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="font-size: large; text-decoration: underline; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><strong style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="font-size: x-large; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">• Présentation •<br></span><br style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><b style="font-size: medium;">Tu sais quoi dire xD</b><br></strong></span></span></span></span></span></span></span></span></p>
</div>
<span style="font-family: 'comic sans ms', sans-serif; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"> </span>
<p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="font-family: 'comic sans ms', sans-serif; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><br style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"></span></p>
<span style="font-family: 'comic sans ms', sans-serif; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"> </span>
<p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><span style="font-family: 'comic sans ms', sans-serif; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><img src="http://www.renders-graphiques.fr/image/upload/normal/yamada_aoi.png" alt="" width="284" height="417" style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><br style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"></span></p>
<div style="border: 4px double rgb(0, 0, 0); width: 400px; height: 200px; text-align: center; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; box-shadow: rgb(0, 0, 0) 0px 3px 20px; overflow: auto; margin: auto; opacity: 0.4; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto; background-color: rgb(255, 153, 204);">
<p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</p>
<p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"><font color="#000000" face="book antiqua, palatino" size="4"><b>Autres&nbsp;</b></font></p><p></p>
</div>
<p style="text-align: center; position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;">&nbsp;</p><br style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"></div><p style="position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: auto;"></p></div>