Guide : Comment publier un message dans le forum

[UNDeRT4keR]

Qu'est-ce que le BBCode ?
Le BBCode est une implémentation spéciale du HTML (langage informatique utilisé pour la mise en forme des pages internet). L'activation de l'utilisation du BBCode est déterminée par l'administrateur. En outre, vous pouvez désactiver le BBCode dans un message lors de sa composition. Le BBCode en lui-même est similaire au style du HTML; les balises sont contenues dans des crochets [ et ] à la place de < et >, et offrent un meilleur contrôle sur la manière dont quelque chose doit être affiché. Selon le modèle de document que vous utilisez, vous pourrez facilement rajouter du BBCode à vos messages à travers une interface de boutons cliquables au-dessus de la zone de texte lors de la composition de votre message. Toutefois, le guide qui suit pourra vous être utile.

Sommaire

1. Créer du texte en gras, italique et souligné
2. Changer la taille ou la couleur du texte
3. Puis-je combiner les balises de mise en forme ?
4. Citation dans les réponses
5. Créer une liste
6. Créer un lien vers un autre site
7. Ajouter une image à un message
8. Insérer une video
9. Envoyer une image depuis son ordinateur - 1ère méthode

[UNDeRT4keR]

Le BBCode comprend des balises qui vous permettent de changer rapidement le style de votre texte. Cela se réalise des manières suivantes :

• Pour rendre une partie de texte en gras, placez-le dans

  Code: Tout sélectionner

  [b][/b]

  ; exemple :
  

  Code: Tout sélectionner

  [b]Salut![/b]

  
  donnera Salut!
  
• Pour souligner un texte, utilisez

  Code: Tout sélectionner

  [u][/u]

  ; exemple :
  

  Code: Tout sélectionner

  [u]Bonjour[/u]

  
  donnera Bonjour
  
• Pour mettre un texte en italique, utilisez

  Code: Tout sélectionner

  [i][/i]

  ; exemple :
  

  Code: Tout sélectionner

  C'est [i]Super![/i]

  
  donnera C'est Super!

[UNDeRT4keR]

Pour changer la couleur ou la taille de votre texte, les balises suivantes peuvent êtres utilisées. Ayez en tête que le rendement du texte dépendra de votre navigateur internet et de votre système d'exploitation :

• Le changement de la couleur du texte se réalise en le plaçant dans

  Code: Tout sélectionner

  [color=][/color]

  . Vous pouvez spécifier soit un nom de couleur reconnu (exemple : red, blue, yellow, etc.), ou soit un code couleur hexadecimal, exemple : #FFFFFF, #000000. Par exemple, pour créer du texte en rouge, vous pouvez utiliser :
  
  

  Code: Tout sélectionner

  [color=red]Salut ![/color]

ou

