tutoriel utilisation barre d'outils des messages

[débitant]

Utilisation de la barre d'outils des messages

Pourquoi un tuto sur ce sujet, tout simplement pour les nouveaux membres qui ne savent pas encore comment poster une image, un lien, du code, etc...,et aussi pour les plus anciens qui l'oublient parfois
Ne pas oublier, qu'il existe une Faq que vous pouvez consulter ICI
ou en cliquant sur FAQ

FFLM-2_outils message_index_1.jpg (7.98 Kio) Vu 19164 fois

Bien entendu, tous les chemins menant à Rome, je ne peux pas détailler les différentes façons de faire ceci ou cela, à vous de voir la méthode la plus appropriée dans tel ou tel cas

Clic sur le nom pour aller au chapitre voulu
1. Généralités, rappels

2. Mise en forme du texte

FFLM-2_outils message_index_3.jpg (8.75 Kio) Vu 19164 fois

3. Citations, spoiler

4. Listes

FFLM-2_outils message_index_5.jpg (7.43 Kio) Vu 19164 fois

5. Images, liens

FFLM-2_outils message_index_6.jpg (8.47 Kio) Vu 19164 fois

6. Code

Nota:
Le forum ayant évolué, certains boutons ont changés tout en étant à la même place. Donc pour éviter de reprendre tout le tutoriel , (même si vous pouvez voir l'utilisation des boutons en passant le curseur dessus) voici une correspondance icones/écriture

[débitant]

Généralités, rappel

1. Répondre, citer, effacer
   Rappels de base, mais qui ont leur importance, surtout pour les nouveaux inscrits.
   
   1. Répondre, nouveau sujet, options, recherche
      clic sur ces boutons se trouvant à gauche en haut et en bas de chaque page :

      

      1 Pour répondre à un sujet
      2 Pour créer un nouveau sujet
      3 Options du sujet (clic sur la flèche pour dérouler le menu)
      4 Recherche
      
      puis taper le message dans la zone de texte
      
      À la création d'un sujet, ne pas oublier de remplir le champ titre
      
      Quand vous rédigez un message, avant de l'envoyer, faites un aperçu et prenez le temps de vous relire !

      

      FFLM-2_outils message_généralités_2.jpg (2.33 Kio) Vu 19704 fois

   2. Citer, reporter, éditer, supprimer
      En haut à droite d'un post vous avez ces boutons en fonction du type de post:

      

      FFLM-2_outils message_généralités_3.jpg (10.03 Kio) Vu 19704 fois

      1) concerne le post d'un autre membres que vous, vous pouvez juste citer (4) et rapporter (5)
      2) concerne un de vos posts, vous pouvez citer (4), rapporter (5) et éditer (7) vos messages
      3) concerne un de vos posts, sans réponse après, vous pouvez citer (4),rapporter (5), éditer (7) et supprimer (6).
      Dès qu'il y a une réponse après votre post, vous ne pouvez plus supprimer, (sauf demander à la modération)
