Sommaire cliquable

-Code pour les fiches Lapino.-

Sommaire cliquable

★ Sommaire, à droite :

<div style="background-image: url(URL DU FOND); width: 500px; margin: 0px;">
<table>
<tbody>
<tr>
<td>
<div style="margin: 10px; background-color: rgba(255, 255, 255, 0.5); border: 1px dashed white ; width: 306px; height:305px; box-shadow: 0px 0px 3px #000; overflow: hidden;">
 

<div style="height: 285px; width: 286px; overflow: auto; padding:10px;">
<a name="1"></a>
<div style="text-align: center;"><br>
<b>Titre Partie 1</b></div>
<div style="text-align: left;">Texte</div>
</div>

<div style="height: 285px; width: 286px; overflow: auto; padding:10px;">
<a name="2"></a>
<div style="text-align: center;"><br>
<b>Titre Partie 2</b></div>
<div style="text-align: left;">Texte</div>
</div>
 

<div style="height: 285px; width: 286px; overflow: auto; padding:10px;">
<a name="3"></a>
<div style="text-align: center;"><br>
<b>Titre Partie 3</b></div>
<div style="text-align: left;">Texte</div>
</div>

<div style="height: 285px; width: 286px; overflow: auto; padding:10px;"></div>
</div>
</td>
<td>
<div style="margin: 0px; padding:10px; background-color: rgba(255, 255, 255, 0.5); border: 1px dashed white ; width: 130px; height:285px; box-shadow: 0px 0px 3px #000;">
<div style="text-align: center;"><b><br></b></div>
<div style="text-align: center;"><b>Sommaire</b></div>
<div style="text-align: center;"><br></div>
<div style="text-align: center;"><a href="#1" title="" target="">Titre Partie 1</a></div>
<div style="text-align: center;"><a href="#2" title="" target="">Titre Partie 2</a><br></div>
<div style="text-align: center;"><a href="#3" title="" target="">Titre Partie 3</a><br></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>

 ↑ Ne faites pas attention au modèle, il ne marche pas, mais c'est pour vous donner une idée de l'apparence ↑

Explications 

Changez les éléments en rouge.

Pour modifier le texte qui se trouve sur les parties suivantes, placez votre curseurdans le texte, et descendez avec la touche flèche en bas  jusqu’à arriver à l'endroit que vous voulez éditer.