BBCode Forum

Salut les gens !

 

Aujourd'hui on se retrouve avec un article particulier.

Comme vous le savez sûrement, sur le forum il existe un topic pour les codeuses (qui font des mises en pages magnifiques). Mais il n'y a absolument rien pour celles et ceux qui, comme vous et moi qui veulent simplement agrémenter leurs posts.

J'ai donc décidé d'y dédier un article complet et détaillé avec votre aide.

 

 

Je tien également à donner une mention spéciale à Caroline Roblès qui m'a carrément marché le travail avec son commentaire.

Un petit conseil avant d'entrer dans le vif du sujet :

 

Il est très important de savoir qu'une balise se ferme TOUJOURS et que l’emboîtement des balises doit être logique !

 

Exemple : 

[center][b] texte [/b][/center] → C'est bien !

[center][b] texte [/center][/b] → Brûlez moi ça !!!

 

Ça rend votre code plus lisible et moins galère à traiter.

Aussi, avant de commencer à baliser (ah ah) il vous faut écrire votre texte en intégralité puis après vous attaquer à la mise en forme. Ainsi il y aura moins de risque que vous vous trompiez.

 

 

N'hésitez pas à vous servir de la prévisualisation qui vous donnera un aperçu de votre post.

Balises de mise en page / édition de texte simple : La base !

[center] Au centre [/center]

 

[b] En gras [/b]

 

[u] Souligné [/u]

 

[i] En italique [/i]

Balises de tailles : Elles sont deux, elles sont mignonnes.

[big] GROS [/big]

 

[little] Petit [/little]

Astuce : Vous pouvez « additionner » ces balises !

 

 

Exemple : [big][big]TRES GROS[/big][/big] est plus grande que [big]GROS[/big] !

Balise de lien :

Vous pouvez faire deux types de lien. Un lien complet avec une adresse cliquable, ou alors un contenu (que vous aurez choisis) qui « résume » votre lien.

 

[url]Votre lien[/url]

ou

[url=Votre lien]Texte cliquable[/url]

Je dis contenu pour le deuxième type de lien puisque vous pouvez même faire des images-lien si l'envie vous dit !

 

Il suffit de mettre les balises pour l'image dans le lien, l'exemple viendra plus tard.

Balise d'image : LA balise qui fait des choses jolies !

[img]lien de l'image[/img] → Permet d'afficher d'une image. Fonctionne aussi avec les .gif. La balise ne change pas.

[url=lien][img]lien de l'image[/img][/url] → Permet d’intégrer un lien à l'image.

 

Il existe de nombreux sites pour héberger des images comme : https://www.zupimages.net/

 

Si les gifs ne fonctionnent pas avec hostingpics je vous propose un autre hébergeur : http://fr.tinypic.com/

 

Attention c'est ce lien https://zupimages.net/up/18/46/xz2h.jpg qu'il faut prendre.

Balise de couleurs :

Une balise plutôt complète ! Il y a deux méthodes pour cette balise : une simple et une plus complète mais un peu plus complexe.

 

[color=blue]Ce texte en bleu.[/color] → Ça donne un texte bleu, ça fait le travail. Mais si j'ai envie d'une autre nuance de bleu? Pas de panique, la seconde option est là !

[color=#6187E1]Ce texte dans MON bleu.[/color] → KESKECÉ ce#618Fjesaispaskoi ??

 

Relax ! C'est un code couleur ! A la base ces codes étaient utilisés en imprimerie, et désormais au numérique.

 

Voici un lien qui vous aidera à sélectionner la couleur de vos rêve et à obtenir son code : http://www.code-couleur.com/.

 

Astuce : Essayez de ne pas prendre de couleurs trop claires ou trop pétantes, pensez à la lisibilité et aux yeux de ceux qui vous lisent. 

Balise de dégradés :

Voici un site qui devrait nous aider au mieux ! Vous voulez faire des dégradés ? 

Eh bien un site est à votre disposition.

 

http://js01.fra.co/h2

 

L'utilisation est très simple vous insérez votre texte puis vous choisissez vos couleurs (un aperçu est disponible). Une fois que le résultat vous plait vous copiez la balise et le tour est joué ! 

 

*J'ai centré et mis le texte en gras pour que l'exemple soit plus visible.

Balise de citation :

Il y a déjà un bouton « Citer » sur les messages d'autres joueuses, mais, par exemple, si vous voulez faire une citation d'un livre ? Voilà donc !

 

[quote=La personne que je cite]Ce qu'elle a dit.[/quote]

[quote]Citation sans auteur[/quote]

Balise de titre :

Vous avez déjà vus ces beaux titres dans leur cadre bleu ? Ou alors les plus modestes en roses ? Ne cherchez plus, ils sont là !

 

[title1]Titre dans un bandeau bleu [/title1]

[title2]Titre dans un bandeau rose[/title2]

Balise Youtube :

[youtube]Lien youtube;autoplay=1[/youtube]

 

 

Avec l'ajout du ;autoplay=1 à la fin, la vidéo se lancera automatiquement, pratique pour mettre de la musique sur son profil! Elle fonctionne également sur le forum.

 

Lien de la vidéo choisie : https://www.youtube.com/watch?v=Tf1a-rvWGKM

 

*Vous pouvez cacher la vidéo grâce à un spoiler

Balises spoiler :

La balise spoiler peut servir par exemple à cacher la mini page youtube sur son profil, et laisser la magie de la musique ne jamais s'arrêter, elle peut être utile partout!

 

[spoiler=Titre du spoiler]Contenu du spoiler[/spoiler]

ou

[spoiler] Texte [/spoiler] → Si vous voulez simplement mettre un spoiler sans titre.

 

Astuce : Avec [spoiler= ] votre spoiler est caché (comme la balise youtube sur votre profil).

 

Balises de code:

Si vous vous sentez assez balèze, vous pouvez créer un code avec les balises ci-dessus. Mais pour le rendre visible sans que les modifications aient lieux dans votre post il y a également une balise pour ça ! 

 

[code] Ceci est du code [/code]

 

*Exemple choisi sur le forum : L'Absynthoscope, uniquement visible par les membres de la garde Absynthe.

C'est à peu près tout ! Il doit en rester quelques uns, mais malheureusement le site ne donne pas son BBCode en entier sur le forum, donc à moins d'essayer, on ne sait pas ce qui marche !

 

Si vous en connaissez d'autres, envoyez les par MP sur la page facebook.