2. Une balise, c'est quoi ce truc ?
   
   • Et bien ce sont les deux crochets " [ " et " ] " entre lesquels il y a un "code".
   • Il y a deux sortes de balises : balise de début [***] et balise de fin [/***] (les *** représentant le code).
   • Quand vous voudrez faire une action sur un texte, celle-ci se fera sur tout ce qui est entre ces balises.
   • Si vous ouvrez une balise, [ ], il faut la fermer (je parle de la balise ), [/] ,sinon grosse pagaille.
   • Si vous ouvrez plusieurs balises, attention à les fermer dans l'ordre.
   Exemple :
   Vous voulez obtenir ceci ,

   

   FFLM-2_outils message_généralités_4.jpg (2.33 Kio) Vu 19704 fois

   il faut mettre les codes :

   

   FFLM-2_outils message_généralités_5.jpg (9.99 Kio) Vu 19704 fois

   Et surtout ne pas croiser les balises

   

   FFLM-2_outils message_généralités_6.jpg (10.55 Kio) Vu 19704 fois

3. Action sur un mot (ou un texte)
   • Vous avez déjà écrit le mot et voulez le mettre en forme.
     (Méthode recommandée pour les traitements de texte, on écrit d'abord, et on met en forme après)
     
     Vous surlignez, dans le cas de plusieurs mots (glissez le curseur clic gauche maintenu),
     ou dans le cas d'un seul mot, deux clics gauche sur le mot.

     

     FFLM-2_outils message_généralités_7.jpg (3.48 Kio) Vu 19704 fois

     

     FFLM-2_outils message_généralités_8.jpg (3.12 Kio) Vu 19704 fois

     Sélectionnez d'un clic gauche l'action désirée (voir l'infobulle), ici mettre en gras, les balises se positionnent automatiquement.

     

     FFLM-2_outils message_généralités_9.jpg (6.03 Kio) Vu 19704 fois

     

     FFLM-2_outils message_généralités_10.jpg (3.38 Kio) Vu 19704 fois

   • Vous mettez en forme avant d'écrire le mot ou le texte.
     
     Commencez votre phrase, sélectionnez l'action,

     

     FFLM-2_outils message_généralités_11.jpg (3.1 Kio) Vu 19704 fois

     

     FFLM-2_outils message_généralités_9.jpg (6.03 Kio) Vu 19704 fois

     les balises apparaissent, avec le curseur positionné entre, vous pouvez écrire votre texte.

     

     FFLM-2_outils message_généralités_12.jpg (3.34 Kio) Vu 19704 fois

     

     FFLM-2_outils message_généralités_13.jpg (3.88 Kio) Vu 19704 fois

     N'oubliez pas de sortir le curseur des balises pour continuer à écrire sans cette mise en forme.
   
   
   
   Bien entendu les pros du clavier savent que l'on peut taper directement les balises sans passer par les boutons.

Retour à l'index

[débitant]

Mise en forme du texte

1. Actions gras, italique, souligné ou barré
   

   

   Bien sûr on peut faire plusieurs actions sur le même texte.Ceci:

   

   donnera :

   

   FFLM-2_outils message_forme texte_3.jpg (4.64 Kio) Vu 19699 fois

2. Action taille du texte
   

   

   vous pouvez mettre une autre taille que celle de la liste déroulante
   la taille "normale" correspond à 100
   j'ai mis en exemple une taille de 170, intermédiaire à "grande" et "très grande"
   200 est la taille maximum acceptée sur ce forum
3. Action couleur du texte
   
   Sélectionner votre texte (voir plus haut), cliquez gauche sur le bouton "couleur de la police"( non, ce ne sont pas des agents en uniforme ), l'infobulle vous donne la syntaxe

   

   une palette de couleur apparaît :
   1) choisissez la couleur adéquate en cliquant gauche dessus,
   ( pour les pros du clavier le code qui apparaît dans l'infobulle est à reporter dans la balise de début),
   2) le code apparaît,
   3) fermer la palette si vous voulez.

   

4. Actions indice et exposant
   
   Cliquez sur le bouton de l'action désirée.

   

   Avec l'exemple ci-dessus vous obtenez ceci

   

   FFLM-2_outils message_forme texte_8.jpg (3.01 Kio) Vu 19699 fois

Retour à l'index

[débitant]

Citations et spoiler

1. Citations
   
   Les citations servent, comme leur nom l'indique, à citer le post d'un membre du forum, en totalité ou partiellement, ou mettre en valeur un texte.
   1. Dans le cas d'une citation complète d'une intervention (post) dans un sujet donné, cliquer sur le bouton "citer" du post concerné.

      • 

        FFLM-2_outils message-citations code_1.jpg (1.99 Kio) Vu 19697 fois

      La zone de texte des messages s'ouvre, avec entre les deux balises "quote" le texte cité.

      • 

        FFLM-2_outils message-citations code_2.jpg (10.33 Kio) Vu 19697 fois

      Vous n'avez plus qu'à continuer votre message, sans oublier de sortir le curseur des balises, sinon vous allez écrire dans le Quote.
      
      Il ne sert à rien de multiplier les citations dans les citations, d'ailleurs sur ce forum c'est limité à 3 niveaux

      • 

      Bien sûr vous pouvez faire autant de citations séparées que vous voulez dans votre réponse, ce qui est très utile dans le cas des citations partielles.

      • 

        FFLM-2_outils message-citations code_4.jpg (16.79 Kio) Vu 19697 fois

   2. Citations partielles
      Très utiles si vous voulez répondre à des intervenants dont le post est très long ou à une intervention qui nécessite des réponses point par point.
      
      Prenons le post du pseudo virtuel "Lafontaine",
      Vous sélectionnez les phrases que vous voulez citer, copiez (Ctrl+C)(l'une après l'autre, bien sûr )

      • 

      dans la zone de texte de votre message, cliquez sur "quote", puis collez (Ctrl+V)

      • 

        FFLM-2_outils message-citations code_6.jpg (9.13 Kio) Vu 19697 fois

        

        FFLM-2_outils message-citations code_7.jpg (6.76 Kio) Vu 19697 fois

      vous obtenez une citation simple ou "anonyme"

      • 

        FFLM-2_outils message-citations code_8.jpg (7.51 Kio) Vu 19697 fois

      Pour mettre le nom ou pseudo de l'intervenant (ce qui est recommandé, voir très recommandé), cliquez juste après quote dans la balise de début, et ajouter:
      le signe égal, guillemet, le nom, guillemet (ne pas oublier les guillemets).

      • 

      Faites toujours un aperçu pour vérifier votre message avant de l'envoyer

      • 

        FFLM-2_outils message-citations code_10.jpg (2.94 Kio) Vu 19697 fois

      Pour finir, si vous faites ceci

      • 

      vous aurez cela

      • 

      Important
      ne pas citer un message si vous y répondez immédiatement derrière, ça encombre la lecture et n'amène rien à la clarté du sujet
      sauf, bien sûr, si vous faites une citation partielle
2. Spoiler
   
   Voilà une balise qui a une certaine importance pour la visibilité et la lecture d'un sujet.
   Elle permet de "cacher" un texte, une photo, etc ... , ce qui fait qu'un sujet donné n'est pas "pollué" par ce que l'on nomme dans tous les forums un "hors sujet" (HS).
   
   En effet quand un posteur (souvent débutant et stressé) demande de l'aide pour résoudre un problème, et qu'il se retrouve avec plusieurs posts, voir pages, de HS, l'on peut concevoir que c'est énervant et lassant.
   En plus ça enlève clarté et compréhension pour le suivi de la résolution du problème.
   
   Ainsi, quand ce posteur voit dans une réponse ceci :

   • 

     FFLM-2_outils message-citations code_19.jpg (2.27 Kio) Vu 19697 fois

   il sait que c'est du HS, donc libre à lui de lire ou de passer au prochain post en clair pour suivre son sujet.
   
   Reprenons, vous voulez faire un HS (on a le droit, mais faut pas abuser ), clic sur le bouton "spoiler"

   • 

     FFLM-2_outils message-citations code_17.jpg (8.07 Kio) Vu 19697 fois

   les balises s'affichent, insérez votre texte, image, etc ... ,
   aperçu (toujours ), envoyer. Le bouton

   • 

     FFLM-2_outils message-citations code_19.jpg (2.27 Kio) Vu 19697 fois

   apparaît dans le post.
   Il suffira d'un clic dessus pour que le mystérieux message apparaisse .

   • 

     FFLM-2_outils message-citations code_18.jpg (6.35 Kio) Vu 19697 fois

   Vous pouvez à ce moment là :
   soit laisser affiché (le spoiler sera fermé à la prochaine lecture du sujet),
   soit cliquer sur "masquer".
   Dans les deux cas, le bouton devient

   • 

     FFLM-2_outils message-citations code_16.jpg (2.39 Kio) Vu 19697 fois

   indiquant que le spoiler à été lu.
   A l'intérieur de cette balise spoiler vous pouvez, bien entendu, effectuer toutes les actions : texte, image, lien, citer, etc ...

Retour à l'index

[débitant]

Listes

Les listes sont juste une mise en page dans le cas de post assez long, avec des paragraphes.
Si vous regardez bien, tout du long de ce tutoriel je m'en suis servi.

Il y a les listes "non ordonnées " et "ordonnées":

1. non ordonnée
   vos alinéas commenceront par des ronds
2. ordonnée.
   Il y a trois sortes de listes ordonnées
   1. numérique
      vos alinéas seront numérotés 1, 2, 3, etc...
   2. alphabétique minuscule
      vos alinéas seront listés a, b, c, etc ...
   3. alphabétique majuscule
      vos alinéas seront listés A, B, C, etc ...

L'astérisque lui, est indissociable aux deux autres balises, c'est lui qui va faire incrémenter automatiquement vos alinéas.

• 

  FFLM-2_outils message_listes_1.jpg (9.97 Kio) Vu 19697 fois

Pour les listes ordonnées, il suffit de cliquer sur "List=" et d'ajouter après le signe "="

• 1 pour la liste ordonnée numérique
• a pour la liste ordonnée alpha minuscule
• A pour la liste ordonnée alpha majuscule

Pour résumer, il y a quatre types de listes possibles.

• 

Exemple 1, en image, c'est plus parlant
Ce code

• 

vous renvoie ceci

• 

Vous pouvez bien sûr, comme dans l'exemple , imbriquer ces listes les unes dans les autres, mais toujours en faisant attention à ne pas croiser les balises.

Exemple 2, plus approprié à ce forum

Un intervenant vous demande de taper dans le terminal un code X, un code Y, puis un code Z et de poster les retours.
Au lieu de mettre à la suite, les balises permettent de mettre en page votre réponse.
Admettons que retours A et B pas de problème,
pour le C, un premier retour indication d'erreur du terminal, et deux commentaires de votre part.
Après rectification, vous refaites le code C et ça vous donne un deuxième retour.
Ça pourrait donner ceci:

1. code X

   Code : Tout sélectionner

   retour terminal 

2. code Y

   Code : Tout sélectionner

   retour terminel 

3. code Z
   1. retour terminal avec erreur

      Code : Tout sélectionner

      retour terminal 

      • premier commentaire
      • deuxième commentaire
   2. retour terminal après rectification

      Code : Tout sélectionner

      retour terminal 

Voici le code de cet exemple

Code : Tout sélectionner

[list=A]
[*]code X
[code]retour terminal 

[*]code Y

Code : Tout sélectionner

retour terminel 

[*]code Z

1. retour terminal avec erreur

   Code : Tout sélectionner

   retour terminal 

   • premier commentaire
   • deuxième commentaire
2. retour terminal après rectification

   Code : Tout sélectionner

   retour terminal 

[/list][/code]

Retour à l'index

[débitant]

Images, liens

1. Images
   
   Rappel ne dépassez pas la taille de 640 x 480 (largeur x hauteur)
   
   Pour poster une image, rien de plus simple:
   1) Vous n'avez pas de lien d'un hébergeur, reportez-vous à ce tutoriel
   
   2) Vous avez déjà le lien de l'image déposée chez un hébergeur d'images.
   • Lien de type

     Code : Tout sélectionner

      http://*******************.jpg

     Copiez ce lien, cliquez sur le bouton img,
     puis coller (Ctrl + V) puisque le curseur est déjà positionné entre les balises.
     • 
   • Lien de type

     Code : Tout sélectionner

     [img]http://***************.jpg[/img]

     collez directement votre lien dans la zone de message sans cliquer sur "img",
     puisque les balises sont déjà existantes dans le lien.
     Que ce soit
   Attention: ne mettez jamais directement le lien de l'image d'un autre forum,
   • enregistrez cette image sur votre ordi (à supprimer après), puis postez-la chez un hébergeur,
     c'est le lien que vous renverra celui-ci qu'il faudra copier/coller.
2. Liens
   
   1. Insérer un lien simple (c'est le principe de base).
      Copiez le lien que vous voulez insérer, clic sur URL puis collez (Ctrl + V)
      • 
      vous obtiendrez ceci :
      http://forum-francophone-linuxmint.fr/v ... p?f=16&t=2
   2. Insérer un lien avec texte descriptif.
      Quand le lien fait 3 km de long, c'est très utile, ça évite la pollution visuelle .
      • 
      vous obtenez ceci:
      Règles de bonne conduite
   3. Insérer un lien caché par une image.
      C'est la même façon de procéder que ci-dessus, sauf que le lien (avec les balises "img" ) à insérer est celui d'une image.
      Celle-ci devient cliquable, et vous emmène à la page désirée.
      • 

Retour à l'index

[débitant]

Code

Je m'aperçois que les balises "code" méritent un paragraphe séparé, pour bien les utiliser
Cette balise est très importante pour:

• une ligne de commande que l'on aura plus qu'à copier et éviter ainsi les erreurs de syntaxe
  exemple:

  • Code : Tout sélectionner

    echo "Cleaning Up" && sudo apt-get -f install && sudo apt-get -y autoremove && sudo apt-get autoclean && sudo apt-get clean && sudo sync && echo 3 | sudo tee /proc/sys/vm/drop_caches && zenity --notification --text='Mises à jour et nettoyage fini'

• éviter la longueur interminable de certains retours d'un terminal, ce que j'appellerai de la pollution visuelle
  Exemple si vous postez sans les balises "code" le retour de cette commande, (si, si, ça c'est déjà vu) :

  • Code : Tout sélectionner

    dmesg

  vous comprendrez de suite l'intérêt de cette balise

Rappels

1. Copie d'une commande (ou ligne de commandes, voir ex. ci-dessus)
   • (1) clic G sur (tout sélectionner)
     (2) (clic D sur la sélection > copier) ou ( Crtl + C)

     

     Code_1.png (3.53 Kio) Vu 19161 fois

     il vous reste à la coller dans le terminal (clic D > coller) ou (Maj+Ctrl+V)
2. Copie d'un retour terminal
   • deux solutions pour copier
     1. si vous n'avez qu'une seule commande dans le terminal : menu édition > tout sélectionner

        

        Code_10.png (16.89 Kio) Vu 19161 fois

     2. si vous avez plusieurs retours dans le terminal, sélectionner le retour voulu, avec le clic G maintenu, depuis le prompt de début jusqu'au prompt de fin

        

   • ensuite, dans les deux cas, (clic D sur la sélection > copier) ou (Maj+Ctrl+C)
   • Pourquoi copier les prompts ?(ceci est important pour une aide efficace)
     • de début : pour vérifier que la commande n'est pas erronée
     • de fin : pour vérifier que le message est complet et que le terminal a "rendu la main"

Balise code

• Après avoir copié votre message (commande, retour, etc…), revenez dans la zone de message du sujet,
  deux solutions
  1. clic sur "Code", les balises s'affichent avec le curseur à l'intérieur, collez (Ctrl+V)

     

     Code_15.jpg (22.88 Kio) Vu 19161 fois

     Une fois le message collé, n'oubliez pas de sortir le curseur des balises, sinon vous allez continuer à écrire dedans
  2. Vous collez votre message, puis vous le sélectionnez (1), et cliquez sur "code"(2)
     l'avantage c'est que le curseur ne reste pas entre les balises

     

     Code_20.png (7.18 Kio) Vu 19161 fois

Prenez le temps de cliquer sur "aperçu" avant d'envoyer votre post, pour voir si tout est comme prévu et rectifier en cas de besoin


Retour à l'index

[débitant]

MàJ le 23/03/2018
séparation chapitre "code"

[débitant]

M à J le 07/11/2018
ajout dans l'index du "nota"