Bannière de Papo Kast. Tutoriel proposé par les PeC. Rédigé par Charlie Workey, réécrit par Alysone Petrova. Merci à toutes les personnes ayant apporté leur aide.

Les basiques

Cette balise permet de mettre en gras un texte. Texte mis en gras Code : [b]Texte mis en gras[/b] Cette balise permet de mettre en italique un texte. Texte mis en italique Code : [i]Texte mis en italique[/i] Cette balise permet de souligner un texte. Texte souligné Code : [u]Texte souligné[/u] Cette balise permet de barrer un texte. Texte barré Code : [s]Texte barré[/s]

Les images

Cette balise permet de mettre une image. Code : [img]http://theimageconference.org/wp-content/uploads/2014/01/images-50x50.png[/img] Code : [align=centre][img]http://theimageconference.org/wp-content/uploads/2014/01/images-50x50.png[/img][/align] Astuce : Vous avez la possibilité de mettre votre image à droite ou à gauche de votre texte. Lorsque vous écrivez ici, votre image se trouve à gauche de votre texte. Code : [img=gauche]http://theimageconference.org/wp-content/uploads/2014/01/images-50x50.png[/img] Lorsque vous écrivez ici, votre image se trouve à gauche de votre texte. ou Code : [img=droite]http://theimageconference.org/wp-content/uploads/2014/01/images-50x50.png[/img] Lorsque vous écrivez ici, votre image se trouve à droite de votre texte. Attention : La largeur maximum sans alignement est de 400 pixels dans les topics du Grand Escalier.

Les liens

Cette balise permet de mettre un lien vers une nouvelle page internet. www.poudlard12.com Code : [url]www.poudlard12.com[/url] Texte Code : [url=www.poudlard12.com]Texte[/url]

Les couleurs

