comment créer un nouveau sujet et/ou Répondre à un sujet existant et les divers Icons

[Administrateur]

Dans ce Tutoriel, je vais traiter les différents point pour lors des Editions de messages lorsque vous allez créer un sujet ou répondre à un sujet

Comment créer un sujet ou répondre a un sujet, à la suite de ce sujet ou directement En Cliquant ICI
Les différents Icons dans la barre d'édition de texte, à la suite de ce sujet ou directement En Cliquant ICI
les Icons dans les messages laissé par les membres et par vous même, à la suite de ce sujet ou directement En Cliquant ICI
Utiliser les BBcodes afin de faire des mises en formes de votre texte, (Avenir...... )

[Loïc]

Voici un petit tutoriel vidéo sur comment créer un sujet et/ou comment répondre à un sujet
Pour afficher en pleine écran, il vous suffit de faire un double-clic-Gauche sur la vidéo

[Loïc]

Bonjour à tous, voici un petit tutoriel pour vous expliquer à quoi correspondent les petits icons que vous voyez eu dessus de zone d’écriture de texte lors de l'édition d'un message.
c'est icons vont mettre en place ce que l'on appel des balises BBcode, elles sont généralement affiché dans l'édition de texte sous ce format: [une lettre ou un mot] votre texte ou lien [/une lettre ou un mot]

le bandeau que vous voyez:

Vous remarquerez qu'il y a deux lignes avec des icons

Nous allons commencer par la 1ère ligne car c'est celle que vous allez utiliser régulièrement:



: permet d'ecrire en gras lors de l'édition, vous devez écrire votre texte entre deux lettres b encadré par des crochets comme dans l'exemple suivant

Code : Tout sélectionner

[b]Exemple d'écriture de votre texte en gras[/b]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant: Exemple d'écriture de votre texte en gras

: permet d'écrire en lettre italique, lors de l'édition, vous devez écrire votre texte entre deux lettres i encadré par des crochets comme dans l'exemple suivant

Code : Tout sélectionner

[i]Exemple d'écriture de votre texte en italique[/i]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant: Exemple d'écriture de votre texte en italique

: permet de souligner une zone de votre texte , lors de l'édition, vous devez écrire votre texte entre deux lettres U encadré par des crochets comme dans l'exemple suivant

Code : Tout sélectionner

[u]Exemple d'écriture de votre texte souligné[/u]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant: Exemple d'écriture de votre texte souligné

permet de citer un texte , lors de l'édition, vous devez écrire votre texte entre deux lettres quote encadré par des crochets comme dans l'exemple suivant

Code : Tout sélectionner

[quote]Exemple de texte que vous citer[/quote]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant:

Exemple de texte que vous citer

permet d'ajouter des lignes de codes pour marlin, arduino et autre , lors de l'édition, vous devez écrire votre texte entre deux lettres code encadré par des crochets comme dans l'exemple suivant. NdR: J'ai changer le sigle [ par { et pareil a là fin ] par } afin que vous puissiez voit la ligne de texte

Code : Tout sélectionner

{code]/*
ex0010_blink_pin13
Fait clignoter la LED de la PIN 13 régulièrement
*/

void setup() {
//============
// Initialise la PIN digital 13 comme OUTPUT
// La PIN 13 a une LED connectée sur la plupart des cartes Arduino
pinMode(13, OUTPUT);
} // setup

void loop() {
//===========
digitalWrite(13, HIGH);  // set LED on
delay(500);              // wait for some milliseconds
digitalWrite(13, LOW);    // set the LED off
delay(500);              // wait for some milliseconds
} // loop[/code}

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant:

Code : Tout sélectionner

/*
ex0010_blink_pin13
Fait clignoter la LED de la PIN 13 régulièrement
*/

void setup() {
//============
// Initialise la PIN digital 13 comme OUTPUT
// La PIN 13 a une LED connectée sur la plupart des cartes Arduino
pinMode(13, OUTPUT);
} // setup

void loop() {
//===========
digitalWrite(13, HIGH);  // set LED on
delay(500);              // wait for some milliseconds
digitalWrite(13, LOW);    // set the LED off
delay(500);              // wait for some milliseconds
} // loop

: permetrait de mettre un point avant une liste pièces, de tache a faire, ou plusieurs paragraphes, cette liste n'est pas exhaustive. Lors de l'édition, vous devez écrire votre texte entre deux lettres list encadré par des crochets comme dans l'exemple suivant

Code : Tout sélectionner

[list]Exemple de texte[/list]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant:

• Exemple de texte

