Quand un topic devient long (nombreux chapitres d'un roman, nombreuses nouvelles ou poésies) il devient parfois long, difficile ou fastidieux pour le lecteur, le commentateur ou l'auteur de s'y retrouver.

La moindre recherche, modification, reprise de lecture entraîne de longs scrollings.

Je vous propose de remédier à cela en insérant un sommaire dans vos topics.

Le principe est assez simple : Vous insérez des ancres ( points de repères invisibles à la lectures) dans vos textes, et vous créez, dans votre topic de départ, un lien vers ces ancres.

Voici un exemple d'ancre :

Code:

<table id=ancre1></table>

(inutile de dire que vous n'êtes pas obligés de l'appeler "ancre1" : "Topinambour64" est tout aussi efficace pourvu qu'il n'y ait pas d'espaces dans le nom.


Il faut mettre l'ancre (la balise d'ancrage) tout en haut de votre chapitre, nouvelle, poésie...  avant même le titre. Ne vous inquiétez pas, elle reste invisible.

Une fois que vous avez positionné vos ancres, dans votre topic de départ, vous créez votre sommaire de la façon suivante :

<a href="adressedelapage#nomdel'ancre" class="postlink">NOM DE VOTRE CHAPITRE</a>
(méthode rendue obsolète par une mises à jour du forum)
[url=adressedelapage#nomdel'ancre]NOM DE VOTRE CHAPITRE[/url]
répétez la manœuvre pour chaque ancre


Plusieurs remarques importantes :
- Chaque ancre doit avoir un nom différent ( monchapitre1, monchapitre2, monchapitre3  ça passe)
- Aucun espace entre l'adresse de la page, le dièse, et le nom de l'ancre
- Si votre topic s'étale sur plusieurs pages, pensez à mettre l'adresse de la page 2 pour les ancres se trouvant sur la page 2, et ainsi de suite.
- ATTENTION : quand vous copiez l'adresse de la page pour l'inclure dans votre code, vérifiez qu'elle ne contient pas déjà une ancre (# suivi d'un numéro). Si c'est le cas, supprimez cette ancre avant de la remplacer par la votre)
- Safari ne gère pas bien la redirection et la position des ancres de façon simultanée. Donc, si l'adresse de votre topic évolue (changement d'intitulé ou de catégorie par exemple), il faut penser à utiliser la nouvelle adresse dans votre code pour que les utilisateurs de Safari puissent naviguer facilement sur votre topic.

Un exemple avec le sommaire de mon propre roman :

Le sommaire

Dernière mise à jour de la méthode pour les sommaires/tables des matières :

Remplacez la balise table id par :

Code:

<span id="votreancre"></span>

(votre ancre doit commencer par une lettre et pas un chiffre)

Pour les hyperliens :

Code:

<a href="leliendevotretopicsanschiffresàlafin#votreancre">Texte à cliquer</a>

(n’oubliez pas http://)


Merci Profsamedi, Yaourt, Séléné.C, Phie, et bien d'autres pour avoir testé et donné des solutions aux problèmes de balises !

Topic édité pour tenir compte des modifications de la nouvelle version de forum actif.

  Super cette indication !
Je ne savais pas utiliser les ancres et en général je m'amusais à aller chercher le lien de chaque post pour pouvoir faire un sommaire...
Je viens de faire une merveilleuse découverte
Merci !

De rien

(topic édité pour tenir compte des mises à jour du forum)

Merci Héliotrope.

Méthode éditée afin de tenir compte des difficultés que certains d'entre vous m'ont fait remonter.

Je reste à la disposition de ceux qui en auraient besoin. (sur ce topic ou par MP)

Merci pour la méthode

Je dois être un peu plus bête que les autres, mais j'ai l'impression de ne pas comprendre où il faut placer l'ancre... Au tout début du corps du message, c'est ça ? Parce que je ne suis pas sûre que ça marche pour mon post sur 22 ans d'Eau de Rose (lien ci dessous)

Mais non tu n'es pas bête, et oui, ce code doit être tout à fait en début de page. Si cela peut t'aider, clique sur "les contes de l'ours" dans ma signature : sommaire en est court ! Bonne pêche !

Bon alors ça tombe bien que ce topic soit remonté parce que j'ai beau chercher la raison depuis des semaines, impossible d'avoir un sommaire avec des liens qui fonctionnent. Ils mènent tous à un rafraichissement de la page !
Si une âme charitable veut bien m'aider pour arranger ça, ce serait très aimable !   
Merci d'avance !
(le lien est le premier de ma signature).

Je regarde ça.

Merci beaucoup Mika   

Problème résolu.

Safari ne gère pas bien la redirection et la position des ancres de façon simultanée.

Si l'adresse de votre topic évolue (changement d'intitulé ou de catégorie par exemple), il faut penser à utiliser la nouvelle adresse pour que les utilisateurs de Safari puissent naviguer facilement sur votre topic.

J'inclue cette donnée dans le topic de départ. Merci à Mickael Gil d'avoir remonté ce problème.

Bonsoir
Merci pour ce topic explicatif mais alors je me sens toute conne : ca ne fonctionne pas pour moi, pourtant ça fait plusieurs fois que je retente, verifie, j'ai fait tout comme il est indiqué mais cela ne se met pas en présentation "sommaire"...
Je ne comprends pas ce que j'oublie ou fait mal ? Si on peut me renseigner, merci
A voir là :
http://jeunesecrivains.superforum.fr/t35237-treize-roman-initiatique-realiste

Merci Mikaroman, le problème est donc résolu.
Au cas où il y ait d'autres personnes qui fassent la même erreur que moi : le problème venait du fait que je copiais/collais l'exemple de Mika et j'inserais juste le lien et le titre qui du coup gardaient la couleur/le gras du texte initial. Maintenant j'ai compris la leçon