TUTO : Mettre en forme un message avant de le poster

Banque de tutoriaux expliquant certaines choses sur le forum
Répondre
Avatar du membre
dvincent
Messages : 554
Enregistré le : mer. 27 mai 2020 17:44
Localisation : Val d'Oise

TUTO : Mettre en forme un message avant de le poster

Message par dvincent »

Poster un message sur le forum peut être fait de façon à ce qu'il soit visuellement bien structuré et clair. Si vous regardez le formulaire lorsque vous postez un message, vous pourrez noter la présence d'une rangée de boutons. Voici la liste et la manière de les utiliser:
La méthode est la même pour chaque bouton : Vous pouvez cliquer une première fois sur le bouton, saisir le texte à mettre en forme, puis cliquer une seconde fois pour fermer la balise, ou bien, saisir votre texte, le sélectionner et cliquer une fois sur le bouton de façon à ce que les balises, ouvrante + fermante, soient ajoutées.

Mise en gras. Raccourci clavier :
B gras.png
B gras.png (3.99 Kio) Vu 4076 fois
Vous verrez dans la zone de texte la partie affectée sous cette forme:

votre texte en gras suivi d'un texte normal

Mise en italique. Raccourci clavier :
B Ital.png
B Ital.png (4.09 Kio) Vu 4074 fois
Vous verrez dans la zone de texte la partie affectée sous cette forme:

votre texte en italique suivi d'un texte normal

Souligner. Raccourci clavier :
B Soul.png
B Soul.png (3.98 Kio) Vu 4074 fois
Vous verrez dans la zone de texte la partie affectée sous cette forme:

votre texte souligné suivi d'un texte normal

Bloc de citation. Raccourci clavier :
B Quote.png
B Quote.png (4.06 Kio) Vu 4074 fois
Vous verrez dans la zone de texte la partie affectée sous cette forme:

votre texte normal suivi d'un
texte en citation
Lorsque vous citez quelqu'un en particulier, ajoutez-le dans la balise d'ouverture comme ceci:
Untel a écrit : ce qui affichera au dessus du bloc Untel a écrit au lieu de Citation
Liste à puces non ordonnée. Raccourci clavier :
B List.png
B List.png (3.93 Kio) Vu 4074 fois
L'utilisation des listes est particulière et mérite quelques précisions. Ce que vous lisez en ce moment même est une liste à puce non ordonnée. Le bouton LIST ajoute les balises ouvrante et fermante correspondant en html aux balises <ul> et </ul>.
Pour ajouter ce qui correspond aux balises <li></li>, ajoutez au début de chaque item [*] sans le fermer.

votre texte normal suivi de votre liste
  • Premier item;
  • Second item;
  • Troisième item;
Liste à puces ordonnée. Raccourci clavier : [Alt] + [O].
Pour avoir des listes ordonnées, vous devez compléter la balise ouvrante soit avec "1" soit avec "A", ce qui donne "list=1 ou list=A. La numérotation sera donc numérique ou alphabétique.
Vous verrez dans la zone de texte la partie affectée sous cette forme:

votre texte normal suivi de votre liste ordonnée numériquement
  1. Premier item;
  2. Second item;
  3. Troisième item;
Ou bien :

votre texte normal suivi de votre liste ordonnée alphabétiquement
  1. Premier item;
  2. Second item;
  3. Troisième item;
Notez enfin que vous pouvez avoir des listes imbriquées éventuellement de différent type.

Image. Ne pas utiliser le raccourci clavier sauf pour pointer des images disponibles sur le NET.
L'insertion d'image peut occasionnellement aider à la compréhension de votre question. Néanmoins, faites-en un usage modéré, et évitez en particulier les images de grande taille. Vous ne pouvez pas insérer directement l'image, mais le bouton permet de pointer sur une image que vous aurez préalablement mise en ligne.
L'image sera donc récupérée directement via Internet.
Vous verrez dans la zone de texte la partie affectée sous cette forme:

Votre texte normal suivi de votre image
Image

Préférer le téléchargement d'une image via FICHIERS JOINTS (cf onglet ci-dessous) et cliquer sur AJOUTER DES FICHIERS (Sélection multiple possible)
B Aj1.png
B Aj1.png (39.47 Kio) Vu 4063 fois
Sélectionner le/les fichier/s à ajouter puis cliquer sur OUVRIR
B Aj2.png
B Aj2.png (17.58 Kio) Vu 4062 fois
Positioner le curseur à l'endroit souhaité d'insertion de l'image dans le texte puis cliquer sur INSERER DANS LE MESSAGE
B Aj3.png
B Aj3.png (66.21 Kio) Vu 4062 fois
Lien hypertexte. Raccourci clavier : [Alt] + [W].
B Lien.png
B Lien.png (4.13 Kio) Vu 4062 fois
Lorsque vous écrivez une url normale, elle est automatiquement prise en compte sans balise particulière. Néanmoins, vous pouvez encadrer un mot en particulier pour le transformer en lien hypertexte.
Ainsi, pour citer un autre message du forum en référence, récupérer l'url et faites ceci:

J'ai visité ce tutorial

L'affichage donnera donc

J'ai visité ce tutorial

Vous pouvez faire des combinaisons avec des images :

J'ai lu ce livre
Image

Et là, l'image devient cliquable.

A tout instant visualiser votre travail en cliquant sur APERCU et terminer en cliquant sur ENVOYER
B Term.png
B Term.png (10.16 Kio) Vu 4062 fois
Pour modifier le message, cliquer sur MODIFIER
B Modif.png
B Modif.png (4.07 Kio) Vu 4062 fois

! Attention !
Dans un bloc PHP ou code, n'utilisez pas les autres boutons de mise en forme, ils ne seront pas pris en compte : donc pas de mise en gras ou dans une autre couleur, les bbCodes seraient affichés directement au milieu du code, ce qui n'aurait aucun sens.
Notez également que l'ordre des balises combinées est important : comme en HTML, on ne peut pas faire chevaucher des balises hétérogènes, donc on fera par exemple texte mais jamais texte

[/quote]

[Édition du 26 octobre 2006) copié de Cyrano : https://forum.phpfrance.com/tutoriels/m ... 14406.html

Attention
Depuis l'arrivée de Firefox 2.0, les raccourcis claviers ne fonctionnent plus normalement : la combinaison de touches fonctionnelles doit désormais comporter en plus la touche [Maj] (Majuscule), donc pour faire un [php], il faut faire [Maj] + [Alt] + [X].
Fichiers joints
B Img.png
B Img.png (4.78 Kio) Vu 4068 fois
__________________________________________________
Un trou noir? C'est troublant!

Répondre

Retourner vers « Utilisation du forum (tutoriaux) »