: permetrait de mettre un chiffre ou une lettre avant une liste pièces, de tache a faire, ou plusieurs paragraphes, cette liste n'est pas exhaustive. Lors de l'édition, vous devez écrire votre texte entre deux lettres list= encadré par des crochets comme dans l'exemple suivant

Code : Tout sélectionner

[list=1]Exemple de texte[/list]  ou [list=a]Exemple de texte[/list]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant:

1. Exemple de texte

ou

1. Exemple de texte

permet d'ajouter le lien d'une photo ou image lors de l'édition, il faudra que cette ou ces images soit/sont hébergé chez un hébergeur ou déjà en ligne:
Si ce sont vos photos, pouvez vous aller voir le tutoriel a ce sujet qui vous trouverez au lien suivant en cliquant ICI
vous devez écrire votre texte entre deux lettres img encadré par des crochets comme dans l'exemple suivant

Code : Tout sélectionner

[img]https://i24.servimg.com/u/f24/18/79/94/84/2016_c10.jpg[/img]

lorsque vous cliquerez sur "ENVOYER" votre image apparaitra automatiquement:

permet d'ajouter le lien vers un autre site internet, ça permet de limiter les liens trop long en ne citant que le site.
je l'utilise très souvent, même dans ce tuto, pour l'icon image ou je vous renvoie vers le tutoriel "comment héberger les images" en ayant juste laissé la phrase "en cliquant ICI"

Explication:
En cliquant sur l'icon, un encart va s'ouvrir:


il faut juste renseigner:
1: le lien complet du site qui est le plus souvent : https://www.lenomsdusite.quelqueschoses/ETC..........
2: une description vous mettez ce que vous voulez, comme exemple le nom du site, "le lien ici", "cliquez ici", "plus d'info ici", la liste n'est pas exhaustive


je vais vous faire 2 exemple un avec seulement le lien et un autres avec une description

1 directement le lien:


veuillez lire la charte du forum: https://www.citro-rouge-et-vert.com/vie ... php?t=6131

2 lien + la description complété:


veuillez lire la charte du forum, vous pouvez y accéder En cliquant ICI

permet de changer la couleur de votre texte.

je vous rappel que la couleur rouge est réservé à l'équipe d'administration et de modération

Lors de l'édition, vous devez écrire votre texte entre deux lettres color=XYZ encadré par des crochets comme dans l'exemple suivant

Code : Tout sélectionner

[color=#0000FF]Exemple d'écriture de votre texte d'une autre couleur[/color]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant: Exemple d'écriture de votre texte d'une autre couleur
ou simplement une partie de votre texte:

Code : Tout sélectionner

[color=#0000FF]Exemple d'écriture de votre texte d'une autre couleur[/color], et écriture de votre texte de la couleur prédéfinie sur le forum

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant: Exemple d'écriture de votre texte d'une autre couleur, et écriture de votre texte de la couleur prédéfinie sur le forum

permet de changer la taille du texte gras lors de l'édition, vous devez écrire votre texte entre deux lettres b encadré par des crochets comme dans l'exemple suivant

Code : Tout sélectionner

[size=50]Exemple d'écriture de votre texte minuscule[/size]  [size=85]Exemple d'écriture de votre texte petite[/size] Exemple d'écriture de votre texte [size=150]Exemple d'écriture de votre texte grande[/size] [size=200]Exemple d'écriture de votre texte énorme[/size] 

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant: Exemple d'écriture de votre texte minuscule Exemple d'écriture de votre texte petite Exemple d'écriture de votre texte Exemple d'écriture de votre texte grande Exemple d'écriture de votre texte énorme

Ces Trois icons servent dans l'ordre copier, coller et pour le dernier a supprimer les balises BBcode

Nous allons continuer par la 2^ème ligne c'est celle que vous allez un peu moins utiliser:


: permet de souligner comme avec un marquer de type "stabilo" une zone de votre texte , lors de l'édition, vous devez écrire votre texte entre deux lettres highlight encadré par des crochets comme dans l'exemple suivant

Code : Tout sélectionner

[highlight=yellow]Exemple d'écriture de votre texte souligné au marqueur[/highlight]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant: Exemple d'écriture de votre texte souligné au marqueur

: permet de centrer votre texte , lors de l'édition, vous devez écrire votre texte entre deux lettres align encadré par des crochets comme dans l'exemple suivant.
Vous pouvez utiliser ce BBcode uniquement pour les titres et/ou des paragraphes

Code : Tout sélectionner

[align=center]Exemple d'écriture de votre texte centré[/align]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant:

Exemple d'écriture de votre texte centré

: permet de barrer votre texte , lors de l'édition, vous devez écrire votre texte entre deux lettres align encadré par des crochets comme dans l'exemple suivant.

Code : Tout sélectionner

[s]Exemple d'écriture de votre texte barré[/s]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant: Exemple d'écriture de votre texte barré

: permet de rajouter la puissance a un chiffre ou lettre , lors de l'édition, vous devez écrire votre texte entre deux lettres sup encadré par des crochets comme dans l'exemple suivant.

Code : Tout sélectionner

100[sup]100[/sup]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant: 100¹⁰⁰

: permet de rajouter diviseur a un chiffre ou lettre , lors de l'édition, vous devez écrire votre texte entre deux lettres sub encadré par des crochets comme dans l'exemple suivant.

Code : Tout sélectionner

100[sub]100[/sub]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant: 100₁₀₀

: permet de rajouter un effet de lumineux derrière votre texte , lors de l'édition, vous devez écrire votre texte entre deux lettres glow encadré par des crochets comme dans l'exemple suivant.
vous pouvez changer la couleur, par d'autre, mais uniquement an anglais

Code : Tout sélectionner

[glow=red]effet lumineux derrière le texte[/glow]  [glow=yellow]effet lumineux derrière le texte[/glow] [glow=green]effet lumineux derrière le texte[/glow]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant: effet lumineux derrière le texte effet lumineux derrière le texte effet lumineux derrière le texte

: permet de masquer le texte, ça permet d'éviter à certains "Robots" d'indexer cette zone de message tel qu'une adresse mail. pour pouvoir le lire il suffit juste de cliquer dessus, mais il est accessible à tous.
Lors de l'édition, vous devez écrire votre texte entre deux lettres spoil encadré par des crochets comme dans l'exemple suivant.

Code : Tout sélectionner

[spoil]ce message est masqué[/spoil]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant:

► Afficher le texte

ce message est masqué

: permet de masquer le texte, ça permet d'éviter à certains "Robots" d'indexer une zone de message tel qu'une adresse mail, mais surtout il masque le texte a tout visiteur non inscrit sur le forum. Seul les membres inscrits sur le forum peuvent le lire.
Lors de l'édition, vous devez écrire votre texte entre deux lettres hidden encadré par des crochets comme dans l'exemple suivant.

Code : Tout sélectionner

[hidden]ce message est masqué[/hidden]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant:

Contenu caché

Vous devez être inscrit et connecté sur ce forum pour voir le contenu caché.

: permet d'ajouter un dossier PDF, a condition qu'il soit hébergé sur un serveur, Vous ne pourrais pas mette de fichiers PDF qui est sur le disk-dure de votre ordinateur .
C'est une de mes œuvres, j'ai écrit personnellement le code, il permet d'afficher sur le forum, la plus par des PDF qui sont en ligne (divers sites, hébergement perso, Cloud, Googledrive, etc....) malgré tout certains sites bloquent le partage, et malheureusement certains PDF ne pourront pas s'afficher.
Lors de l'édition, vous devez écrire votre texte entre deux lettres Pdf encadré par des crochets comme dans l'exemple suivant.

Code : Tout sélectionner

[pdf]https://ercalab.hebfree.org/Au_fil_d'ERCA/Au%20fil%20d'ERCA%20f%e9vrier%202023.pdf[/pdf]

lorsque vous cliquerez sur "ENVOYER" votre texte sera dans le format suivant:

: permet de mettre une vidéo sur le forum, il y a déjà un tutoriel sur ce sujet que vous pouvez retrouver En Cliquant ICI

Dans le prochain message, je traiterais les différentes combinaisons possible avec certains BBcode, car on peut écrire un ou des mots ou une phrase en GRAS avec une autre COULEUR et SOULIGNER en même temps, donc, à suivre

[Loïc]

Dans cette partie je vais vous expliquer à quoi servent les petits Icons qui ce trouvent dans la partie supérieur droite des messages laissé par les Membres et dans ceux laissé par vous mêmes.



Comme vous pouvez le voir, dans les messages laissé par les membres vous avez ces deux Icons : .
Par contre dans ceux que vous avez laissé ou que vous laisserez, vous en aurez deux de plus :

Pour vous les expliquer, je vais partir de la droite vers la gauche:

ceux dans les messages laissé par d'autres membres:

: Cet Icon, vous permettra de Citer tout ou une partie d'un message d'un autre membre.

: Cet icon, vous permets de signaler un message dans un sujet qui serait hors propos suivant la charte, exemple: un nouveau membres inconnu du club qui posterait des liens de site classé X ou des lien de tentative d'escroquerie, etc...

Ceux en plus dans vos messages:

: cet icon, vous permettra de supprimer votre message: Attention, cette action est irréversible

: cet Icon, vous permets de ré-éditer votre message ou réponse, afin d'apporter des corrections, oublis, ou revoir la mise en forme du texte.