Aide EZBBC Toolbar

Boutons de mise en forme inline courants

Utilisation

Ces boutons n'insèrent qu'une balise ouvrante et fermante au texte sélectionné. Si aucun texte n'est sélectionné, alors les balises sont insérées et le curseur clignote entre les deux balises.
Vous obtiendrez quelque chose ressemblant à ça pour le bouton « gras » : [b]Texte sélectionné[/b].

Résumé

Boutons Gras Souligné Italique Barré Supprimé Inséré Emphase
Utilisation Gras Souligné Italique Barré Supprimé Inséré Emphase
Balises BBCode [b]…[/b] [u]…[/u] [i]…[/i] [s]…[/s] [del]…[/del] [ins]…[/ins] [em]…[/em]
Balises HTML <strong>…</strong> <span…>…</span> <span…>…</span> <span…>…</span> <del>…</del> <ins>…</ins> <em>…</em>

Bouton couleur et titre

Couleure Bouton couleur

Le bouton couleur sera utilisé pour coloriser du texte. D'abord sélectionnez le texte que vous souhaitez mettre en couleur, puis indiquez dans la enêtre popup qui s'affiche un nom de couleur (red, green, blue, purple, …) - si vous voulez les connaître tous, rendez-vous à cette page - ou un code hexadécimal (ex.: #DDDDDD) - vous pouvez définir ce code en utilisant la palette de couleur. Si aucun texte n'est sélectionné, alors le text « Texte à coloriser » encadré par des balises [color] s'affichera et sera mis en surbrillance pour modification.
Vous obtiendrez quelque chose ressemblant à ça pour un texte à mettre en rouge : [color=red]Texte sélectionné[/color].

Titre Bouton titre

Ce bouton vous permet de transformer du texte en titre. Pour cela, sélectionnez le texte et cliquez sur le bouton pour en faire un titre ou cliquez sur le bouton (sans sélectionner de texte), indiquez le titre et validez.

Résumé

Boutons Couleure Titre
Utilisation Colorisé Titre
Balises BBCode [color=code_couleur]…[/color] [h]…[/h]
Balises HTML <span…>…</span> <h5>…</h5>

Boutons URL, E-mail et image

Lien Bouton URL

Si vous avez sélectionné du texte avant de cliquer sur le bouton URL, vous devriez voir apparaître une fenêtre affichant le texte comme intitulé, quelques boutons radio pour définir le type de lien à insérer et un champ permettant d'indiquer l'URL (adresse) ou l'ID. Les types d'URL pris en charge sont ceux qui commencent par : http://, https://, ftp:// ou www.. L'ID doit être un nombre entier. Si vous n'avez sélectionné aucun texte, on vous demandera le type de lien (Web, discussion, message, forum, utilisateur), l'intitulé du lien (facultatif) et l'adresse.
Vous obtiendrez quelque chose ressemblant à ça : [url=URL_indiquée_dans_le_champ]L'intitulé[/url].

Courriel Bouton courriel

Si vous avez sélectionné du texte avant de cliquer sur le bouton courriel, il sera considéré comme étant l'intitulé du lien et vous devrez définir l'adresse électronique. Vous devrez indiquer une adresse valide (contenant un @ et un .). Si vous n'avez sélectionné aucun texte, vous devrez définir les deux éléments, adresse électronique et intitulé (facultatif).
Vous obtiendrez quelque chose ressemblant à ça : [email=email@indique.com]L'intitulé[/email].

Image Bouton image

Si vous avez sélectionné du texte avant de cliquer sur le bouton image, vous verrez apparaître une fenêtre contenant le texte alternatif (l'attribut alt en HTML) et demandant l'URL de l'image. Si rien n'a été sélectionné, il faudra définir les deux éléments, le texte alternatif (facultatif) et l'URL de l'image.
Vous obtiendrez quelque chose ressemblant à ça : [img=Votre texte alternatif]http://url_image.fr[/img].

Résumé

Boutons Lien Courriel Image
Utilisation Un lien vers une page Web, une discussion, un message, un forum ou le profil d'un utilisateur Un lien pour envoyer un message Une image
Balises BBCode [url=http://siteweb.com]…[/url], [topic=id]…[/topic], [post=id]…[/post], [forum=id]…[/forum], [user=id]…[/user] [email=votre_email@quelquepart.com]…[/email] [img=Texte alternatif]…[/img]
Balises HTML <a href="http://…">…</a> <a href="mailto:…">…</a> <img src="…" alt="…" />

Boutons citation et code

Citation Bouton citation

Dans la fenêtre popup qui apparaît, vous pouvez définir l'auteur (facultatif) d ela citation et le texte que vous souhaitez citer. Si avant de cliquer un texte avait été sélectionné, ce texte sera ajouté à la zone de texte prévue à cet effet.
Vous obtiendrez quelque chose ressemblant à ça :
[quote=Nom de l'auteur]
Citation
[/quote]

Code Bouton code

La fenêtre popup qui s'affiche en cliquant sur ce bouton fournit un menu déroulant dans lequel vous pourrez choisir le langage (php, html, Javascript… - facultatif) et une zone de texte dans laquelle vous pourrez coller les lignes de codes que vous souhaitez ajouter. Si quelque chose a été sélectionné avant le clic, ce texte sera considéré comme étant le code.
Vous obtiendrez quelque chose ressemblant à ça :
[code]
[== langage ==]
Code
[/code]

Résumé

Boutons Citation Code
Utilisation Citation Code
Balises BBCode [quote=Nom de l'auteur]…[/quote] [code]…[/code]
HTML tags <cite>…</cite><blockquote>…</blockquote> <pre><code>…</code></pre>

Boutons liste

Utilisation

Si vous avez sélectionné plusieurs lignes et cliqué sur le bouton liste, chaque ligne sera considérée comme étant un élément de liste. Par exemple, si vous avez sélectionné 3 lignes, vous obtiendrez une liste comportant 3 éléments. Si vous n'avez rien sélectionné, on vous demandera dans un premier temps le premier élément de la liste. Ensuite vous pourrez ajouter des éléments à votre liste en cliquant sur le lien « Ajouter un élément ». Lorsque vous aurez constitué votre liste d'éléments, vous pourrez valider en cliquant sur le bouton adéquat (les champs laissés vides seront ignorés).

Résumé

Boutons Liste à puce Liste numérotée Liste alphabétique
Utilisation Une liste à puce Une liste numéroté Une liste alphabétique
Balises BBCode [list=*]
[*]…[/*]
[*]…[/*]
[*]…[/*]
[/list]
[list=1]
[*]…[/*]
[*]…[/*]
[*]…[/*]
[/list]
[list=a]
[*]…[/*]
[*]…[/*]
[*]…[/*]
[/list]
Balises HTML <ul>
<li>…</li>
<li>…</li>
<li>…</li>
</ul>
<ol>
<li>…</li>
<li>…</li>
<li>…</li>
</ol>
<ol type="a">
<li>…</li>
<li>…</li>
<li>…</li>
</ol>

Émoticônes

BBCode :)
ou
=)
:|
ou
=)
:(
ou
=(
:D
ou
=D
:o
ou
:O
;) :/ :P
ou
:p
:lol: :mad: :rolleyes: :cool:
Émoticônes par défaut de FluxBB :) :| :( :D :o ;) :/ :P :lol: :mad: :rolleyes: :cool:
Émoticônes personnalisées EZBBC :) :| :( :D :o ;) :/ :P :lol: :mad: :rolleyes: :cool:
BBCode O:)
ou
:angel:
8.(
ou
:cry:
]:D
ou
:devil:
8)
ou
:glasses:
{)
ou
:kiss:
8o
ou
:monkey:
:8
ou
:ops:
Émoticônes par défaut de FluxBB O:) 8.( ]:D 8) {) 8o :8
Émoticônes personnalisées EZBBC O:) 8.( ]:D 8) {) 8o :8

Fonctionnalités avancées

Des fonctionnalités avancées sont disponibles dans EZBBC Toolbar. Vous pouvez avoir un aperçu de ces fonctionnalités ci-dessous si l'administrateur des forums les a activées.

Balise video

Vous pouvez ajouter des vidéos (en provenance de Youtube et Dailymotion) en utilisant des balises video. Une capture d'écran de la fenêtre vidéo :

Video window

Ces données seront restituées sous forme de BBCode ainsi :

[video=560,315][url]http://youtu.be/yyIK0dwg6rM[/url][/video]

Voici le code HTML généré :

<iframe width="560" height="315" src="http://www.youtube.com/embed/yyIK0dwg6rM?rel=0" frameborder="0" allowfullscreen></iframe>

Envoi d'image

Vous pouvez envoyer des images à afficher sur le forum. Les formats d'images acceptés sont : gif, png, jpg, and jpeg. Vous devez cliquer sur le bouton suivant pour accéder au formulaire d'envoi d'image : Image.

Une copie d'écran de la fenêtre d'ajout d'image avec des images déjà envoyées :

Image window

Pour envoyer des images, cliquez sur le bouton "Parcourir" et recherchez dans votre explorateur de fichiers l'image puis cliquez sur le bouton "Envoyer le fichier". Ajoutez un texte alternatif (facultatif) puis cliquez sur le bouton "OK". Si la fonctionnalité de listing a été activée par l'administrateur, vous pourrez voir et gérer les images que vous aurez déjà envoyées. Cliquez sur la première icône pour la visualiser. Cliquez sur la deuxième pour la supprimer. En cliquant sur la troisième icône, vous ajouterez l'url au champ correspondant (si vous souaitez ajouter l'image au message).