Réaliser un sommaire avec liens cliquables Ce tutoriel explique les différentes méthodes pour réaliser un sommaire ou une liste de messages dont les liens renvoient vers les sujets ou messages correspondants. BBCode, Code HTML, Forumactif, Liens, Mise en page, Navigation, Xooit

Introduction

Lorsque vous rédigez certains textes clefs de votre forum (règlements, fonctionnement particulier, etc), il est toujours moins déplaisant au visiteur de passage de ne pas avoir sans cesse à cliquer à droite et à gauche pour ouvrir tous les sujets contenant les informations importantes. Le mieux est donc de tout rassembler en un seul sujet, contenant plusieurs messages, lesquels sont facilement accessibles (par thème, par exemple) grâce à des liens.

Vous en avez vu un exemple dans le règlement de l'Enae, voire dans certains forums que vous avez pu fréquenter. Ce tutoriel très simple vous expliquera comment obtenir ce résultat facilement.

En BBCode, le plus "simpliste"

Tout d'abord, je vous rappelle que pour faire un lien textuel, vous devez utiliser le code suivant :
Maintenant, lorsque vous avez posté tous les éléments de votre règlement/contexte/bestiaire/autre, dans un sujet unique dont le premier message (vide au départ, évidemment) contiendra le sommaire, il vous suffira alors de prendre l'adresse du sujet, en voici une comme exemple :


Puis il vous faudra récupérer l'identifiant numérique du message que vous voulez viser avec un lien. Cet identifiant se voit de diverses façons, la plus rapide étant de pointer la souris sur un des boutons éditer ou quote, vous verrez alors l'adresse complète du message et donc son numéro dans la barre d'état en bas - généralement à gauche - de votre navigateur, normalement sous la forme p=xxx (xxx étant un chiffre).


Une fois que vous avez obtenu cet identifiant, vous n'avez plus qu'à le rajouter à la fin du lien complet du sujet, précédé du signe #, comme il suit :


Et voilà, vous avez un lien qui pointe directement sur le message voulu, à vous de faire un joli sommaire qui permettra aux visiteurs de bien s'y retrouver. Si vous mettez beaucoup de posts (messages) dans un topic (sujet), je vous conseille de rajouter un lien "retour au sommaire" à la fin de chaque message, cela simplifiera la navigation.

Subtilités en HTML : les ancres nommées

Sur les forums gratuits comme Forumactif ou Xooit, il est assez courant que le code HTML soit autorisé, pour des questions purement esthétiques en général, ce qui vous permet d'utiliser une technique un tantinet plus sophistiquée pour obtenir un sommaire.

En gros, vous allez placer des signets dans votre texte, de la façon suivante :


(si vous ne mettez pas de texte dans votre signet, pensez à fermer l'ancre avec la balise </a> quand même !). Votre ancre (votre signet) peut avoir n'importe quel nom, mais évitez les majuscules et les espaces ! Et bien évidemment, chaque signet doit être unique.

Notez par ailleurs que ces ancres peuvent toutes se trouver dans un même message ou dans plusieurs messages différents, ce qui peut vous permettre de lier des points différents d'un même message.

Puis, dans votre sommaire, vous devrez cette fois faire des liens de la forme qui suit :


Notez la présence du signe #, c'est important ! Bon, évidemment, j'ai simplifié le lien à l'extrême, n'essayez pas de pointer sur une ancre d'un autre sujet, ça ne marchera pas, ou alors en reproduisant le même genre de raisonnement que dans l'explication précédente (c'est à dire utiliser l'adresse du sujet, puis un #, puis le nom du signet)

Dernière petite nuance, pour ceux qui sont un peu plus avancés dans leur utilisation du (x)HTML, les attributs "id" des balises span, div et autres marchent comme des ancres, raison pour laquelle ces attributs doivent contenir une valeur unique dans toute la page. En réalité, les ancres nommées doivent être de la forme <a name="nom-de-votre-ancre" id="nom-de-votre-ancre"></a> pour des raisons de compatibilité avec des navigateurs antérieurs, mais je vais éviter de trop vous compliquer les explications XD

Et c'est la fin de la leçon, bonne chance à vous et n'hésitez pas à poser des questions si nécessaire !