Encre Nocturne
Bonjour !

Il est conseillé de s'inscrire ou se connecter afin d'avoir accès à l'intégralité des messages du forum.
Encre Nocturne
Bonjour !

Il est conseillé de s'inscrire ou se connecter afin d'avoir accès à l'intégralité des messages du forum.
Encre Nocturne
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


Entrez dans une dimension littéraire dont le territoire est infini et partagez vos écrits avec les autres internautes !
 
AccueilAccueil  ÉvènementsÉvènements  PublicationsPublications  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -21%
LEGO® Icons 10329 Les Plantes Miniatures, ...
Voir le deal
39.59 €

 

 Se créer un sommaire pour ses longs textes

Aller en bas 
+2
Fantaisie
Lyric
6 participants
AuteurMessage
Lyric

Lyric


Verseau Messages : 857
Date d'inscription : 06/10/2012
Localisation : = goto JustBehindYou;
Humeur : = rand();

Se créer un sommaire pour ses longs textes Empty
MessageSujet: Se créer un sommaire pour ses longs textes   Se créer un sommaire pour ses longs textes EmptyMar 18 Juin 2013 - 11:55

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 ) Wink
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 :
Revenir en haut Aller en bas
http://lyricoding.tk
Fantaisie

Fantaisie


Bélier Messages : 633
Date d'inscription : 10/10/2012
Localisation : ???
Humeur : … !!!

Se créer un sommaire pour ses longs textes Empty
MessageSujet: Re: Se créer un sommaire pour ses longs textes   Se créer un sommaire pour ses longs textes EmptyMar 18 Juin 2013 - 13:17

Wah, merci beaucoup Lyric, c'est sympa de nous faire partager ta science !! :)
(même si j'écris pas de long texte, ça peut servir) (et puis je m'étais justement demandée comment ça marchait ce truc…)

En revanche, chassez le naturel et il revient au galop, j'ai relevé quelques petites fautes qui viennent un peu gâter le sérieux de ton explication… À savoir :
- "le chapitre a lire" -> à lire
- "comment faire ca" -> ça
- "un repert" -> repère (x2 Wink)
- "en utiliser" -> utilise
- "quand vous poster" -> postez
- "directement a votre message" -> à
- "attendez qui" -> que
- "Vous etes" -> êtes
- "la page a été affiché" -> affichée
- "ressembler a ca" -> à ça
- "ou se placer" -> où
- "relever" -> relevez
- "creer" -> créer
- "Tres" -> très
Et ouais… Le problème avec moi c'est que quand je suis partie à relever les fautes… Même les plus minimes que j'avais pas remarqué à la première lecture y passent… hum

Bref, encore merci ! :)


EDIT : pendant que tu y es, POURQUOI les balises marchent pas alors que quand je fais "prévisualisation" tout va bien ???
Revenir en haut Aller en bas
Lyric

Lyric


Verseau Messages : 857
Date d'inscription : 06/10/2012
Localisation : = goto JustBehindYou;
Humeur : = rand();

Se créer un sommaire pour ses longs textes Empty
MessageSujet: Re: Se créer un sommaire pour ses longs textes   Se créer un sommaire pour ses longs textes EmptyMar 18 Juin 2013 - 15:03

Pour toutes mes fautes d'accent, c'est mon superbe clavier Qwerty qu'il faut accuser. Les accents que j'ai réussi a mettre son en fait de mon correcteur d'orthographe :hap:
Pour les balises, j'avoue ne pas comprendre pourquoi. Sans doute qu'il y a eu des modifications dues a la nouvelle version de l’éditeur...
Revenir en haut Aller en bas
http://lyricoding.tk
Syta
Fondatrice et grande manitou du forum
Fondatrice et grande manitou du forum
Syta


Capricorne Messages : 1720
Date d'inscription : 17/07/2012
Localisation : En haut d'un arbre
Humeur : Poétique

