[TUTO] La barre d'outils de l'éditeur de message

Ici vous trouverez de l'aide au sujet du forum
Message par R-One »
Avatar du membre
R-One
Administrateur du site
Administrateur du site
Messages : 199
Enregistré depuis : 3 ans 4 mois
Réputation : 0
Localisation : France - Paris

[TUTO] La barre d'outils de l'éditeur de message

Message par R-One »

Utiliser la barre d'outils de l'éditeur de message




La barre d'outils de l'éditeur est une succession de boutons utiles pour la rédaction, et la mise en valeur, des messages postés sur le forum

Cette barre d'outils se présente ainsi lors de la création, ou d'une réponse à un message

Editeur de messages.png



note

Sauf cas exceptionnel, un BBCode est basé sur une balise ouvrante [*] et une balise fermante [/*]
Entre ces balises se place le mot, la phrase ou le texte sur lequel le BBCode va agir !




Le bouton fa-bold
  • Ce bouton permet de mettre un texte, un mot, une phrase en caractère gras


Le bouton fa-italic
  • Ce bouton permet de mettre un texte, un mot, une phrase en italic


Le bouton fa-underline
  • Ce bouton permet de souligner un texte, un mot, une phrase


Le bouton fa-quote-left
  • Ce bouton permet de citer un paragraphe dans un texte
La barre d'outils de l'éditeur est une succession de boutons utiles pour la rédaction, et la mise en valeur, des messages postés sur le forum


Le bouton fa-code
  • Ce bouton permet de placer on code HTML, le code d'un script dans un message

Code : Tout sélectionner

<p>The HTML <code>button</code> tag defines a clickable button.</p>

<p>The CSS <code>background-color</code> property defines the background color of an element.</p>


Le bouton fa-list
  • Ce bouton permet de placer une liste non ordonnée dans un message
  • Une liste non ordonnée affiche chaque élément de la liste séquentiellement l’un après l’autre, chacun indenté par une puce.
Utilisez [list][/list] pour créer une liste non ordonnée et définissez chaque élément avec [*].
Par exemple, pour la liste de vos couleurs préférées, utilisez :

Code : Tout sélectionner

[list]
[*]Rouge
[*]Bleu
[*]Jaune
[/list]
Ce qui générera la liste suivante :
  • Rouge
  • Bleu
  • Jaune


Le bouton fa-list-ol
  • Ce bouton permet de placer une liste ordonnée dans un message
Utilisez [list=1][/list] pour créer une liste ordonnée numérotée ou [list=a][/list] pour une liste alphabétique. Comme pour les listes non ordonnées, les éléments sont indiqués avec [*].

Par exemple :

Code : Tout sélectionner

[list=1]
[*]Faire les courses
[*]Acheter un nouvel ordinateur
[*]Jurer quand le PC plante
[/list]
affichera :
  1. Faire les courses
  2. Acheter un nouvel ordinateur
  3. Jurer quand le PC plante
Alors que pour une liste alphabétique, vous utiliserez :

Code : Tout sélectionner

[list=a]
[*]Réponse 1
[*]Réponse 2
[*]Réponse 3
[/list]
et vous obtiendrez :
  1. Réponse 1
  2. Réponse 2
  3. Réponse 3


Le bouton fa-star
  • Ce bouton permet de placer un mot entre [crochet]


Le bouton fa-picture-o
  • Ce bouton permet de placer une image dans un message
  • L'URL de cette image est placée entre les balises [img][/img]


Le bouton fa-link
  • Ce bouton permet de placer une URL dans un message


Le bouton fa-tint
  • Ce bouton permet de mettre un texte, un mot, une phrase en couleur


Le bouton fa-strikethrough
  • Ce bouton permet de [barre]barrer[/barre] un texte, un mot, une phrase


Le bouton fa-align-center
  • Ce bouton permet de centrer un texte, un mot, une phrase


Le bouton fa-align-justify
  • Ce bouton permet de justifier un texte


Le bouton fa-align-right
  • Ce bouton permet d'aligner à droite, un mot, une phrase


Le bouton fa-eye
  • Ce bouton Spoiler permet d'afficher/masquer du texte, affichable au clic
  • [spoiler]Afficher le texte[/spoiler]


Le bouton fa-superscript
  • Ce bouton sert à insérer un exposant, comme 1er, 2nd


Le bouton fa-flag
  • Ce bouton permet d'afficher une icône Font Awesome dans un message


Le bouton fa-header
  • Ce bouton sert à nsérer une ligne de séparation dans les messages, il suffit juste de cliquer dessus là ou la ligne sera insérée
[hr][/hr]



Le bouton fa-eercast
  • Ce bouton sert à mettre un mot dans un cadre
    Exemple


Le bouton fa-file-pdf-o
  • Ce bouton sert à publier un fichier PDF directement consultable depuis le forum

    Code : Tout sélectionner

    [pdf=lien internet du fichier PDF]Nom du fichier PDF[/pdf]


Pour finir, sur la seconde ligne



Au clique sur le bouton Émojis affichera des icônes Émojis placer dans les messages

Émojis.png
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
  • Sujets similaires
    Réponses
    Vues
    Dernier message