Encre Nocturne
Bonjour !

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


Entrez dans une dimension littéraire dont le territoire est infini et partagez vos écrits avec les autres internautes !
 
AccueilAccueil  PublicationsPublications  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Se créer un sommaire pour ses longs textes

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Lyric

avatar

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

MessageSujet: Se créer un sommaire pour ses longs textes   Mar 18 Juin - 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 :

------------------------------------------------------------------------------------------------
Par un jour sans écrire une ligne de code.
~ Citation d'Emile Zola, améliorée par Lyric fou

Blagues de programmeurs:
 
Revenir en haut Aller en bas
http://lyricoding.tk
Fantaisie

avatar

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

MessageSujet: Re: Se créer un sommaire pour ses longs textes   Mar 18 Juin - 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 ???

------------------------------------------------------------------------------------------------
"Mieux vaut s'enfoncer dans la nuit qu'un clou dans la fesse gauche."
(Pierre Dac)
Revenir en haut Aller en bas
Lyric

avatar

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

MessageSujet: Re: Se créer un sommaire pour ses longs textes   Mar 18 Juin - 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...

------------------------------------------------------------------------------------------------
Par un jour sans écrire une ligne de code.
~ Citation d'Emile Zola, améliorée par Lyric fou

Blagues de programmeurs:
 
Revenir en haut Aller en bas
http://lyricoding.tk
Syta
Fondatrice et grande manitou du forum
Fondatrice et grande manitou du forum
avatar

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

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

Sinon Lyric, j'ai remarqué que le BBCode marche pas des fois (par exemple le fail du [size] de Fanta. ).
Tsais pourquoi ?

------------------------------------------------------------------------------------------------
“Je me demande si je ne suis pas en train de jouer avec les mots. Et si les mots étaient faits pour ça ?”
- Boris Vian
Revenir en haut Aller en bas
http://www.encre-nocturne.com
Pandoraz
.: Démone-chat & Princesse des Kicks :.
avatar

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

MessageSujet: Re: Se créer un sommaire pour ses longs textes   Mar 18 Juin - 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.*

------------------------------------------------------------------------------------------------


Anciennement BlackCat
Revenir en haut Aller en bas
http://blacky-cat.deviantart.com/
Kawet

avatar

Féminin Sagittaire Messages : 2153
Date d'inscription : 16/09/2012
Localisation : Ici
Humeur : Itseu djok ?

MessageSujet: Re: Se créer un sommaire pour ses longs textes   Mar 18 Juin - 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...)

------------------------------------------------------------------------------------------------
Merci Maw' :D:
 



Aide à l'orthographe ici Wink
Quand vous êtes connecté, n'oubliez pas la chat-box !! (n'est-ce pas, Invité :p )


BE AN ALCOHOLIC HORSE, ADULATE WHALE, FUCK THE REST :la: 
LPBCRQA :la: 
MawPowaaaaaa :la: 
Revenir en haut Aller en bas
Invité
Invité



MessageSujet: Re: Se créer un sommaire pour ses longs textes   Mar 18 Juin - 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

avatar

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

MessageSujet: Re: Se créer un sommaire pour ses longs textes   Sam 31 Aoû - 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 :)

------------------------------------------------------------------------------------------------

alt : signature Orelian

Tous mes textes sont sous copyright (me demander pour une utilisation quelconque).
Je demande à ce qu'ils ne soient pas modifiés directement par les chasseurs de fautes.
Revenir en haut Aller en bas
Contenu sponsorisé




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

Revenir en haut Aller en bas
 
Se créer un sommaire pour ses longs textes
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Encre Nocturne :: Accueil :: Règles & Présentations :: Tutoriels-
Sauter vers: