Balises, BBcode, mise en forme des messages

[Dournon]

Y'a pas d'urgence, ma crème renversée toute renversée, y'a pas d'urgence...

(comme quoi, wordasse, hein, ça rime avec merdasse, once again)

[Scribe]

M'est arrivé la même chose hier... Je connais rien de pire que se faire chier avec un message tout beau tout bling-bling et voir tous ses efforts réduits à néant par une connerie informatique. [img]style_emoticons/<#EMO_DIR#>/triste_crise.gif[/img]

[Volyova]

<!--quoteo-->CITATION<!--quotec-->OK. Je t'explique meine Kodemarschepaskommeilfautkaputmatêteproblematik... <!--QuoteEnd--><!--QuoteEEnd-->Alors, pour te répondre :

- les différences de mise en forme que tu constates entre les textes copiés et ceux que tu colles dans tes messages viennent exclusivement de l'Éditeur de texte enrichi" Celui ne gère pas correctement la lecture des infos que tu lui donnes et fait portnawak. Ensuite, tu passes plus de temps à remettre en forme que tu n'en aurais passé à faire toi même la mise en forme à la mano.

- tu as voulu améliorer tout ça mais tu as choisi une police plus petite que la police par défaut du forum qui est Verdana corps 4.
exemple :
J'aime les PTB = Verdana taille 4
<!--fonto:Arial--><!--/fonto-->J'aime les PTB<!--fontc-->
<!--/fontc--> = Arial corps 4

Non seulement Arial est plus petite pour la même taille mais en plus elle est plus condensée, ce qui ne facilite pas sa lecture.
Mais en plus, en plus, tu as appliqué une taille 3, soit une taille plus petite que la taille standard.
Ce qui donnait :
<!--fonto:Arial--><!--/fonto--><!--sizeo:3--><!--/sizeo-->J'adore les PTB qui ont toujours raison.<!--sizec-->
<!--/sizec--><!--fontc--><!--/fontc-->
Et là je comprends que tu aies trouvé ça absolument n'affreux.

Donc comme tu es quelqu'un de bien tu as cherché une nouvelle police et choisi Times en augmentant la casse pour du 4.
Sauf que pas de bol, Times est encore plus petite que Arial [img]style_emoticons/<#EMO_DIR#>/biggrin.gif[/img]
J'aime les PTB = Verdana taille 4
<!--fonto:Arial--><!--/fonto-->J'aime les PTB<!--fontc-->
<!--/fontc--> = Arial corps 4
<!--fonto:Times New Roman--><!--/fonto-->J'aime les PTB<!--fontc-->
<!--/fontc--> = Times corps 4

Forcément ça commençait à devenir légèrement le souk puisque tu avais en plus un tas de balises inutiles et incompréhensibles placées là par l'Éditeur de texte enrichi qui était totalement incapable de gérer la mise en forme de départ plus tes balises de retrait plus tes balises successives de police et de taille.

Mais ça n'arrivera plus puisque l'Éditeur de texte enrichi est mort de sa belle mort [img]style_emoticons/<#EMO_DIR#>/devil.gif[/img]" border="0" alt="devil.gif" />

