|
|
| (46 révisions intermédiaires par le même utilisateur non affichées) |
| Ligne 1 : |
Ligne 1 : |
| − | '''L'indentation''' est un procédé de retrait de texte qui permet :
| + | {{Boîte déroulante |
| − | * un retrait de texte dans un paragraphe,
| + | |titre = "mon titre" |
| − | * une liste de description
| + | |contenu=mon contenu |
| − | * d'organiser les fils de discussion.
| + | }} |
| − | | |
| − | == Mise en page des pages de discussion ==
| |
| − | | |
| − | Comme indiqué dans l'article [[Indentation]], cette pratique permet de présenter les différentes contributions en distinguant :
| |
| − | # le « sujet principal » ou fil de discussion, ou « contribution originale », qui sera le plus à gauche,
| |
| − | # des « réponses » à cette contribution originale, qui seront présentées sous cette première contribution, et décalées à droite et
| |
| − | # des « réponses à réponse » qui seront présentées sous la réponse, et décalées d'un cran supplémentaire vers la droite, et ainsi de suite...
| |
| − | | |
| − | Ce décalage est réalisé, dans la [[Aide:Syntaxe Wikipédia|syntaxe de Wikipédia]] au moyen du signe de ponctuation « : » ([[deux-points]]) placé en début de ligne. Plus le nombre de « : » est important, plus le paragraphe se déplace vers la droite.
| |
| − | | |
| − | À ce principe de base s'ajoute, sur le [[Wikipédia:Le Bistro|Bistro]] et sur les pages de discussion, une feuille de style qui fait alterner les deux couleurs de fond blanc et bleu pâle, en suivant la parité du nombre de « : ». Un nombre pair produit un fond jaune pâle, tandis qu'un nombre impair produit un fond jaune foncé. La frontière entre les couleurs est renforcée par deux lignes, l'une en haut, l'autre à gauche du paragraphe le plus à droite.
| |
| − | | |
| − | Il apparaît utile également d'ajouter des sauts de lignes invisibles sur la page, mais visibles dans la boîte d'édition, afin de mieux distinguer les contributions des uns et des autres au moment où l'on modifie une page de discussion.
| |
| − | | |
| − | === Exemple ===
| |
| − | | |
| − | ===Quelques écueils courants à éviter===
| |
| − | (De même, voir le rendu sur [[Discussion Aide:Indentation#Quelques écueils courants à éviter|la page de discussion]] )
| |
| − | | |
| − | ====La signature ou le saut de ligne non indenté====
| |
| − | {|align="center" style="background-color:#FFEEEE;width:90%;margin-bottom:1em;" | |
| − | |-
| |
| − | |style="text-align:center"| '''Eviter'''
| |
| − | |style="text-align:center"| '''Préférer'''
| |
| − | |style="padding:3em;padding-top:0em"|
| |
| − | |style="text-align:center"| '''Eviter'''
| |
| − | |style="text-align:center"| '''Préférer'''
| |
| − | |-
| |
| − | |
| |
| − | :bla
| |
| − | ::blabla
| |
| − | :::Votre réponse
| |
| − | Votre signature
| |
| − | |
| |
| − | :bla
| |
| − | ::babla
| |
| − | :::votre réponse
| |
| − | :::Votre signature
| |
| − | |
| |
| − | |
| |
| − | :bla
| |
| − | ::blabla
| |
| − | :::Votre réponse
| |
| − | Suite de votre réponse
| |
| − | |
| |
| − | :bla
| |
| − | ::babla
| |
| − | :::votre réponse
| |
| − | :::Suite de votre réponse
| |
| − | |}
| |
| − | | |
| − | ====Le saut de ligne avant la réponse====
| |
| − | {|align="center" style="background-color:#FFEEEE;width:90%;" | |
| − | |-
| |
| − | |style="text-align:center"| '''Eviter''' | |
| − | |style="text-align:center"| '''Préférer''' | |
| − | |style="text-align:center"| '''Ou, avec séparation'''
| |
| − | |-
| |
| − | |
| |
| − | :bla
| |
| − | ::babla
| |
| − |
| |
| − | :::votre réponse (+signature)
| |
| − | |
| |
| − | :bla
| |
| − | ::blabla
| |
| − | :::Votre réponse (+signature)
| |
| − | |
| |
| − | :bla
| |
| − | ::blabla
| |
| − | :::
| |
| − | :::Votre réponse (+signature)
| |
| − | |}
| |
| − | | |
| − | ==== La réponse de même niveau sans séparation ====
| |
| − | {|align="center" style="background-color:#FFEEEE;width:90%;"
| |
| − | |-
| |
| − | |style="text-align:center"| '''Éviter'''
| |
| − | |style="text-align:center"| '''Préférer'''
| |
| − | |-
| |
| − | |
| |
| − | :Bla
| |
| − | ::Blabla. (Signature utilisateur 1)
| |
| − | ::Votre réponse au premier message (+ signature)
| |
| − | |
| |
| − | :Bla
| |
| − | ::Blabla. (Signature utilisateur 1)
| |
| − | :
| |
| − | ::Votre réponse au premier message (+ signature)
| |
| − | |}
| |
| − | | |
| − | | |
| − | Ce modèle est purement indicatif, et personne ne vous en voudra si vous ne respectez pas à la lettre les indications données.
| |
| − | | |
| − | Pour faire des essais, vous pouvez utiliser la page [[Discussion Wikipédia:Bac à sable]].
| |
| − | | |
| − | == Le retrait en typographie française ==
| |
| − | Hormis le cas particulier des pages de discussion, l'indentation est aussi un retrait de la première ligne d'un paragraphe.
| |
| − | | |
| − | En [[HTML]], on peut appliquer la propriété [[Feuilles de style en cascade|CSS]] <code>text-indent</code> – avec une valeur proportionnelle à la police, comme <code>1em</code> ou <code>2em</code> – au conteneur du texte.
| |
| − | | |
| − | ;Exemples
| |
| − | | |
| − | <div style="text-indent:1em">
| |
| − | ''Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.''
| |
| − | | |
| − | ''Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim.''
| |
| − | </div>
| |
| − | Ici, les deux paragraphes étaient encadrés par <code><div style="text-indent:1em"></code> et <code></div></code> (un élément <code><div></code> est un conteneur générique).
| |
| − | | |
| − | <p style="text-indent:2em">''Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.''</p>
| |
| − | Ici, le paragraphe était encadré par <code><p style="text-indent:2em"></code> et <code></p></code> (un élément <code><p></code> est justement un élément de paragraphe).
| |
