[Aide] Tutoriel pour le bbcode

Première étape lors de votre arrivée : présentez-vous et naturalisez-vous ici.
Verrouillé
Louis-Damien Lacroix de Beaufoy
Non inscrit sur les listes électorales
Messages : 4306
Enregistré le : 14 juin 2010, 20:01
Type de compte : Principal

[Aide] Tutoriel pour le bbcode

Message par Louis-Damien Lacroix de Beaufoy »

Tutoriel d'aide au bbcode
  • Voici un petit tutoriel pour tous ceux qui ont du mal à se repérer avec le bbcode sous phpbb.
    Qu'est-ce que le bbcode ? Le bbcode ce sont des balises permettant de mettre en page un texte ou de créer des pages avec un langage html simplifié. En fait, cela sert surtout à rendre le html "accessible", dans le sens où il vous suffit généralement de cliquer sur un bouton pour obtenir l'effet désiré.
    Cependant, il y a quelques détails qu'il faut connaître et comme nous ne sommes pas tous des experts, il vaut mieux faire un mode d'emploi.
    Attention les balises ne sont visibles que sur la fenêtre d'édition et à condition que le Mode "Editeur" ou WYSIWYG soit désactivé.
1°) Les balises de mise en page du texte :
Ce sont ces balises qui vont vous permettre de mettre un texte en gras, en italique ou encore de le centrer sur la page. Leur utilisation est relativement simple. Il vous suffit de sélectionner votre texte dans la fenêtre d'édition avec la souris et de cliquer ensuite sur les boutons suivants :

  • Image Ce bouton sert à mettre en gras.
    Lorsque vous cliquez, vous obtenez ceci dans votre fenêtre d'édition.

    Code : Tout sélectionner

    [b]Ce texte est en gras.[/b]
    Ce qui donne quand vous prévisualisez votre message :
    Ce texte est en gras.
    :arrow: Pour la culture générale, le "b" provient du mot "bold" en anglais, qui signifie "gras".
  • Image Ce bouton sert à mettre en italique.
    Lorsque vous cliquez, vous obtenez ceci dans votre fenêtre d'édition.

    Code : Tout sélectionner

    [i]Ce texte est en italique.[/i]
    Ce qui donne quand vous prévisualisez votre message :
    Ce texte est en italique.
  • Image Ce bouton sert à souligner.
    Lorsque vous cliquez, vous obtenez ceci dans votre fenêtre d'édition.

    Code : Tout sélectionner

    [u]Ce texte est souligné.[/u]
    Ce qui donne quand vous prévisualisez votre message :
    Ce texte est souligné.
    :arrow: Pour la culture générale, le "u" provient du mot "underline" en anglais, qui signifie "souligner".
  • Image Ce bouton sert à surligner.
    Lorsque vous cliquez, vous obtenez ceci dans votre fenêtre d'édition.

    Code : Tout sélectionner

    [surligne]Ce texte est surligné.[/surligne]
    Ce qui donne quand vous prévisualisez votre message :
    Ce texte est surligné.
  • Image Ce bouton sert à barrer.
    Lorsque vous cliquez, vous obtenez ceci dans votre fenêtre d'édition.

    Code : Tout sélectionner

    [barre]Ce texte est barré.[/barre]
    Ce qui donne quand vous prévisualisez votre message :
    Ce texte est barré.
  • Image Ce bouton sert à changer la couleur.
    Cette balise nécessite une petite manipulation supplémentaire, puisqu'une fois que vous avez cliqué dessus, vous remarquerez qu'une palette de couleurs s'ouvre. Il vous suffit de cliquer ensuite sur la couleur dans laquelle vous souhaitez mettre votre texte et le tour est joué, vous obtenez ceci (ici, j'ai pris du bleu, ça marche pour toute autre couleur).

    Code : Tout sélectionner

    [color=#0000BF]Ce texte est de couleur bleu.[/color]
    Ce qui donne quand vous prévisualisez votre message :
    Ce texte est de couleur bleu.
    :arrow: Quelques précisions sont importantes. D'abord, la balise de couleur ne fonctionne qu'avec la police du texte et non pas l'arrière-plan. Ensuite, toutes les couleurs peuvent fonctionner, pour peu qu'elles soient en hexadécimal, c'est à dire de ce type-là : "#xxxxxx" ou x peut être une lettre comprise entre A et F ou encore un chiffre de 0 à 9. Voici un site qui peut vous aider à trouver le code hexadécimal d'une couleur. Vous pouvez en trouver d'autres grâce à google, notamment, en faisant une recherche.
  • Image Ce bouton sert à changer la taille de la police.
    Cette balise nécessite une petite manipulation supplémentaire, puisqu'une fois que vous avez cliqué dessus, vous remarquerez qu'une liste déroulante s'ouvre, vous proposant différents types de taille. Cliquez sur celui qui vous convient le mieux.

    Code : Tout sélectionner

    [size=85]Ce texte est écrit en petit.[/size]
    [size=150]Ce texte est écrit en grand.[/size]
    Ce qui donne quand vous prévisualisez votre message :
    Ce texte est écrit en petit.
    Ce texte est écrit en grand.
    :arrow: Vous pouvez modifier le chiffre se trouvant après le "=". Plus votre chiffre est petit, plus le texte sera petit. Et vice versa. Attention, une police d'écriture trop grande surcharge et déforme la page, ce qui gêne le confort des autres usagers du forum. Merci de ne pas en abuser, je vous renvoie au règlement.
  • Image Ce bouton sert à changer de police d'écriture.
    Comme les précédentes, cette balise nécessite une manipulation, mais elle n'est pas automatisée, vous devrez donc écrire directement le nom de la police après le "=". Regardez plus bas pour savoir quelles sont les polices supportées.

    Code : Tout sélectionner

    [police=courier new]Ce texte est écrit avec la police Courier New.[/police]
    [police=georgia]Ce texte est écrit avec la police Georgia.[/police]
    [police=trebuchet MS]Ce texte est écrit avec la police Trebuchet MS.[/police]
    Ce qui donne quand vous prévisualisez votre message :
    Ce texte est écrit avec la police Courier New.
    Ce texte est écrit avec la police Georgia.
    Ce texte est écrit avec la police Trebuchet MS.
    :arrow: En théorie, vous pouvez mettre toutes les polices de base. En pratique, la majorité des polices ne fonctionnent pas sur certains navigateurs et d'autres requièrent une installation pour être visibles... Pour faire très simple, voici les codes de police qui fonctionnent de façon universelle (il vous suffit de recopier la police après le "=" : CourierNew ; Georgia ; Arial ; Garamond ; Helvetica ; Times New Roman ; Comic sans MS ; Verdana ; Calibri ; Trebuchet MS ; Impact ; Tahoma.
    Attention entre le "=" et le "]", il ne doit pas y avoir d'espace, en revanche il peut y en avoir dans le nom de la police.
  • Image Ce bouton sert à aligner votre texte à gauche.
    Lorsque vous cliquez, vous obtenez ceci dans votre fenêtre d'édition.

    Code : Tout sélectionner

    [gauche]Ce texte est aligné à gauche.[/gauche]
    Ce qui donne quand vous prévisualisez votre message :
    Ce texte est aligné à gauche.
    :arrow: Par défaut, le forum aligne déjà le texte à gauche, il est généralement inutile de mettre la balise.
  • Image Ce bouton aligne votre texte à droite.
    Lorsque vous cliquez, vous obtenez ceci dans votre fenêtre d'édition.

    Code : Tout sélectionner

    [droite]Ce texte est aligné à droite.[/droite]
    Ce qui donne quand vous prévisualisez votre message :
    Ce texte est aligné à droite.
  • Image Ce bouton centre votre texte.
    Lorsque vous cliquez, vous obtenez ceci dans votre fenêtre d'édition.

    Code : Tout sélectionner

    [centrer]Ce texte est centré.[/centrer]
    Ce qui donne quand vous prévisualisez votre message :
    Ce texte est centré.
  • Image Ce bouton permet de justifier votre texte.
    Lorsque vous cliquez, vous obtenez ceci dans votre fenêtre d'édition.

    Code : Tout sélectionner

    [justifier]Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié.[/justifier]
    Ce qui donne quand vous prévisualisez votre message :
    Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié. Ce texte est justifié.


2°) Les balises de mise en page avancée du texte :
Ces balises sont particulières car moins utilisées que les précédentes. Elles permettent notamment d'apporter quelques spécificités au texte. Leur utilisation reste néanmoins plutôt simple bien que moins commune.

  • Image Ce bouton sert à faire une liste simple, non numérotée.
    Lorsque vous cliquez, vous obtenez ceci dans votre fenêtre d'édition.

    Code : Tout sélectionner

    Voici ma liste de course :
    [list]- Pain
    - Vin
    - Boursin
    - ...[/list]
    Ce qui donne quand vous prévisualisez votre message :
    Voici ma liste de course :
    • - Pain
      - Vin
      - Boursin
      - ...
  • Image Ce bouton n'a pas de franche utilité...
    En réalité, il existe beaucoup plus simple pour mettre une petite puce (ou un point) dans votre liste. On reprendre l'exemple donné ci-dessus, il suffit de remplacer les "-" par des "[ * ]" (sans espace). Voyez ce que cela donne :

    Code : Tout sélectionner

    Voici ma liste de course :
    [list][*] Pain
    [*] Vin
    [*] Boursin
    [*] ...[/list]
    Ce qui donne quand vous prévisualisez votre message :
    Voici ma liste de course :
    • Pain
    • Vin
    • Boursin
    • ...
  • Image Ce bouton vous permet de créer des listes numérotées.
    Pour cela, il vous suffit de mettre après le "=", soit le chiffre 1, soit la lettre A (en majuscule ou en minuscule comme vous voulez). Notez bien que le "[ * ]" (sans espace) est obligatoire.

    Code : Tout sélectionner

    Voici le plan du cours :
    [list=1][*] L'économie
    [*] Le droit bancaire
    [*] ...[/list]

    Code : Tout sélectionner

    Voici le plan du cours :
    [list=A][*] L'économie
    [*] Le droit bancaire
    [*] ...[/list]
    Ce qui donne quand vous prévisualisez votre message :
    Voici le plan du cours :
    1. L'économie
    2. Le droit bancaire
    3. ...
    Voici le plan du cours :
    1. L'économie
    2. Le droit bancaire
    3. ...
  • Image Ce bouton vous permet de mettre un indice.
    Dit comme ça, cela parait compliqué. Il n'y a pourtant pas plus simple. Il suffit de sélectionner la zone que vous voulez mettre en indice et de cliquer sur le bouton. Cela donne :

    Code : Tout sélectionner

    CO[indice]2[/indice]
    Quand vous prévisualisez votre message :
    CO2
  • Image Ce bouton vous permet de mettre un exposant.
    C'est exactement le même principe qu'au dessus. Cela donne :

    Code : Tout sélectionner

    145 x 10[exposant]35[/exposant]
    Quand vous prévisualisez votre message :
    145 x 1035
  • Image Ce bouton permet de faire défiler le texte de la droite vers la gauche.
    Cette balise est simple d'utilisation. Il suffit de sélectionner le texte à faire défiler et de cliquer sur le bouton.

    Code : Tout sélectionner

    [defil]Ce texte défile sur votre écran...[/defil]
    Quand vous prévisualisez votre message :
    Ce texte défile sur votre écran...
    :arrow: Cette balise peut ne pas fonctionner sous Internet Explorer. Belle occasion de changer de navigateur internet pour un autre meilleur et gratuit (qui a dit Mozilla Firefox ?). Attention, le défilement de texte fait intervenir votre processeur et votre carte graphique afin de situer le texte à mesure que le temps passe. Un abus de ces balises peut entraîner une surcharge de votre cache mais aussi de votre ordinateur. Ce dernier va se mettre à ramer voire même ne répondra plus. A utiliser avec précaution et de façon responsable.


