Résolu FIL D'ARIANE : le rendre plus aidant ?

Coucou joyeux en ce dimanche !

Je suis contente de l'avancée du blog mais je n'ai pas trouvé la "bonne" façon de présenter les choses pour que le fil d'Ariane soit AIDANT. Pourquoi revient-il toujours sur Accueil ?

Je m'explique : en tête, le menu propose "Roman". Le lien mène à la table des matières, je clique, je vais sur Résumé. Menu à droite : table des matières y figure aussi. Je clique, je vais sur Résumé.

Les deux manoeuvres me permettent de lire le résumé . Et ensuite ?

Là je suis dépitée, puisque je veux aller sur chapitre un ou sur prologue. Je dois RETOURNER à table des matières, pfff. 

Ne reste qu'à interroger le Dieu  créateur du pifométre ... (prière) 

Un tout grand merci ! (mon blog elandepartage.eklablog.com est en ligne)

Bonjour Cririt,

Un fil d'ariane trace un chemin et permet de revenir au point de départ, ... par le même chemin.

Sur ton blog, quand la Partie1 du Chapitre1 sera à l'écran le fil d'ariane sera celui là:  Accueil >> Chapitre un>> 1 - Partie 1
Ce fil permettra de remonter à Chapitre1 ou à Accueil.

Le problème me semble être que Accueil est une page généraliste par définition et qu'à partir de cette page d'accueil il faut cliquer encore sur une autre lien pour obtenir la table des matières.

Proposition:  placer sur tous les affichages un icône qui permettra un accès direct à la table des matières. Pour un exemple, essaye de placer l'ensemble de ce code dans la zone de script (pour qu'il fonctionne en version standard et mobile)

<!-- code HTML icône lien -->
<p title="Menu du Roman"><a href="http://elandepartage.eklablog.com/table-des-matieres-p2601048"><img id="tabmat" src="http://ekladata.com/fPPzs27cnSuttvtZ_l0r-l0BmT4@60x60.png" alt="menu_roman" width="50" height="50" /></a></p>

 <!-- code CSS icône lien -->
<style><!--
#tabmat {
    position: absolute;
    right: 10px;   /* right ou left */
    top: 200px;   /* top ou bottom */
}
--></style>

 -- dans les codes, tout ce qui est en rouge est modifiable -- en bleu aussi, mais le nom doit être identique en html et css

Merci beaucoup Stormalo. J'ai fait un copié collé de l'ensemble de ce que tu m'indiques dans la zone de script. J'ai actualisé la page. 

Puis je suis allée voir mais... je rigole - j'ai pas compris ce que ça va changer -

Je me suis un peu baladée dans des chemins mais... comme tu parles de "placer sur tous les affichages un icône", je dois encore ajouter un truc ? 

si je n'ai pas fait d'erreur en copié/collé du code, ça fait apparaitre cette image vers le bord de l'écran. Cet icône symbolise une table des matière. En versions standard ou mobile, un clic dessus affiche la page table des matières, sans passer par l'Accueil.

Ou alors je n'ai pas compris le besoin.

Ouiiiiiii ! SUPER !  donc je peux mettre un rien plus vers le menu horizontal - j'essaye !

Je laisse bien comme tu me l'as proposé sinon ça cafouille sur un smartphone, je viens de vérifier.

Extra - merci !

Il est possible de modifier la position, la taille de l'image, l'image elle même etc.. Celle que j'ai mise n'est pas très attirante, surtout avec la couleur de fond de ton blog.

Bonne suite . .

Ah oui ! En effet l'image est ce qu'elle est mais... tu sais... c'est pas la priorité : je continue de placer les chapitres et de les mettre en page. 

Donc, peut-être que j'y reviendrai mais je suis satisfaite, VRAIMENT !

Un truc qui est embêtant c'est que si je reviens sur ACCUEIL, la page remonte plus haut que le menu horizontal (que j'ai un peu changé dans sa longueur et la taille de police)

Ça ne le fait plus... 

ah bon, c'est encore ta * magie *   sans doute ?

tant qu'on y est, as-tu un jôli bouton différent de ceci



(j'ai trouvé orangé, c'était bien mais trop GRAND ! )

Un bouton joli ou pas beau, ça c'est très subjectif. Celui en place ne me déplait pas

Remarque: Un bouton trop grand peut être redimensionné par le code html ou css

Bonus:
pour que l'icône ne défile pas avec la page, il suffit dans le code css de remplacer :  position : absolute;   par   position : fixed;  (c'est mieux pour cet usage)

Ce sujet est marqué "Résolu", il est préférable d'en créer un autre pour un   questionnement  différent

MERCI pour tout !!  - J'ai mis fixed -