Comme vous l'avez remarqué, quand on écrit de long textes et que les membres commentent entre deux chapitres, il se forme de grands espaces entre chaque partie d’écriture, au point qu'on fini un peu par s'y perdre.
Une solution simple et astucieuse existe : se créer un sommaire pour permettre au lecteur de choisir le chapitre a lire. Pour avoir un exemple, jetez un coup d'oeil au texte de Whisper (et n’hésitez pas a le lire xD )
Allez, maintenant, petit tuto pour savoir comment faire ca, on va utiliser les
ancres HTML.
I - Qu'est-ce qu'une ancre ?
Je crois qu'il est important d'expliquer avant ce qu'est une ancre en HTML. C'est juste une balise qui permet de placer un repert sur la page, et même de déplacer automatiquement la page jusqu’à ce repert. Le forum en utiliser constamment, regardez juste quand vous poster un message : une fois validé, vous êtes redirigé vers la page du forum, directement a votre message.
II - Comment les utiliser ?
La partie qui vous intéresse, sans doute. Je propose quelque chose de simple : observer pour apprendre.
Postez un message (ou éditez en un), valider, et attendez qui vous soyez redirigé.
Vous etes maintenant en face de votre message, la page a été affiché directement sur votre message.
Regardez maintenant la barre d'adresse. Elle doit ressembler a ca :
http://www.encre-nocturne.com/t999-nom-du-topic#11032
Ce qui nous intéresse, c'est le #11032 (vous avez sans doute eu un autre nombre). C'est lui qui indique au navigateur ou se placer sur la page.
Application :
Maintenant, chaque fois que vous postez un chapitre, relever l’adresse, ou, si vous avez déjà posté votre chapitre, éditez puis validez.
Maintenant, pour creer votre sommaire, simplement ré-utilisez les liens que vous avez relevé pour faire un petit menu.
Tres basique :
- Code:
-
[url=http://www.encre-nocturne.com/t1874-ma-longue-histoire#11674]Chapitre 1[/url]
[url=http://www.encre-nocturne.com/t1874-ma-longue-histoire#11752]Chapitre 2[/url]
etc...
Vous pouvez créer un cadre pour afficher vos liens, par exemple :
- Code:
-
<div style="box-shadow:0px 0px 5px #fb7e7a;boder-radius:2px;border: 5px input #FFFF;background-color:#d9f6ff;color:#e3312b;width:250px;text-decoration:none;text-align:center;padding:3px;background: url(http://nsa34.casimages.com/img/2013/06/18/130618122247318834.png);"><h3 style="text-decoration:underline;text-shadow:0px 0px 5px #000000;">Sommaire</h3><p style="text-shadow:0px 0px 5px black;">
<a href="http://www.encre-nocturne.com" style="color:#e3312b;width:250px;text-decoration:none;text-align:center;">Chapitre 1 - Les temps anciens</a>
<a href="http://www.encre-nocturne.com" style="color:#e3312b;width:250px;text-decoration:none;text-align:center;">Chapitre 2 - Dans la plaine d'Ekendis</a>
<a href="http://www.encre-nocturne.com" style="color:#e3312b;width:250px;text-decoration:none;text-align:center;">Chapitre 3 - Au Grand Royaume</a>
<a href="http://www.encre-nocturne.com" style="color:#e3312b;width:250px;text-decoration:none;text-align:center;">Chapitre 4 - Par le froid ou par le sang</a>
<a href="http://www.encre-nocturne.com" style="color:#e3312b;width:250px;text-decoration:none;text-align:center;">Chapitre 5 - Sans soleil</a></p></div>
Ce qui donne :