3°) Les balises d'insertion d'éléments :
Ces balises permettent d'ajouter du contenu à vos textes. Elles concernent les citations, les liens, l'insertion dimage ou encore de vidéo. Leur mode d'emploi est spécifique et elles renferment parfois quelques surprises. Rien d'insurmontable !

  • Image Ce bouton permet de voir les balises bbcode.
    C'est grace à cela que vous avez pu voir les balises bbcode en dehors de la fenêtre d'édition. Sans elle, ce tuto n'existerait pas !

    Code : Tout sélectionner

    [code][b][i][size=85][color=#800000][defil]Vous remarquerez dans ce code plusieurs balises. Et vous essayiez de reconnaître à quoi elles correspondent ?[/defil][/color][/size][/i][/b]
    [/code]
    Quand vous prévisualisez votre message :

    Code : Tout sélectionner

    [b][i][size=85][color=#800000][defil]Vous remarquerez dans ce code plusieurs balises. Et vous essayiez de reconnaître à quoi elles correspondent ?[/defil][/color][/size][/i][/b]
  • Image Ce bouton sert à cacher votre texte. On appelle ça un spoiler.
    Il suffit de sélectionner le texte puis de cliquer sur le bouton.

    Code : Tout sélectionner

    [spoiler]Ce texte est caché.[/spoiler]
    Quand vous prévisualisez votre message :
    Ce texte est caché.
    :arrow: Il ne vous reste plus qu'à cliquer sur le bouton Image pour voir le texte. Mais attention, la curiosité est parfois un vilain défaut.
  • Image Ce bouton sert à citer une personne ou une source.
    Grâce à la balise quote vous pouvez citer de façon disctinte une phrase ou des propos entiers. Il suffit de sélectionner le texte et de cliquer ensuite sur le bouton.

    Code : Tout sélectionner

    [quote]Ce texte est une citation.[/quote]
    Dans la prévisualisation, ça donne :
    Ce texte est une citation.
    Cette balise a une particularité intéressante, c'est quelle peut faire figurer également le nom de l'auteur que vous citez ! Dans la première balise "quote", il suffit d'ajouter, à la suite sans espace ="Auteur ou pseudo". Exemple :

    Code : Tout sélectionner

    [quote="Louis-Damien Lacroix de Beaufoy"]Vive la République Frôceuse !!![/quote]
    Dans la prévisualisation, ça donne :
    Louis-Damien Lacroix de Beaufoy a écrit :Vive la République Frôceuse !!!
    :arrow: Notez que quand vous lisez un sujet, vous avez le bouton Image. Si vous cliquez dessus, le message de la personne est cité avec les balises déjà mises dedans ! C'est ça, la modernité !
  • Image Ce bouton permet des créer des liens.
    Fonctionnalité capitale pour renvoyer vers des topics ou vers un autre site, utiliser cette balise est relativement aisé. Copiez puis collez votre adresse internet, sélectionnez là avec la souris et cliquez sur le bouton. Voici le résultat :

    Code : Tout sélectionner

    [url]http://www.republique-froceuse.com/forum/viewtopic.php?f=41&t=7[/url]
    Quand vous prévisualisez votre message :
    http://www.republique-froceuse.com/foru ... p?f=41&t=7
    A l'instar de la balise précédente, celle-ci vous permet de mettre un lien dans un texte. Pas de panique, c'est simple comme bonjour. Il suffit de rajouter dans la première balise =votrelien et de taper votre texte entre les deux balises. Exemple :

    Code : Tout sélectionner

    [url=http://www.republique-froceuse.com/forum/viewtopic.php?f=41&t=7]Cliquez ici pour accéder au tutoriel.[/url]
    En prévisualisation, ça donne :
    Cliquez ici pour accéder au tutoriel.
  • Image Ce bouton permet d'insérer des images.
    Allez, ce sera mon quart d'heure mégalomanie... Pour utiliser cette balise, il faut au préalable avoir hébergé son image sur un site spécialisé. Tapez "hébergement d'images" sur Google, vous devriez trouver votre bonheur. Pour aider, gratuitement, vous trouverez Imageshack ou Tinypic ou encore Hiboox.
    Quand votre image est hébergée, la seconde étape consiste à récupérer le "Direct Link". Ce dernier se finit obligatoirement par .jpeg ; .gif ; .png ; etc... autrement dit par une extension de fichier image. Copiez ce direct-link, collez le dans votre fenêtre d'édition puis sélectionnez-le avec la souris et cliquez sur le bouton. Vous obtiendrez ceci :

    Code : Tout sélectionner

    [img]http://newrepubliquefroce.forums-actifs.com/users/1715/22/08/00/avatars/15-4.jpg[/img]
    Quand vous prévisualisez votre message :
    Image
    Là encore vous pouvez ajouter une fonctionnalité, comme par exemple, un lien dans votre image. On va tout simplement faire fusionner les deux balises, url et img. Comme ceci :

    Code : Tout sélectionner

    [url=http://www.republique-froceuse.com/forum/memberlist.php?mode=viewprofile&u=56][img]http://newrepubliquefroce.forums-actifs.com/users/1715/22/08/00/avatars/15-4.jpg[/img][/url]
    Ce qui vous donne en prévisualisation (cliquez sur l'image pour le fun) :
    Image
    :arrow: Pensez à surveiller la taille de vos images. Si elles sont trop grandes, elles vont déformer les pages du forum et nuire à l'affichage. N'oubliez pas le règlement. Si lorsque vous prévisualisez, vous avez une croix rouge à la place de votre image, c'est très probablement parce que votre lien n'est pas le direct-link...
  • Image Ce bouton vous permet d'ajouter une musique du site Deezer.
    L'utilisation de cette balise est très simple. Il vous suffit de chercher sur le site deezer la chanson que vous souhaitez écouter et de la lancer en lecture. Vous verrez alors en haut de page, le "player" ou lecteur pour ceux que l'anglais agace. Il vous suffit de prendre l'ID de la chanson, jetez un oeil à la capture décran juste en dessous, c'est la partie colorée !
    Image
    Vous y êtes ? Il ne faut garder que le numéro, ici 910262. Quand vous avez écrit ce numéro sur votre fenêtre d'édition, vous le sélectionnez puis vous cliquez sur le bouton "deezertr". Vous obtenez ceci :

    Code : Tout sélectionner

    [deezertr]910262[/deezertr]
    Ce qui, lorsque vous prévisualisez ou postez, vous donne :

    Magnifique, non ? :P
  • Image Ce bouton sert à insérer des vidéos du site Youtube.
    De la même façon qu'insérer une musique de Deezer est une tâche aisée, insérer une vidéo de Youtube l'est tout autant ! Rendez-vous sur le site youtube donc. Quand vous avez trouvé votre vidéo, lancez-là. Quand c'est fait, cliquez sur le bouton "Intégrer" (encadré en rouge) pour faire apparaître le lecteur exportable (surligné en bleu).
    Image
    Copiez et collez le lecteur exportable sur un brouillon. On ne va conserver que la partie que j'ai mise en gras et en rouge :
    <object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/[b]fDqiA4JxuNg&hl=fr_FR&fs=1&[/b]"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/fDqiA4JxuNg&hl=fr_FR&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
    Copiez-collez cette partie là sur votre fenêtre d'édition puis sélectionnez-la et cliquez sur le bouton youtube. Vous obtenez ceci :

    Code : Tout sélectionner

    [youtube]fDqiA4JxuNg&hl=fr_FR&fs=1&[/youtube]
    Ce qui en prévisualisation donne :
    [youtube]fDqiA4JxuNg&hl=fr_FR&fs=1&[/youtube]
    Enjoy it !
  • Image Ce bouton sert à insérer une vidéo du site Dailymotion.
    Pareil que pour Youtube, le principe ne change pas vraiment. Rendez-vous sur le site Dailymotion. Quand vous avez trouvé votre vidéo, lancez-là. Quand c'est fait, regardez en bas et trouvez le champ "Embed Code".
    Image
    Copiez et collez le lecteur exportable sur un brouillon. On ne va conserver que la partie que j'ai mise en gras et en rouge :
    <object width="480" height="270"><param name="movie" value="http://www.dailymotion.com/swf/[b]video/x76ufk[/b]"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed type="application/x-shockwave-flash" src="http://www.dailymotion.com/swf/video/x76ufk" width="480" height="270" allowfullscreen="true" allowscriptaccess="always"></embed></object>
    Copiez-collez cette partie là sur votre fenêtre d'édition puis sélectionnez-la et cliquez sur le bouton dmotion. Vous obtenez ceci :

    Code : Tout sélectionner

    [dmotion]video/x76ufk[/dmotion]
    Ce qui en prévisualisation donne :
  • Image Ce bouton vous permet d'insérer du contenu vidéo tout site confondu.
    Cette balise est assez déroutante à prendre en main, mais quand on a compris le système, elle n'a plus aucun secret. Phpbb propose tout simplement de remplacer le lecteur exportable des sites de vidéos en flash par cette balise.
    La première chose à faire est de copier coller sur la fenêtre d'édition, le lecteur exportable du site en question. Dans mon exemple afin de vous montrer autre chose que youtube et dailymotion (qui ont leur propre bouton), je vais prendre une vidéo sur le site Wat. Quand vous avez trouvé votre vidéo, il vous suffit de passer la souris dessus et de cliquer sur "Export". Copiez-collez sur un brouillon le lecteur exportable, présent dans le champ "Code Player". Vous allez vous retrouver avec un code de ce type (j'ai mis en gras et en rouge, les seules parties qui nous intéressent) :
    <div><object type="application/x-shockwave-flash" data="http://www.wat.tv/swf2/249910nIc0K114846781" width="480" height="270" id="wat_4846781"><param name="movie" value="http://www.wat.tv/swf2/249910nIc0K114846781"/><param name="allowScriptAccess" value="always"/><param name="allowFullScreen" value="true"/><embed width="480" height="270" src="http://www.wat.tv/swf2/249910nIc0K114846781" allowscriptaccess="always" allowfullscreen="true" />Veuillez installer Flash Player pour lire la vidéo</object></div><div class="watlinks" style="width:480px;font-size:11px; background:#CCCCCC; padding:2px 0 4px 0;text-align:center;"><a target="_blank" class="waturl" href="http://www.wat.tv/video/zapping-web-18- ... <strong>Le Zapping du Web -18-06-10</strong></a></div>
    Alors, ici, le 480 va correspondre à la largeur de la vidéo et le 270 à sa hauteur. Le lien est le lien direct vers la vidéo. Quand vous avez relevé ces informations, et que vous les avez notée, effacez le lecteur exportable. Collez le lien direct de la vidéo et sélectionnez-le. Cliquez ensuite sur le bouton flash. Voilà ce que cela donne.

    Code : Tout sélectionner

    [flash=]http://www.wat.tv/swf2/249910nIc0K114846781[/flash]
    Maintenant que vous avez vos balises posées, vous remarquez qu'il n'y a rien après le "=". Il vous faut y mettre la largeur et la hauteur, toujours en suivant mon exemple, je vais donc ajouter après le "=" 480,270 sans espace, sans guillemets et obligatoirement avec la virgule !
    Ce qui nous donne :

    Code : Tout sélectionner

    [flash=480,270]http://www.wat.tv/swf2/249910nIc0K114846781[/flash]
    Maintenant que nous avons tout ça, nous pouvons prévisualiser... tadam !

    Il vous suffit de cliquer sur la vidéo pour qu'elle démarre.
    :arrow: Le système est le même avec Dailymotion et Youtube ou tout autre site utilisant le shockwave flash player. Respectez les tailles et évitez de les changer, car cela va déformer votre vidéo et la rendre moche. De même évitez de mettre une largeur trop grande, 480 de large, c'est suffisant, ne dépassez jamais 640.
Modifié en dernier par Louis-Damien Lacroix de Beaufoy le 19 juin 2010, 14:07, modifié 3 fois.
Louis-Damien Lacroix de Beaufoy,
Ancien Président de la République Frôceuse,
Membre de droit à la Cour Suprême,
Directeur des Editions Lacroix,
Directeur Adjoint de Meade Airlines.


TWITTER
Louis-Damien Lacroix de Beaufoy
Non inscrit sur les listes électorales
Messages : 4306
Enregistré le : 14 juin 2010, 20:01
Type de compte : Principal

Re: [Aide] Tutoriel pour le bbcode

Message par Louis-Damien Lacroix de Beaufoy »

4°) Le dé :
Comme il sera très utilisé, je vous place ici le mode d'emploi du dé. Attention, les lancers de dé doivent être faits dans des messages à part, car il vous sera impossible de l'éditer par la suite.
Vous avez plusieurs types de dés, caractérisés en fait par le nombre de faces. Ainsi vous avez :
- un dé à quatre faces noté d4,
- un dé à six faces, noté d6,
- un dé à huit faces, noté d8,
- un dé à dix faces, noté d10,
- un dé à douze faces, noté d12,
- un dé à vingt faces, noté d20.
Ces dés-là sont texturisés, vous aurez donc un dessin pour afficher leur résultat. Vous pouvez évidemment lancer un dé à 16 faces, noté d16, mais il apparaitra en texte et non en dessin (il faudra passer votre souris sur la petite icône d'erreur pour afficher le résultat).

Voyons maintenant les balises utilisées pour le dé !

Code : Tout sélectionner

[dice][/dice]
Vous remarquerez qu'il y en a 2 et qu'il faut compléter entre les deux. Pour cela rien de plus simple. On va d'abord indiquer le nombre de dés que l'on veut. Attention, seuls 20 dés sont autorisés par lancer, maximum ! (Pas de 21d6 qui tienne !) Une fois que l'on sait combien de dés on va lancer, il faut déterminer quel type de dé, vous allez utiliser. Pour cela, je vous renvoie à la liste un peu plus haut. Concrètement, par un exemple, si je veux lancer 3 dés à 6 faces, je vais mettre entre les deux balises dice : 3d6.
Je vous mets des couleurs pour que vous puissiez repérer.
Sachez aussi que vous ne pouvez pas faire de 20 lancers par message. Donc pas plus de 20 fois la balise dice dans votre message !

C'est bien joli tout ça mais si nous procédions à un exemple ? Pour celui-ci, je vais lancer 1 dé de chaque type texturisé, et puis 1 dé à 14 faces pour que vous puissiez visionner le résultat. C'est parti, j'utilise le code suivant (vous remarquerez qu'il n'y a pas écrit dice mais "dic" dans les balises. C'est le seul moyen que j'ai trouvé pour éviter que ça ne buggue. Evidemment, quand vous lancez vos dés, il faut mettre dice et pas dic !) :

Code : Tout sélectionner

[dic]1d4[/dic]
[dic]1d6[/dic]
[dic]1d8[/dic]
[dic]1d10[/dic]
[dic]1d12[/dic]
[dic]1d14[/dic]
[dic]1d20[/dic]
On lance :








Comme je ne pourrais pas éditer ce message, j'ajoute ici une information de culture générale. Le Zocchihedron est un dé à 100 faces, c'est à ce jour le dé qui comporte le plus de faces possibles. Ce tuto est terminé, du moins la partie sur les dés.
Louis-Damien Lacroix de Beaufoy,
Ancien Président de la République Frôceuse,
Membre de droit à la Cour Suprême,
Directeur des Editions Lacroix,
Directeur Adjoint de Meade Airlines.


TWITTER
Verrouillé

Retourner vers « Aéroport International d'Aspen »