Et comme dit plus haut, la police standard est la police Verdana, la taille standard est la taille 4.
Certaines polices disponibles ne doivent être utilisées qu'en grands titres car difficile à lire sur de longs textes, d'autres sont adaptées aux messages longs (Georgia, Century Gothic etc.)
Théoriquement nos polices sont web safe (c'est à dire compréhensibles par la plupart des navigateurs et des matériels de nos lecteurs)

Le mieux lorsqu'on a un texte long et une mise en forme compliquée à faire est de :
- rédiger ou copier son texte dans un traitement de texte
- en supprimer toute mise en forme et ne garder que les retours entre paragraphes
- copier/coller dans un message sur le forum
- insérer les images là où tu veux qu'elles apparaissent
- appiquer d'abord les balises "rares".
Par exemple, si certains de tes titres doivent être en gras, tu sélectionnes un par un ces titres et tu appliques la balise gras qui ne concerne donc que ces titres.
Autre exemple, si certains mots doivent être d'une couleur spécifique tu appliques la balise de couleur à ces mots uniquement
ou si tu veux appliquer un retrait à une partie du texte, sélectionne ton texte et applique la balise indent
- appliquer les balises générales.
Exemple, tout ton texte doit être centré, tu sélectionnes tout ton texte (ctrl +a) et tu appliques la balise center à tout le texte. Si tout ton texte doit être en couleur, tu refais la même chose, la couleur s'appliquant par dessus le centrage etc.
- vérifier la mise en page en utilisant la fonction de prévisualisation

Ouala chouquette. pour le BBcode il y a, je le rappelle à tout le monde, un topic super complet avec des images qui bougent ICI

[Dournon]

Le problème est que je n'ai plus rien réussi à lire après la 9e ligne, "j'aime les PTB" [img]style_emoticons/<#EMO_DIR#>/reflexion_gratte.gif[/img]


Nan, j'déconne! [img]style_emoticons/<#EMO_DIR#>/respect.gif[/img]

Ca confirme ce que je pensais sur la non brutalité du fourbe texte brut.

Depuis peu, si je commence un post que je sais ne pas pouvoir finir vite, je le fait en mp à sauvegarder. Ca permet de le continuer sur un autre ordi et il suffit de l'effacer après avoir posté le texte.

[Scribe]

Petit cours didactique : apprenons à nos chers membres à faire une citation propre et qui ne nécessite pas qu'un gentil PTB ait besoin de repasser derrière eux. [img]style_emoticons/<#EMO_DIR#>/dents.gif[/img]" border="0" alt="dents.gif" />

Pour citer un message, vous le savez, vous utilisez les boutons Citer ou Répondre situés sous les messages que vous voulez citer. Cela affiche des balises [quote] de part et d'autre du texte cité dans votre espace de réponse.
Ça, vous savez faire, et vous en usez tous avec talent et audace. [img]style_emoticons/<#EMO_DIR#>/applaudir.gif[/img]

Mais vous pouvez faire mieux ! [img]style_emoticons/<#EMO_DIR#>/hoo2.gif[/img]

Quand vous citez un message, les choses se présentent comme ceci :

<!--c1-->CODE<!--ec1-->[quote name='Volyova' date='6/07/2008, 20:08' post='19298']
Blabla blubli blobla

<!--c2--><!--ec2-->[/quote]
Et généralement, vous arrivez après et vous ajoutez votre commentaire sarcastique comme cela :

<!--c1-->CODE<!--ec1-->[quote name='Volyova' date='6/07/2008, 20:08' post='19298']
Blabla blubli blobla

Blabla blu blabla blu blobli ???? <!--c2--><!--ec2-->[/quote]
Ça peut sembler très bien, mais voyons ce que ça donne une fois posté :

<!--quoteo(post=19298:date=6/07/2008, 20:08:name=Volyova)-->CITATION(Volyova @ 6/07/2008, 20:08) [snapback]19298[/snapback]<!--quotec-->Blabla blubli blobla
<!--QuoteEnd--><!--QuoteEEnd-->


Blabla blu blabla blu blobli [img]style_emoticons/<#EMO_DIR#>/laugh2.gif[/img] [img]style_emoticons/<#EMO_DIR#>/laugh2.gif[/img] [img]style_emoticons/<#EMO_DIR#>/laugh2.gif[/img]

Et oui, ça en prend de la place pour si peu de choses ! Mais mais mais, d'où viens tout ce vide pas beau ? [img]style_emoticons/<#EMO_DIR#>/butbut.gif[/img] Ça serait tellement mieux si ce joli message pouvait avoir cette allure ci :

<!--quoteo(post=19298:date=6/07/2008, 20:08:name=Volyova)-->CITATION(Volyova @ 6/07/2008, 20:08) [snapback]19298[/snapback]<!--quotec-->Blabla blubli blobla<!--QuoteEnd--><!--QuoteEEnd-->
Blabla blu blabla blu blobli [img]style_emoticons/<#EMO_DIR#>/laugh2.gif[/img]*

ou même cette allure là :

<!--quoteo(post=19298:date=6/07/2008, 20:08:name=Volyova)-->CITATION(Volyova @ 6/07/2008, 20:08) [snapback]19298[/snapback]<!--quotec-->Blabla blubli blobla<!--QuoteEnd--><!--QuoteEEnd-->Blabla blu blabla blu blobli [img]style_emoticons/<#EMO_DIR#>/laugh2.gif[/img]*

<!--sizeo:1--><!--/sizeo-->*Réduction du nombre de smiley en bonus<!--sizec--><!--/sizec-->

Mais comment faire ? C'est simple, plutôt que de laisser votre message ainsi...

<!--c1-->CODE<!--ec1-->[quote name='Volyova' date='6/07/2008, 20:08' post='19298']
Blabla blubli blobla

Blabla blu blabla blu blobli ???? <!--c2--><!--ec2-->[/quote]
... réduisez les renvois à la ligne ! Certes, dans l'espace de réponse, ça a l'air plus confus...

<!--c1-->CODE<!--ec1-->[quote name='Volyova' date='6/07/2008, 20:08' post='19298']Blabla blubli blobla

Blabla blu blabla blu blobli ???? <!--c2--><!--ec2-->[/quote]
... mais une fois posté, joie et délectation pour vos mirettes ! [img]style_emoticons/<#EMO_DIR#>/pom-pom-girl.gif[/img] Ça peut sembler du chipotage de PTB chiant, mais quand vous devez repasser derrière les messages mal ficelés dix fois par jour, ça peut devenir un peu fatigant...

Vous vous dites peut-être : "Oula, mais moi quand tout est serré comme ça, je m'y retrouve pas, et je sais pas si mes balises BBCodes sont bien foutues !"
C'est pour cela qu'il existe un superbe bouton "Prévisualisation", qui, contrairement à ce qu'on pourrait croire, ne sert pas que pour la déco ! On peut cliquer dessus ! [img]style_emoticons/<#EMO_DIR#>/hoo2.gif[/img] Si si, essayez, vous verrez, ça marche vraiment, et ça permet de voir si tout est bien en place avant d'envoyer votre prose savoureuse.

En faisant ces petits efforts supplémentaires quand vous postez, vous améliorez la lisibilité, et tout le monde y gagne. [img]style_emoticons/<#EMO_DIR#>/number-one-45.gif[/img]

A noter aussi : Citer un message, ce n'est pas toujours indispensable. Si vous répondez juste après, il n'est pas utile de répéter le message. De même que si vous répondez à un passage précis, sélectionnez le passage qui vous intéresse dans votre réponse, et supprimez le reste.

Merci pour votre attention, cher membres, vous êtes fabuleux. [img]style_emoticons/<#EMO_DIR#>/inlove2.gif[/img]

PS : Évidemment, personne n'est parfait, et si vous ne faites pas les choses tout bien comme il faut à tous les coups, vous ne serez pas bannis (au pire, plumes et goudron !). Mais essayez d'y penser. [img]style_emoticons/<#EMO_DIR#>/yes.gif[/img]

[GGofLove]

<!--quoteo(post=31716:date=14/03/2010, 19:27:name=Scribe)-->CITATION(Scribe @ 14/03/2010, 19:27) [snapback]31716[/snapback]<!--quotec-->---lavachekiri---Merci pour votre attention, cher membres, vous êtes fabuleux. [img]style_emoticons/<#EMO_DIR#>/inlove2.gif[/img] ---Oh le vil flatteur---<!--QuoteEnd--><!--QuoteEEnd-->Hop ! test.

[Scribe]

Et bin voilà, je confirme, vous êtes fabuleux ! [img]style_emoticons/<#EMO_DIR#>/rire-20060614.gif[/img]

[GGofLove]

<!--quoteo(post=31721:date=15/03/2010, 10:58:name=Scribe)-->CITATION(Scribe @ 15/03/2010, 10:58) [snapback]31721[/snapback]<!--quotec-->Et bin voilà, je confirme, vous êtes fabuleux ! [img]style_emoticons/<#EMO_DIR#>/rire-20060614.gif[/img]<!--QuoteEnd--><!--QuoteEEnd-->Tu peux me tutoyer, Scribe ! [img]style_emoticons/<#EMO_DIR#>/dents.gif[/img]" border="0" alt="dents.gif" />