Se créer un sommaire pour ses longs textes Empty
MessageSujet: Re: Se créer un sommaire pour ses longs textes   Se créer un sommaire pour ses longs textes EmptyMar 18 Juin 2013 - 15:41

Sinon Lyric, j'ai remarqué que le BBCode marche pas des fois (par exemple le fail du [size] de Fanta. ).
Tsais pourquoi ?
Revenir en haut Aller en bas
http://www.encre-nocturne.com
Pandoraz
.: Démone-chat & Princesse des Kicks :.
Pandoraz


Taureau Messages : 942
Date d'inscription : 18/07/2012
Localisation : Meh, partout, nul part, quelle différence.
Humeur : J'te bouffe ton âme.

Se créer un sommaire pour ses longs textes Empty
MessageSujet: Re: Se créer un sommaire pour ses longs textes   Se créer un sommaire pour ses longs textes EmptyMar 18 Juin 2013 - 16:09

Il vient de le dire Pick xD

Sinon merci Lyric ! :3 En plus tu nous offres un code gratuit à personnaliseeeer *3* *dit celle qui poste jamais rien.*
Revenir en haut Aller en bas
http://blacky-cat.deviantart.com/
Kawet

Kawet


Sagittaire Messages : 2155
Date d'inscription : 16/09/2012
Localisation : Ici
Humeur : Itseu djok ?

Se créer un sommaire pour ses longs textes Empty
MessageSujet: Re: Se créer un sommaire pour ses longs textes   Se créer un sommaire pour ses longs textes EmptyMar 18 Juin 2013 - 16:23

Pick, t'es vraiment endormi en ce moment Oo

Lyr> (y)  vive toi ! :D  ("Les accents que j'ai réussi a mettre son en fait de mon" sonT...)
Revenir en haut Aller en bas
Invité
Invité




Se créer un sommaire pour ses longs textes Empty
MessageSujet: Re: Se créer un sommaire pour ses longs textes   Se créer un sommaire pour ses longs textes EmptyMar 18 Juin 2013 - 18:45

Tuto très complet Lyric , bon boulot :P

Pour les balises qui bugs, c'est en effet lié au nouvel éditeur. Je crois qu'ils ont voulu simplifier encore plus le BBCode.
Revenir en haut Aller en bas
Orelian

Orelian


Verseau Messages : 263
Date d'inscription : 20/10/2012
Humeur : Tranquille

Se créer un sommaire pour ses longs textes Empty
MessageSujet: Re: Se créer un sommaire pour ses longs textes   Se créer un sommaire pour ses longs textes EmptySam 31 Aoû 2013 - 20:36

Le fait que les balises ne s'affichent pas correctement est dû au fait qu'elles ont été encastrées ([balise][balise][/balise][/balise]), effectivement probablement à cause d'un petit défaut du nouvel éditeur.
Or, cela ne marche qu'avec des balises différentes. Pour des balises de même type, il faut toujours les mettre les unes après les autres([balise][/balise][balise][/balise]), car sinon la page n'arrive pas à lire le code correctement.

Sinon j'aime bien l'idée du sommaire, c'est vrai que ça pourra m'être utile quand je reprendrai mon histoire longue :)
Revenir en haut Aller en bas
Contenu sponsorisé





Se créer un sommaire pour ses longs textes Empty
MessageSujet: Re: Se créer un sommaire pour ses longs textes   Se créer un sommaire pour ses longs textes Empty

Revenir en haut Aller en bas
 
Se créer un sommaire pour ses longs textes
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Tuto hébergeur de textes (bien présenter ses textes et les rendre lisibles)
» Tuto hébergeur de textes (bien présenter ses textes et les rendre lisibles)
» Savoir faire un sommaire de ses chapitres (avec liens à la clé)
» Publier les Ecrits longs sur une interface spéciale : venez donner votre avis
» Pages Jaunes Nocturniennes

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Encre Nocturne :: Accueil :: Règles et aide à l'utilisateur :: Tutoriels-
Sauter vers: