tutoriel utilisation barre d'outils des messages

Actus et remarques sur le forum, suggestions, bugs à corriger.
Verrouillé
Avatar du membre
débitant
modérateur
Messages : 11524
Enregistré le : mar. 14 juil. 2015 18:22
Localisation : Lorraine France

tutoriel utilisation barre d'outils des messages

Message par 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
FFLM-2_outils message_index_1.jpg (7.98 Kio) Vu 16093 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
FFLM-2_outils message_index_3.jpg (8.75 Kio) Vu 16093 fois
3. Citations, spoiler
FFLM-2_outils message_index_4.png
4. Listes
FFLM-2_outils message_index_5.jpg
FFLM-2_outils message_index_5.jpg (7.43 Kio) Vu 16093 fois
5. Images, liens
FFLM-2_outils message_index_6.jpg
FFLM-2_outils message_index_6.jpg (8.47 Kio) Vu 16093 fois
6. Code
FFLM-2_outils message_index_7.png

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 :l , (même si vous pouvez voir l'utilisation des boutons en passant le curseur dessus) voici une correspondance icones/écriture
FFLM3_corespondance icones.png
Modifié en dernier par débitant le ven. 11 sept. 2015 22:11, modifié 7 fois.

Avatar du membre
débitant
modérateur
Messages : 11524
Enregistré le : mar. 14 juil. 2015 18:22
Localisation : Lorraine France

Re: tutoriel utilisation barre d'outils des messages

Message par 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 :
      FFLM-2_outils message_généralités_1.jpg
      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
      FFLM-2_outils message_généralités_2.jpg (2.33 Kio) Vu 16633 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
      FFLM-2_outils message_généralités_3.jpg (10.03 Kio) Vu 16633 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
    FFLM-2_outils message_généralités_4.jpg (2.33 Kio) Vu 16633 fois
    il faut mettre les codes :
    FFLM-2_outils message_généralités_5.jpg
    FFLM-2_outils message_généralités_5.jpg (9.99 Kio) Vu 16633 fois
    Et surtout ne pas croiser les balises
    FFLM-2_outils message_généralités_6.jpg
    FFLM-2_outils message_généralités_6.jpg (10.55 Kio) Vu 16633 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
      FFLM-2_outils message_généralités_7.jpg (3.48 Kio) Vu 16633 fois
      FFLM-2_outils message_généralités_8.jpg
      FFLM-2_outils message_généralités_8.jpg (3.12 Kio) Vu 16633 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
      FFLM-2_outils message_généralités_9.jpg (6.03 Kio) Vu 16633 fois
      FFLM-2_outils message_généralités_10.jpg
      FFLM-2_outils message_généralités_10.jpg (3.38 Kio) Vu 16633 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
      FFLM-2_outils message_généralités_11.jpg (3.1 Kio) Vu 16633 fois
      FFLM-2_outils message_généralités_9.jpg
      FFLM-2_outils message_généralités_9.jpg (6.03 Kio) Vu 16633 fois
      les balises apparaissent, avec le curseur positionné entre, vous pouvez écrire votre texte.
      FFLM-2_outils message_généralités_12.jpg
      FFLM-2_outils message_généralités_12.jpg (3.34 Kio) Vu 16633 fois
      FFLM-2_outils message_généralités_13.jpg
      FFLM-2_outils message_généralités_13.jpg (3.88 Kio) Vu 16633 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
Modifié en dernier par débitant le sam. 12 sept. 2015 20:03, modifié 30 fois.

Avatar du membre
débitant
modérateur
Messages : 11524
Enregistré le : mar. 14 juil. 2015 18:22
Localisation : Lorraine France

Re: tutoriel utilisation barre d'outils des messages

Message par débitant »

Mise en forme du texte
  1. Actions gras, italique, souligné ou barré
    FFLM-2_outils message_forme texte_1.jpg
    Bien sûr on peut faire plusieurs actions sur le même texte.Ceci:
    FFLM-2_outils message_forme texte_2.jpg
    donnera :
    FFLM-2_outils message_forme texte_3.jpg
    FFLM-2_outils message_forme texte_3.jpg (4.64 Kio) Vu 16628 fois
  2. Action taille du texte
    FFLM-2_outils message_forme texte_4.jpg
    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
    FFLM-2_outils message_forme texte_5.jpg
    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.
    FFLM-2_outils message_forme texte_6.jpg
  4. Actions indice et exposant

    Cliquez sur le bouton de l'action désirée.
    FFLM-2_outils message_forme texte_7.jpg
    Avec l'exemple ci-dessus vous obtenez ceci
    FFLM-2_outils message_forme texte_8.jpg
    FFLM-2_outils message_forme texte_8.jpg (3.01 Kio) Vu 16628 fois
Retour à l'index
Modifié en dernier par débitant le sam. 12 sept. 2015 20:05, modifié 5 fois.

Avatar du membre
débitant
modérateur
Messages : 11524
Enregistré le : mar. 14 juil. 2015 18:22
Localisation : Lorraine France

Re: tutoriel utilisation barre d'outils des messages

Message par 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
        FFLM-2_outils message-citations code_1.jpg (1.99 Kio) Vu 16626 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
        FFLM-2_outils message-citations code_2.jpg (10.33 Kio) Vu 16626 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
      • FFLM-2_outils message-citations code_3.jpg
      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
        FFLM-2_outils message-citations code_4.jpg (16.79 Kio) Vu 16626 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 )
      • FFLM-2_outils message-citations code_5.jpg
      dans la zone de texte de votre message, cliquez sur "quote", puis collez (Ctrl+V)
      • FFLM-2_outils message-citations code_6.jpg
        FFLM-2_outils message-citations code_6.jpg (9.13 Kio) Vu 16626 fois
        FFLM-2_outils message-citations code_7.jpg
        FFLM-2_outils message-citations code_7.jpg (6.76 Kio) Vu 16626 fois
      vous obtenez une citation simple ou "anonyme"
      • FFLM-2_outils message-citations code_8.jpg
        FFLM-2_outils message-citations code_8.jpg (7.51 Kio) Vu 16626 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).
      • FFLM-2_outils message-citations code_9.jpg
      Faites toujours un aperçu pour vérifier votre message avant de l'envoyer
      • FFLM-2_outils message-citations code_10.jpg
        FFLM-2_outils message-citations code_10.jpg (2.94 Kio) Vu 16626 fois
      Pour finir, si vous faites ceci
      • FFLM-2_outils message-citations code_11.jpg
      vous aurez cela
      • FFLM-2_outils message-citations code_12.jpg
      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
      FFLM-2_outils message-citations code_19.jpg (2.27 Kio) Vu 16626 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
      FFLM-2_outils message-citations code_17.jpg (8.07 Kio) Vu 16626 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
      FFLM-2_outils message-citations code_19.jpg (2.27 Kio) Vu 16626 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
      FFLM-2_outils message-citations code_18.jpg (6.35 Kio) Vu 16626 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
      FFLM-2_outils message-citations code_16.jpg (2.39 Kio) Vu 16626 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
Modifié en dernier par débitant le ven. 11 sept. 2015 19:59, modifié 3 fois.

Avatar du membre
débitant
modérateur
Messages : 11524
Enregistré le : mar. 14 juil. 2015 18:22
Localisation : Lorraine France

Re: tutoriel utilisation barre d'outils des messages

Message par 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
    FFLM-2_outils message_listes_1.jpg (9.97 Kio) Vu 16626 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.
  • FFLM-2_outils message_listes_2.jpg
Exemple 1, en image, c'est plus parlant
Ce code
  • FFLM-2_outils message_listes_3.jpg
vous renvoie ceci
  • FFLM-2_outils message_listes_4.jpg
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
Modifié en dernier par débitant le ven. 11 sept. 2015 19:59, modifié 5 fois.

Avatar du membre
débitant
modérateur
Messages : 11524
Enregistré le : mar. 14 juil. 2015 18:22
Localisation : Lorraine France

Re: tutoriel utilisation barre d'outils des messages

Message par 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.
      • Image
    • 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 Image
    ImageAttention: 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)
      • Image
      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 ;) .
      • Image
      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.
      • Image
Retour à l'index
Modifié en dernier par débitant le sam. 12 sept. 2015 20:09, modifié 4 fois.

Avatar du membre
débitant
modérateur
Messages : 11524
Enregistré le : mar. 14 juil. 2015 18:22
Localisation : Lorraine France

Re: tutoriel utilisation barre d'outils des messages

Message par débitant »

Code
Je m'aperçois que les balises "code" méritent un paragraphe séparé, pour bien les utiliser :l
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 :roll:
    Exemple si vous postez sans les balises "code" le retour de cette commande, (si, si, ça c'est déjà vu) :D : 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
      Code_1.png (3.53 Kio) Vu 16090 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
        Code_10.png (16.89 Kio) Vu 16090 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
        Code_5.png
    • 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
      Code_15.jpg (22.88 Kio) Vu 16090 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
      Code_20.png (7.18 Kio) Vu 16090 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

Avatar du membre
débitant
modérateur
Messages : 11524
Enregistré le : mar. 14 juil. 2015 18:22
Localisation : Lorraine France

Re: tutoriel utilisation barre d'outils des messages

Message par débitant »

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

Avatar du membre
débitant
modérateur
Messages : 11524
Enregistré le : mar. 14 juil. 2015 18:22
Localisation : Lorraine France

Re: tutoriel utilisation barre d'outils des messages

Message par débitant »

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

Verrouillé