Informations sur le BBcode

Le BBcode est un langage simplifié destiné à mettre en forme vos articles. Nous proposons de nombreuses balises pour changer l'aspect de votre texte ainsi qu'y insérer des informations supplémentaires comme des images, par exemple. Ici, vous trouverez tout ce qu'il vous faut pour utiliser le BBcode au mieux.

Notes :
-un pad de mise en forme est utilisable sur chaque zone de texte du site pour vous en faciliter l'usage.
-le BBcode ne fonctionne PAS dans les champs comme les titres.
-si vous consultez cette page car vous avez des problèmes avec les boutons de mise en forme, vérifiez que Javascript est activé sur votre navigateur.

Menu
Mise en forme d'un texte
Les titres
Les couleurs
Images et liens
Les ancres
Les citations et zones de spoil
Les vidéos

Mise en forme d'un texte

Voici quelques balises pour changer l'aspect de votre texte. Notez que ces balises peuvent se combiner : vous pouvez par exemple mettre à la fois en gras et en italique.

[b][/b] : placez du texte entre ces deux balises pour le mettre en gras.
[i][/i] : placez du texte entre ces deux balises pour le mettre en italique.
[u][/u] : placez du texte entre ces deux balises pour le souligner.
[petit][/petit] : placez du texte entre ces deux balises pour le rétrécir.
[grand][/grand] : placez du texte entre ces deux balises pour l'agrandir.

Revenir au menu

Positionnement d'un texte

Par défaut, le texte est aligné à gauche : cela signifie que chaque saut de ligne ramène le texte à gauche, sauf si vous faites des espaces. Il est possible de changer la position d'un texte avec les balises suivantes :

[centre][/centre] : placez du texte entre ces deux balises pour le centrer.
[droite][/droite] : placez du texte entre ces deux balises pour l'aligner à droite.

Revenir au menu

Les titres

Il est possible d'insérer en plein article différents titres. De la même manière que les balises ci-dessus, vous pouvez aligner un titre comme bon vous semble avec les balises suivantes :

[titre][/titre] : placez du texte entre ces deux balises pour créer un titre aligné à gauche (par défaut).
[titre=centre][/titre] : placez du texte entre ces deux balises pour créer un titre centré.
[titre=droite][/titre] : placez du texte entre ces deux balises pour créer un titre aligné à droite.

Revenir au menu

Les couleurs

L'interface de mise en forme vous permet de choisir plusieurs couleurs définies, mais vous aurez remarqué que la balise a une forme un peu spéciale. En effet, elle utilise la technique RGB (Red Green Blue), une technique informatique de reconstitution de couleur à l'aide des 3 couleurs primaires : le rouge, le vert et le bleu. Ces trois valeurs, séparées par une virgule sans espace, peuvent aller de 0 à 255. Plus la valeur augmente, plus la nuance de rouge, de bleu ou de vert sera claire, et vice versa. Les différentes valeurs se combinent pour donner de nouvelles couleurs. Si vous dépassez la valeur 255, cette valeur est arrondie. A noter que de nombreux programmes (dont Paint) permettent de visualiser une couleur à partir des tons de rouge, de vert et de bleu que vous avez tapé. Voici quelques exemples d'usage de cette balise :

[couleur=255,0,0]rouge[/couleur] : placez du texte entre ces deux balises pour mettre du texte en rouge.
[couleur=0,255,0]vert[/couleur] : placez du texte entre ces deux balises pour mettre du texte en vert.
[couleur=255,0,0]bleu[/couleur] : placez du texte entre ces deux balises pour mettre du texte en bleu.
[couleur=0,0,132]bleu foncé[/couleur] : placez du texte entre ces deux balises pour mettre du texte en bleu foncé.
[couleur=132,0,132]mauve[/couleur] : placez du texte entre ces deux balises pour mettre du texte en mauve.

Etc.

Revenir au menu

Images et liens

Pour afficher une image, vous devez tout d'abord avoir son lien direct, soit le lien qui mène à l'image seule. La syntaxe de l'adresse d'une image doit ressembler à ceci :

http://www.site.com/image.jpg

Une fois un tel lien mis entre les bonnes balises ([img][/img]), l'image est affichée dans votre texte. Notez que vous disposez d'une galerie personnelle sur le site pour stocker vos images et que la visualisation de votre galerie affiche le BBcode pour utiliser l'image stockée.

Exemple :

Affichons ceci :



Le lien de l'image est : http://www.gameworld.fr/avatars/virjule.jpg.

Voici le BBcode à utiliser : [img]http://www.gameworld.fr/avatars/virjule.jpg[/img].

Concernant les liens, la syntaxe se présente sous la forme [url=http://www.site.com]Nom du lien[/url]. Vous devez simplement remplacer l'adresse "http://www.site.com" par l'adresse du site dont vous voulez faire un lien. Enfin, entre les deux balises, mettez le titre du lien.

Exemple :

Faisons un lien vers Google : Google.

L'adresse de Google est http://www.google.com et comme titre, nous mettons simplement "Google". Voici le BBcode à utiliser :

[url=http://www.google.com]Google[/url]

Enfin, le BBcode de Gameworld.fr vous permet aussi d'afficher des images cliquables. Ce sont simplement des petites images sur lesquelles il faut cliquer pour afficher la bonne taille. Pour afficher une telle image, il faut simplement créer un lien vers la grande image dont le titre n'est autre que la petite image. Il y a deux méthodes : soit combiner les deux balises précédentes comme ceci :

[url=http://www.site.com/imagegrandetaille.jpg][img]http://www.site.com/imagepetitetaille.jpg[/img][/url]

Soit utiliser la balise "raccourci" imgclik, qui s'utilise de la sorte :

[imgclik=http://www.site.com/imagegrandetaille.jpg]http://www.site.com/imagepetitetaille.jpg[/imgclik]

Il va de soi que les deux codes affichent exactement la même chose.

Exemple :

Affichons l'image cliquable suivante :



Nous avons les adresses suivantes :

Grande taille : http://www.gameworld.fr/gameworld/images/mp1_gr1.png
Petite taille : http://www.gameworld.fr/gameworld/images/mp1_pt1.png

En utilisant les balises adéquates, nous obtenons :

[imgclik=http://www.gameworld.fr/gameworld/images/mp1_gr1.png]http://www.gameworld.fr/gameworld/images/mp1_pt1.png[/imgclik]

OU

[url=http://www.gameworld.fr/gameworld/images/mp1_gr1.png][img]http://www.gameworld.fr/gameworld/images/mp1_pt1.png[/img][/url]

Revenir au menu

Les ancres

Voici des balises un peu particulières : les ancres. Une ancre consiste à faire un lien d'une page vers un autre point de cette page. Quand vous cliquez sur un lien relié à une ancre, votre navigateur s'aligne sur l'ancre en question.

Pour créer une ancre, il faut poser un id dessus, autrement dit, vous devez lui donner un nom. Il existe plusieurs balises pour poser des ancres en fonction de l'élément qui servira d'ancre : titre, mise en gras, mise en italique, etc. Voici les balises :

[ancregras=id]texte en gras[/ancregras] pour placer un id sur du texte en gras.
[ancreital=id]texte en italique[/ancreital] pour placer un id sur du texte italique.
[ancreslgn=id]texte souligné[/ancreslgn] pour placer un id sur du texte souligné.
[ancretitr=id]titre[/ancretitr] pour placer un id sur un titre normal.
[ancretitrcentr=id]titre centré[/ancretitrcentr] pour placer un id sur un titre centré.
[ancretitrdroit=id]titre aligné à droite[/ancretitrdroit] pour placer un id sur un titre placé à droite.

Ces balises affichent exactement la même chose que si vous utilisiez les balises homologues sans ancres, mais grâce à ces versions, vous pourrez faire un lien vers une partie de l'article assez éloignée avec la balise de lien, comme suit :

[url=#id]Lien vers l'ancre[/url]

Notez qu'il ne faut SURTOUT PAS oublier le symbole dièse devant le nom de l'ancre, sinon le lien ne fonctionnera pas. On utilise généralement les ancres pour les articles très longs et découpés en plusieurs parties. En utilisant des ancres, vous pouvez créer des liens vers chacune des parties de l'article sans forcer le visiteur à faire du scroll. En somme, un outil très pratique ! Cliquez ici pour voir un exemple d'utilisation d'ancre.

Enfin, notez aussi que cette page est pourvue d'ancres pour vous faciliter la navigation.

Revenir au menu

Les citations et zones de spoil

Vous avez la possibilité de citer d'autres membres lors de l'écriture d'un message ainsi que de masquer des phrases que vous ne voulez pas afficher directement (note : un spoil est une phrase ou un court texte qui dévoile un élément clé de l'intrigue d'un jeu ou d'un film et donc gâche sa découverte, d'où le nom de la balise). Voici la syntaxe de la balise de citation :

[quote=auteur]citation[/quote]

Si vous voulez par exemple citer la célèbre phrase de Neil Armstrong :

[quote=Neil Armstrong]C'est un petit pas pour l'homme et un grand pour l'humanité ![/quote]

Quand à la balise [spoil], sa syntaxe est très simple :

[spoil]Dark Vador est le père de Luke ![/spoil]

La phrase entre les balises sera masquée et n'apparaîtra que si vous surlignez la zone de texte caché.

Revenir au menu

Les vidéos

Dernière possibilité du BBcode : afficher des vidéos de YouTube, DailyMotion et GameTrailers directement dans vos articles. Le fonctionnement est simple : il faut placer le code de la vidéo entre ces balises :

[youtube]code de la vidéo[/youtube] pour afficher une vidéo enregistrée sur YouTube
[dailymotion]code de la vidéo[/dailymotion] pour afficher une vidéo enregistrée sur DailyMotion
[gametrailers]code de la vidéo[/gametrailers] pour afficher une vidéo enregistrée sur GameTrailers

La difficulté d'usage de ces balises, c'est justement de trouver le code de la vidéo. Voici comment procéder :

YouTube : récupérez le code alphanumérique affiché après watch?v=. Si d'autres variables sont dans l'adresse, ne les prenez pas.




DailyMotion : récupérez le code toujours affiché à la fin du lien d'une vidéo. Pour simplifiez, prenez ce qui est après le /video/ dans le permalien.




GameTrailers : récupérez le code à 5 chiffres présent dans l'adresse de la vidéo, et uniquement ce code.



Après, vous n'avez plus qu'à insérer le code entre les balises adéquates. Notez que le centrage n'est pas automatique, pensez donc à utiliser les balises de centrage.

Revenir au menu