Cette balise permet de mettre des couleurs au texte. Texte en couleur Code : [color=#872b87]Texte en couleur[/color] Astuce : Vous avez trois possibilités pour choisir la couleur : • Déplacer votre souris dans le curseur et choisir vous-même une couleur. • Mettre le nom de la couleur en anglais. • Mettre le code hexadécimal (vous pouvez choisir la couleur en bougeant le curseur dans le menu couleur de votre BBcode ou choisir une couleur grâce à ce site).

Les listes

Cette balise permet de créer des listes. Élément 1 Élément 2 Code : [list][*] Élément 1[/*] [*] Élément 2[/*][/list] Il est tout à fait possible d'imbriquer plusieurs listes les unes sur les autres : Blbl Blblbl Blblblbl Code : [list][*] Blbl[/*] [list][*] Blblbl[/*] [list][*] Blblblbl[/*][/list][/list][/list] Astuce : Tu peux aussi décaler ton texte sur la droite. Texte décalé sur la droite. Code : [list]Texte décalé sur la droite.[/list]

L'alignement

Cette balise permet de justifier ton texte. Ton texte s'alignera à droite et à gauche pour plus de confort et d’esthétisme. Code : [align=justifie]Ton texte s'alignera à droite et à gauche pour plus d’esthétisme.[/align] Astuce : Plus vous mettrez de balise justifié, plus une marge à droite et à gauche de votre texte se fera. Par contre, cela ne fonctionne que sur les messages du Grand Escalier. Texte avec des marges à droite et à gauche. Code : [align=justifie][align=justifie][align=justifie][align=justifie]Texte avec des marges à droite et à gauche.[/align][/align][/align][/align] Cette balise permet d'aligner ton texte à gauche. Ton texte s'alignera à gauche, on dit qu'il apporte plus de confort à la lecture. Code : [align=gauche]Ton texte s'alignera à gauche, on dit qu'il apporte plus de confort à la lecture.[/align] Cette balise permet de centrer ton texte. Ton texte sera centré au milieu de la page. Code : [align=centre]Ton texte sera centré au milieu de la page.[/align] Cette balise permet d'aligner ton texte à droite. Ton texte s'alignera à droite, cela peut être pratique pour la présentation. Code : [align=droite]Ton texte s'alignera à droite, cela peut être pratique pour la présentation.[/align]

Les titres

Cette balise permet de mettre un titre à différents niveaux. Niveau 1 Code : [titre=1]Niveau 1[/titre] Niveau 2 Code : [titre=2]Niveau 2[/titre] Niveau 3 Code : [titre=3]Niveau 3[/titre]

Les citations

Cette balise permet de faire une citation. Citation : Albus Dumbledore Il faut beaucoup de bravoure pour faire face à ses ennemis mais il n'en faut pas moins pour affronter ses amis. Code : [quote=Albus Dumbledore]Il faut beaucoup de bravoure pour faire face à ses ennemis mais il n'en faut pas moins pour affronter ses amis.[/quote]

Les codes

Cette balise permet de mettre en évidence les BBcodes, de cette façon, elle permet de voir les BBcodes qui ont été utilisés, comme tout ce qu'on a pu faire tout au long de ce tutoriel.

Les BBcodes pour les RPG

Cette balise permet de faire chuchoter son personnage. Mon personnage chuchote. Code : [chuchote]Mon personnage chuchote.[/chuchote] Cette balise permet de faire crier son personnage. Mon personnage crie. Code : [cri]Mon personnage crie.[/cri] Cette balise permet de faire agir son personnage. * Mon personnage agit. * Code : [action]Mon personnage agit.[/action] Cette balise permet de faire penser son personnage. [ Mon personnage pense. ] Code : [pensee]Mon personnage pense.[/pensee]

Les profils

Cette balise te permettra de mettre un lien directement vers le profil de la personne choisie. Izora Flame Code : [profil]Izora Flame[/profil] Astuce : Il est également possible de mettre l'avatar que porte une personne. Code : [profil=avatar]Izora Flame[/profil]

Les vidéos

Cette balise rend possible le fait de montrer des vidéos sur un message. La vidéo pourra être regardée directement sur le site. Code : [video]http://www.dailymotion.com/video/ x13bm1l_presentation-de-pou dlard12_shortfilms[/video]

Regardez Présentation de Poudlard12 sur Dailymotion

Les tableaux

Cette balise permet de créer un tableau. Code : [align=centre][tableau largeur=80 bordure=simple][entete couleur=white][cellule][b]Entête 1[/b][/cellule][cellule][b]Entête 2[/b][/cellule][/entete][ligne][cellule]Ligne 1 Cellule 1[/cellule][cellule]Ligne 1 Cellule 2[/cellule][/ligne][ligne][cellule]Ligne 2 Cellule 1[/cellule][cellule]Ligne 2 Cellule 2[/cellule][/ligne][/tableau][/align] Astuce : certains éléments du tableau peuvent être modifiés : La largeur du tableau est comprise entre 0 (valeur minimale) et 100 (valeur maximale). Remplacez le chiffre (80 par défaut) par celui que vous souhaitez. La bordure peut être "simple", "epaisse", "double", "tiret", "pointille" ou "sans". Vous avez juste à effacer le "simple" par défaut pour mettre celui souhaité. La couleur de l'entête : pour cela, il suffit juste d'ajouter à côté de "entete" "couleur=". Vous pouvez mettre directement le code couleur en anglais soit ajouter le code couleur avec #. La couleur des cellules du tableau : en rajoutant, comme pour l'entête, "couleur=" dans la balise [tableau largeur=80 bordure=simple]. Pour que les tableaux soient lisibles sur tous les thèmes quand on leur a attribué une couleur de fond (étape précédente), il faut choisir une couleur pour le texte du tableau (color=machin, entre parenthèses). On ouvre cette balise juste après l'ouverture de la balise cellule, on la ferme juste avant la balise /cellule.

Les ancres / blocs

Les ancres permettent de renvoyer à une partie du message que vous avez fait. Les ancres permettent donc d'accéder à des parties d'un message beaucoup plus rapidement. Ce BBcode a l'air difficile, mais il suffit de tester plusieurs fois pour bien le maîtriser. 1) Choisissez la partie que vous voulez faire accéder plus rapidement. Une fois choisie, vous l'entourez de ce BBcode. N'oubliez pas de lui donner un nom ! 2) Mettez le lien en utilisant le BBcode URL de la partie que vous voulez voir accéder plus rapidement. Attention : Ne pas oublier de mettre "#" suivi du nom de votre bloc. Phrase 1 Phrase 2 J'ai envie de voir cette phrase plus rapidement. J'ai aussi envie de voir celle-là ! Code : [url=#Rapide]Phrase 1[/url] [url=#Vite]Phrase 2[/url] [bloc nom=Rapide]J'ai envie de voir cette phrase plus rapidement.[/bloc] [bloc nom=Vite]J'ai aussi envie de voir celle-là ![/bloc]

Les spoilers

Cette balise permet de cacher un texte. Pour pouvoir lire le texte, il faut cliquer sur "Afficher" situé en haut à droite de la zone de spoiler. [Afficher] Spoiler : Spoiler Texte mis en spoiler Code : [spoiler=Spoiler]Texte mis en spoiler[/spoiler] Il est également possible de mettre une image dans le titre du spoiler. [Afficher] Spoiler : Texte mis en spoiler Code : [spoiler=[img]http://theimageconference.org/wp-content/uploads/2014/01/images-50x50.png[/img]]Texte mis en spoiler[/spoiler]

Si vous avez une remarque à faire, besoin d'une information secondaire ou un complément d'informations, n'hésitez pas à poster à la suite de ce topic.

Est-ce qu'il y a un BBcode pour mettre le texte a l'enver ?

Est-ce qu'il pourrait y avoir une explication sur les BBCodes "Spolier" s'il-vous-plaît?

(j'ai un peu honte, j'ai comme l'impression d'être la seule à ne pas réussir à l'utiliser...)

Je crois qu'il sert à ne pas spoiler les gens hahaha. Exemple :


Tu vois, si tu n'est pas aller aux studios, tu n'est pas obligée de lire. Tu pige ?

Oui, je sais, mais c'est juste que lorsque je clique sur "Afficher", bah... rien. Néant total. J'ai essayé sur plusieurs types d'ordinateurs, et même sur téléphone, rien à faire, ça ne marche pas...

Ca m'a fit aussi ca au début. Refais le plusieurs fois

et "pointille" pour avoir des pointillés !

Merci pour ce tutoriel bien utile.

Je cherchais justement comment faire "Sonorus" .

Sonorus se fait aux Trois-balais, c'est un message anonyme destiné à être visible lors de l'animation tous les dimanches par l'équipe du tchat.

Merci Miry.

En tout cas, ce tutoriel est vraiment génial, clair et précis.

Si jamais tu te poses des questions sur d'autres choses, n'hésites jamais à venir me voir dans ma volière, je serais ravi de t'aider

Coucou Miry ! J'ai deux ajouts à proposer pour les tableaux (mais ce sont des remarques avancées, je dirais) :

- Il est également possible de changer la couleur des cellules du tableau, en rajoutant, comme pour l'entête, couleur=blbl dans la balise [tableau].
- Pour que les tableaux soient lisibles sur tous les thèmes quand on leur a attribué une couleur de fond, il faut choisir une couleur pour le texte du tableau ([color=machin]). On ouvre cette balise juste après l'ouverture de la balise [cellule], on la ferme juste avant la balise [/cellule].
Si on ne fait pas ça, la couleur du texte du tableau change en fonction des thèmes, et peut devenir illisible suivant la couleur sélectionnée pour le fond des cellules.