• -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>


    Titre Partie 1
    Texte

    Titre Partie 2
    Texte

    Titre Partie 3
    Texte
     

     ↑ 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. 


    16 commentaires



    Suivre le flux RSS des articles
    Suivre le flux RSS des commentaires