Le BB Code

par **Medhi** le Dim 19 Oct 2014, 17:45

Réputation du message : 100% (1 vote)

chers membres NS

Afin de vous aider à mieux vous débrouiller sur le forum, j'ai décidé de créer ce sujet en vous expliquant les balises de base de style BB code utilisées sur le forum.

Mais qu'est-ce que le BB Code déjà ?

Le BB code, ce sont les balises que l'on met dans les crochets [] et qui permet de modifier du texte, intégré une image dans le forum, un lien youtube, ...

Mais passons directement à la pratique, vous comprendrez mieux hep

Les balises pour changer les propriétés des écrits

Modification de texte

Centrer le texte

Code:

[center]Ce texte sera centré[/center]

Ce texte sera centré
Ecrire sur la droite

Code:

[right]Texte à droite[/right]

texte à droite
texte à gauche

Code:

[left]Votre texte[/left]

texte à gauche
=> Ici vous ne voyez aucune différence car de base le texte est aligné à gauche sur NS, mais on ne sait jamais que vous en auriez besoin
Justifier un texte : Comme le "Justifier" de Word, cette balise vous permet de justifier en écrivant vos postes.

Code:

[justify]Votre texte[/justify]

Illustrer par un exemple va s'avérer plus compliquer mais je pense que vous avez compris le principe :)
Mettre en gras

Code:

[b]Texte en gras[/b]

Texte en gras
Souligner le texte

Code:

[u]Texte souligné[/u]

Texte souligné
texte défilant : le texte défile de la droite vers la gauche

Code:

[scroll]Le texte défile[/scroll]

texte défilant
Texte barré

Code:

[strike]Le texte est barré[/strike]

~~le texte est barré~~
Texte en couleur : Modifié votre texte dans la couleur que vous souhaitez

Code:

[color=le nom de la couleur en anglais]Votre texte[/color]

texte vert (green)
Texte bleu (blue)
Texte rose (pink)
Texte rouge (red) => réservé pour la modération
Texte jaune (yellow)
Etc...

Il existe aussi ce genre de code

Code:

[color=#008080]Le texte[/color]

Le texte

Je vous passe ici un site où vous trouverez tous les # : http://stylescss.free.fr/couleurs.php
Texte en italique : mettre votre texte en italique

Code:

[i]Texte en italique[/i]

Texte en italique
Modifier la police : comme sur word, vous avez la possibilité de changer le type de police de votre texte

Code:

[font=arial]texte en arial[/font]

Texte en arial
Modifier la taille du texte : Modifie la taille de la police de votre texte

Code:

[size=taille souhaitée]Votre texte[/size]

Texte en taille 9
Inversion verticale

Code:

[flipv]Votre texte[/flipv]

Texte inversé verticalement
Inversion horizontale

Code:

[fliph]Votre texte[/fliph]

Texte inversé horizontalement
Mettre en indice

Code:

[sub]Votre texte[/sub]

AA_{Texte en indice}
Texte en exposant

Code:

[sup]Votre texte[/sup]

AA^Exposant
Texte remontant : Texte allant du bas vers le haut

Code:

[updown]Le texte[/updown]

Texte remontant
Faire une liste

Code:

[list][*]blablabla
[*]blablabla 2
[*]...[/list]

Ce type d'entrée fera apparaître une liste avec des puces simples (comme word)

Code:

[list=1][*]Un
[*]Deux
[*]Trois[/list]

Ce type d'entrée fera apparaître une liste numérotée.

Code:

[list=a][*] Un
[*] Deux
[*] Trois [/list]

Ce type d'entrée fera apparaître une liste avec les lettres de l'alphabet.

Je ne peux mettre un exemple concret car j'utilise déjà une liste pour expliquer les BB Code, enfin vous pouvez voir ce que ça donne avec les différents points que je vous explique.

Je pense que pour la modification de texte, c'est déjà pas mal '-'

Les balises pour insérer un élément

Insérer une image : permet d'affiche une image

Code:

[img]Lien de votre image[/img]
Partager un URL en n'affichant pas le lien : Permet de renommer l'url que vous passez

Code:

[url=votre lien]Le nom que vous souhaitez donner à votre lien[/url]

Erza Scarlet

Vous pouvez bien entendu mettre une image qui donne accès à un lien, dans ce cas, ça se fait comme ceci

Code:

[url=votre lien][img]lien de l'image[/img][/url]

(Cliquez sur l'image pour être redirigé !)
Partager une vidéo Youtube

Code:

[youtube]Lien de la vidéo[/youtube]

Si comme moi vous naviguez en connexion sécurisée (càd en https), alors il faut retirer le "s" sinon la vidéo ne s'affichera pas
Faire des citations

Code:

[quote]Texte[/quote]

Citation :

Mieux vaut un tiens que deux tu l'auras
Citer une phrase d'un membre

Code:

[quote="Le membre"]Sa phrase[/quote]

Fredou a écrit:

Osana Reimu '-'
Partager un code : Si vous c/c simplement un code sur le forum, il s'exécutera et donc ne sera pas visible au complet. Il existe cependant un moyen de le faire voir par tout le monde

Code:

[code]Le code que vous voulez partager[/code]
Mettre un spoiler et le nommer : mettre un spoiler permet parfois de cacher une image trop grande et vous pouvez lui donner le nom que vous voulez.

Code:

[spoiler=nom que vous voulez donner]les éléments que vous souhaitez mettre dans la balise[/spoiler]

Rias:
Mettre une séparation dans le message

Code:

[hr]

la ligne blanche est le résultat du code hr

Voilà voilà pour le moment j'espère vous avoir été utile, si jamais vous avez des questions sur une balise qui ne figurerait pas ici, n'hésitez pas à demander et je la rajouterai hep

par **Yukki** le Dim 19 Oct 2014, 17:51

Ouaouh Medhi, très bon travail et très belle initiative !!
Qui/Qu'est-ce qui t'a incité à créer ce sujet ?

+1 en tout cas. Il y a des codes ne figurant pas dans notre barre d'icônes que j'utilisais avant et que j'ai oublié depuis.

par **Medhi** le Dim 19 Oct 2014, 17:53

j'y ai pensé car parfois les membres nous demande comment on fait pour faire telle chose ou telle chose :) alors j'ai pensé à faire un sujet pour leur venir en aide

par Contenu sponsorisé le