[color=#FF0000]Salut ![/color]

  
  donneront tous deux Salut !
  
• Le changement de la taille de votre texte se réalise de la même manière que pour la couleur en utilisant

  Code: Tout sélectionner

  [size=][/size].

  Cette balise est dépendante du modèle de document que vous utilisez, mais le format recommandé est une valeur numérique représentant la taille du texte en pixels, de 50 (tellement petit que vous le verrez pas) jusqu'à 200 (très grand). Par exemple :
  
  

  Code: Tout sélectionner

  [size=50]PETIT[/size]

  
  
  donnera PETIT
  
  alors que :
  
  

  Code: Tout sélectionner

  [size=200]ENORME ![/size]

  
  
  donnera ENORME !

[UNDeRT4keR]

Oui, bien sûr que vous pouvez, par exemple pour attirer l'attention de quelqu'un, vous devriez écrire :

Code: Tout sélectionner

[size=150][color=red][b]REGARDEZ MOI ![/b][/color][/size]

devrait donner REGARDEZ MOI !

Néanmoins, nous ne vous recommandons pas d'écrire beaucoup de texte comme ci-dessus ! Rappelez-vous que c'est à vous de vous assurer de fermer les balises correctement. Par exemple, ce qui suit est incorrect :

Code: Tout sélectionner

[b][u]Ceci est incorrect[/b][/u]

Ce qui suit est correct :

Code: Tout sélectionner

[b][u]Ceci est correct[/u][/b]

[UNDeRT4keR]

Il y a deux méthodes pour citer un texte, avec ou sans référence.

• Lorsque vous utilisez la fonction Citer pour répondre à un message sur le forum, vous avez sûrement remarqué que le texte en citation est ajouté dans la zone de texte entre

  Code: Tout sélectionner

  [quote=""] et [/quote].

  Cette méthode vous permet de citer avec une référence à une personne ou tout autre chose que vous aurez choisi de mettre ! Par exemple, pour citer un texte écrit par M. Dupont, vous devrez entrer :
  
  

  Code: Tout sélectionner

  [quote="M. Dupont"]Le texte écrit par M. Dupont devra être placé ici[/quote]

  
  
  Cela ajoutera automatiquement, M. Dupont a écrit : avant votre texte. Rappelez-vous que vous devez inclure les guillemets "" autour de la référence que vous citez, ils ne sont pas optionnels.
  
• La seconde méthode vous permet de citer quelque chose sans faire référence à l'auteur. Pour l'utiliser, placez le texte entre les balises

  Code: Tout sélectionner

  [quote] et [/quote].

  Lorsque vous lirez votre message, il montrera simplement Citation : avant votre texte.

[UNDeRT4keR]

Créer une liste non-ordonnée
Le BBCode supporte deux types de listes : les listes non-ordonnées et les listes ordonnées. Elles sont essentiellement identiques à leurs équivalents en HTML. Une liste non-ordonnée produit une liste dont les entrées sont les unes en-dessous des autres et indentées avec une puce. Pour créer une liste non-ordonnée, utilisez

et définissez chaque entrée à l'intérieur de la liste en utilisant [*]. Par exemple, pour établir une liste de vos couleurs favorites, vous pouvez utiliser :

Code: Tout sélectionner

[list]
[*]Rouge
[*]Bleu
[*]Jaune
[/list]

Cela donnera la liste suivante :

• Rouge
• Bleu
• Jaune

Créer une liste ordonnée
Le second type de liste vous donne le contrôle sur ce qui va être affiché avant chaque entrée. Pour créer une liste ordonnée, vous devez utiliser

Code: Tout sélectionner

[list=1][/list]

pour créer une liste numérotée ou alternativement

Code: Tout sélectionner

[list=a][/list]

pour une liste alphabétique. Comme pour les listes non-ordonnées, les entrées sont spécifiées en utilisant [*]. Par exemple :

Code: Tout sélectionner

[list=1]
[*]Faire les magasins
[*]Acheter un nouvel ordinateur
[*]Injurier son ordinateur lorsqu'il plante
[/list]

donnera ce qui suit :

1. Faire les magasins
2. Acheter un nouvel ordinateur
3. Injurier son ordinateur lorsqu'il plante

Alors que pour une liste alphabétique, vous devez utiliser :

Code: Tout sélectionner

[list=a]
[*]La première réponse possible
[*]La seconde réponse possible
[*]La troisième réponse possible
[/list]

donnera :

1. La première réponse possible
2. La seconde réponse possible
3. La troisième réponse possible

[UNDeRT4keR]

Le BBCode du forum supporte plusieurs méthodes pour créer des liens, plus connus sous le sigle URLs.

• La première méthode utilise les balises

  Code: Tout sélectionner

  [url=][/url]

  ; tout ce que vous taperez après le signe = sera considéré comme le nom du lien. Par exemple, pour créer un lien vers renneslechateau-fr.com vous devez utiliser :
  

  Code: Tout sélectionner

  [url=http://www.renneslechateau-fr.com/]Visitez Rennes le Château, le forum des chercheurs ![/url]

  
  
  Ceci générera le lien suivant : Visitez Rennes le Château, le forum des chercheurs ! Vous remarquerez que le lien ouvre une nouvelle fenêtre; l'utilisateur peut donc continuer à parcourir les forums s'il le souhaite.
  
• Si vous voulez que le lien affiche directement l'URL, vous devez simplement utiliser :
  

  Code: Tout sélectionner

  [url]http://www.renneslechateau-fr.com/[/url]

  
  
  Ceci donnera le lien suivant : http://www.renneslechateau-fr.com/
  
• De plus, le forum possède une fonctionnalité appelé Magic Links; celle-ci convertira automatiquement une URL en un lien cliquable sans que vous ayez à insérer une balise BBCode ou http://. Par exemple, en tapant

  Code: Tout sélectionner

  www.renneslechateau-fr.com

  dans votre message, celui-ci sera automatiquement convertit en http://www.renneslechateau-fr.com/ lorsque vous le lirez.
  
• La même chose s'applique aux adresses e-mail; vous pouvez soit spécifier une adresse e-mail explicitement, par exemple :
  

  Code: Tout sélectionner

  [email]personne@domaine.com[/email]

  
  
  qui donnera personne@domaine.com, ou soit en tapant

  Code: Tout sélectionner

  personne@domaine.com

  dans votre message et sera automatiquement convertit lorsque vous le lirez.
  
  Comme pour toutes les balises BBCode, encadrez tout autre balise comme

  Code: Tout sélectionner

  [img][/img]

  (reportez-vous à la partie suivante),

  Code: Tout sélectionner

  [b][/b]

  , etc. Comme pour les balises de mise en forme, c'est à vous de vous assurer que l'ordre des balises d'ouverture et de fermeture est correct, par exemple :
  

  Code: Tout sélectionner

  [url=http://www.rennelechateau-fr.com/][img]http://www.rennelechateau-fr.com/images/photo.gif[/url][/img]

  
  n'est pas correct et peut amener à la supression de votre message; faites donc attention.

[UNDeRT4keR]

Le BBCode du forum inclut une balise pour incorporer des images à vos messages. Deux points importants à retenir lors de l'utilisation de cette balise sont que premièrement, beaucoup d'utilisateurs n'apprécient guères un trop plein d'images dans un message et que secondement, l'image que vous voulez afficher doit déjà être disponible sur internet (elle ne peut pas seulement exister sur votre ordinateur par exemple, à moins que votre ordinateur soit lui-même un serveur internet !). Pour afficher une image, vous devez encadrer l'URL qui pointe vers l'image avec les balises

Code: Tout sélectionner

[img][/img].

Par exemple :

Code: Tout sélectionner

[img]http://renneslechateau-fr.com/images/avatars/125379716045184ad7de0f5.jpg[/img]

Comme noté ci-dessus dans la section Création de Liens, vous pouvez placer une image dans les balises

Code: Tout sélectionner

[url][/url]

si vous le souhaitez. Exemple :

Code: Tout sélectionner

[url=http://www.renne-le-chateau.com/][img]http://www.renne-le-chateau.com/new_info/images/17j_1a.jpg[/img][/url]

devrait donner :

image cliquable

RAPPEL :
il est déconseillé d'inclure dans vos messages, des images dont la taille dépasse 150 x 200 pixels et dont le poids dépasse 20 ko. Ces messages seront susceptibles d'être édités par les administrateurs, et ceci, sans aucun appel.

[UNDeRT4keR]

Insérer une vidéo Youtube
Le BBCode permet maintenant d'incorporer des vidéo provenant de youtube.com à vos messages.

Par exemple:
Je veux insérer la vidéo qui se trouve à cette adresse: http://fr.youtube.com/watch?v=GsDsYjZnHKM
Pour cela j'utilise le BBcode "youtube" comme ceci:

Code: Tout sélectionner

[youtube]ici je copie/colle le chiffre ou le groupe de lettre qui sont placés entre le "=" et le "&" (si présent) dans l'url youtube[/youtube]

Donc, dans le cas présent, le bon code est:

Code: Tout sélectionner

[youtube]GsDsYjZnHKM[/youtube]

Ce qui donne:



Insérer une vidéo Dailymotion

Par exemple:
Je veux insérer la vidéo qui se trouve à cette adresse: http://www.dailymotion.com/related/x2qb ... g?from=rss
Pour cela j'utilise le BBcode "dmotion" comme ceci:

Code: Tout sélectionner

[dmotion]ici je copie/colle le groupe de lettre qui sont placés après "video/" dans l'url dailymotion[/dmotion]

Donc, dans le cas présent, le bon code est:

Code: Tout sélectionner

[dmotion]x2q1a5_fauteuil-du-diable-et-source-du-cer_blog?from=rss[/dmotion]

Ce qui donne:

[UNDeRT4keR]

1ère Méthode - Envoi via le forum:
Ce tutoriel explique comment envoyer une image depuis son ordinateur pour ensuite l'afficher dans un message:











Ensuite il ne vous reste plus qu'à COLLER (clic droit/coller ou ctrl + v) le lien lors de l'édition de votre message.

Code: Tout sélectionner

[img]collez ici le lien de votre image[/img]

[UNDeRT4keR]

2ème méthode via http://www.hostingpics.net:

Une fois votre image envoyée (upload) sur HostingPics.net, vous obtenez ceci (cf encadrement rouge):

• Cliquez sur le + devant "Montrer lien direct image", sélectionnez l'url à la droite de "Lien direct image" et copiez le (clique droit/copier ou CTRL + C).
• Ensuite il ne vous reste plus qu'à COLLER (clic droit/coller ou CTRL + v) le lien lors de l'édition de votre message.
  

  Code: Tout sélectionner

  [img]collez ici le lien (url) de votre image[/img]

Exemple avec mon image.

Code: Tout sélectionner

[img]http://img4.hostingpics.net/pics/632902TPynH6Rnx1qF.jpg[/img]

Ce qui donne: