Peter Griffiths
Admin
| Sujet: Le BBcode pour les nuls Sam 25 Jan 2014 - 13:52 | |
| Voici une petite aide en codage qui vous permettra facilement de personnaliser vos fiches et vos rps. Le BBcode c'est facile, c'est très similaire au format du html. C'est un raccourci rapide communément utilisé. Voyons ce qu'en dit le FAQ du forum : - Citation :
- Le BBCode est une implémentation spéciale du HTML, l'activation de l'utilisation du BBCode est déterminée par l'administrateur (vous pouvez aussi le désactiver sur un message en particulier 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ée. Pour plus d'informations sur le BBCode, allez voir le guide, accessible depuis le formulaire de publication.
Vous pouvez évidemment vous servir des boutons au dessus mais ce petit tuto vous permettra de le modifier et de le comprendre. Tout d'abord, mais qu'est-ce qu'un balise ? Comme indiqué plus haut, c'est les espèces de crochets dont on se sert rarement à l'écrit. C'est à l'intérieur que vous écrirez votre code, il faut donc veiller à bien les mettre et surtout à les fermer. En BBcode, on utilise ceux-là -> [lecode] et soit il est tout simple, soit il contient une valeur qui sera introduite par le signe égal. Il faut aussi savoir qu'on ferme toujours les balises de cette manière -> [/lecode], c'est-à-dire un slash /. Mais c'est plus facile avec des exemples alors, en route ! Vous avez sans doute remarquez les boutons juste au dessus. Quand vous cliquez dessus, des balises toutes faites s'affichent dans votre message. Décrivons les pour la plupart. Ici vous avez, dans l'ordre, le gras, l' italique, le soulignement et le rayement. Pour faire simple, si vous n'avez pas envie de remonter cliquer dessus à chaque fois vous pouvez les apprendre. Texte en gras (avec b comme bold) - Code:
-
[b]Texte en gras[/b] Texte en italique (avec i comme italique) - Code:
-
[i]Texte en italique[/i] Texte souligné (avec u comme underline) - Code:
-
[u]Texte souligné[/u] Texte barré (avec strike) - Code:
-
[strike]Texte barré[/strike] Ces boutons servent au positionnement d'un texte ou d'un mot. Dans l'ordre, à gauche, centré, à droite et justifié. Texte à gauche (avec left) - Code:
-
[left]Texte à gauche[/left] Texte centré (avec center) - Code:
-
[center]Texte centré[/center] Texte à droite (avec right) - Code:
-
[right]Texte à droite[/right] Texte justifié (avec justify) -> Celui là est très utile pour rendre les textes plus agréables. - Code:
-
[justify]Texte justifié[/justify] Enfin, ces trois derniers boutons transforment l'apparence de votre texte. Dans l'ordre, la taille, la couleur et la police. - Taille du texte - Code:
-
[size=taillesouhaitée]Texte en taille ...[/size] Texte en taille 10Texte en taille 24Comme vous pouvez le voir, taille est qualifié par size (de l'anglais) et la taille souhaitée est précédée par le signe = (ne l'oubliez pas). La taille maximum en BBcode est de 24. - Couleur du texte - Code:
-
[color=couleursouhaitée]Texte en couleur..[/color] Texte en vertTexte en rougeComme tout est en anglais, couleur se dit donc color. Pour ce qui est de sa valeur, elle peut être avec un mot (vert->green, rouge->red) ou décimale (vert->#006600, rouge->#FF0000). Pour la valeur décimale, vous remarquerez que les chiffres et lettres sont aux nombres de 6 et toujours précédez par # (AltGr+3) - Police du texte - Code:
-
[font=policesouhaitée]Texte[/font] Comic Sans MSArialIci, la police se dit font (avec un t pas un d) et il n'y a pas de secret, leur nom s'apprend. Pour insérer un lien ou une image, rien de plus simple. Un lien s'insère grâce à url : https://www.google.fr/ - Code:
-
[url]ton lien[/url] Mais vous remarquerez que, quand un lien est vraiment long, ce n'est pas très esthétique, il y a donc une autre solution. Il suffit de mettre le lien dans la balise après le signe égal et de mettre du texte entre les balises ! Google - Code:
-
[url=lien]Texte[/url] Et c'est le même principe pour les images, sauf que son nom est img : - Code:
-
[img]lien[/img] Et magique ! On peut combiner les deux : <- clique dessus pour te rendre sur google - Code:
-
[url=lien][img]lien de ton image[/img][/url] Chose à savoir sur la combinaison, c'est comme les matriochka. On met un code, dans un autre, et encore dans un autre. Texte de taille 15, gras et rouge - Code:
-
[size=15][color=#FF0000][b]Texte de taille 15, gras et rouge[/b][/color][/size] On ne mélange pas le tout en salade en ouvrant dans un sens (size, color, font..) pour fermer n'importe comment (size, font, color..) Pour finir, parlons des citations, des listes, des codes, etc.. Quelqu'un a dit quelque chose quelque part, et pas forcément sur le forum. Comme ce n'est pas de vous, vous souhaitez peut-être le mettre en citation. C'est tout simple, citation se dit quote. - Citation :
- Votre texte en citation
- Code:
-
[quote]Votre texte en citation[/quote] Et puis, pourquoi ne pas ajouter le nom de la personne citée ? - Père Noël a écrit:
- Ho ho ho !
- Code:
-
[quote="Père Noël"]Ho ho ho ![/quote] Pour ce qui est des listes, comme les listes de courses, ça se dit list. Et il y en a entre autres trois types, les basiques, les lettrées et les chiffrées. -basique : - Code:
-
[list] [*]Red [*]Blue [*]Yellow [/list] - chiffrée
- Se lever
- Manger
- Se laver
- Code:
-
[list=1] [*]Se lever [*]Manger [*]Se laver [/list] - lettrées
- réponse a
- réponse b
- réponse c
- Code:
-
[list] [*]réponse a [*]réponse b [*]réponse c [/list] Avant de finir, une chose utile. On n'a pas forcément le loisir de pouvoir redimensionner une image ou encore, on a un texte long ou secret à faire passer. Pour cela, il suffit de le passer en spoiler, donc caché. - Spoiler:
J'aime chanter sous la douche - Code:
-
[spoiler]Texte à masquer[/spoiler] Merci de ne pas dévoiler mon secret :) Et enfin, le dernier code que je vais vous donner. Et vous vous êtes peut-être posé la question de : mais comment elle fait pour la balise de code ? -ou pas- Parce que c'est trèèèèès facile ! - Code:
-
Sélectionne moi - Code:
-
[code]Sélectionne moi[/code] Voilà, pour le BBcode !! En espérant que ça vous sera utile !
|
|