Version Flash ?

Aide détaillée des balises (cliquez sur le bouton correspondant) :

Couleur           
           
         

Définition

Le BBCode est un moyen de mettre en forme du texte sans utiliser le langage HTML (langage dans lequel sont écrit toutes les pages internet).
Le principe consiste à entourer le texte à mettre en forme de balises spéciales qui seront converties en HTML a l'affichage.
Par exemple, entourer un texte de balises [b]...[/b] fera apparaitre le texte en gras (b pour Bold en anglais). Il existe aussi des balises spéciales qui n'ont pas de balises de fermeture. Dans ce cas là, elle est de la forme : [tab=3/]. (le slash a la fin permet d'indiquer la fermeture de la balise)

Sur Cercledefaeries, vous avez accès a un certains nombre de balises qui sont représentées par les boutons du formulaire de saisie de textes.

Utilisation

Il y a 3 manières d'utiliser le bbcode :

• Manuellement

• Au cours de la rédaction

• Apres la rédaction

Description des options

Note : la description de chaque option est suivie d'un encadré correspondant à un exemple concret et au bbcode correspondant

Couleur : permet de changer la couleur du texte.

ceci est un [font=aqua]texte en bleu clair[/font]
ceci est un texte en bleu clair

permet de centrer un texte

[center]texte centré[/center]

permet d'aligner un texte a droite

[right]texte aligné à droite[/right]

texte aligné à droite

affiche un titre

[titre]Le titre[/titre]

affiche un sous titre

[sstitre]Le sous-titre[/sstitre]
Le sous-titre

permettent de mettre du texte en gras, italique, souligné ou barré :

Un exemple de texte en [b]gras[b] [i]italique[/i] [u]souligné[u] ou [s]barré[s]. Toutes les balises peuvent etre [i][u]combinées[/u][/].
Un exemple de texte en gras italique souligné ou barré. Toutes les balises peuvent etre combinées.

permet d'afficher un spoiler, c'est à dire un texte qui révele tout ou partie de l'intrigue d'une oeuvre. Le texte s'affiche caché et ne s'affiche que si l'on passe la souris
dessus.

Ce film est génial, d'ailleurs, [spoiler]l'assassin est le concierge ![/spoiler]
Ce film est génial, d'ailleurs,  l'assassin est le concierge ! 

affiche une citation d'un auteur ou un encadré.

Voici une citation d'Hamlet : [quote=Hamlet scène IV acte 3]non ![/quote]
Voici une citation d'Hamlet : Hamlet scène IV acte 3 a dit :

non !

permet de définir une liste.

[liste]1er element de la liste
2eme element de la liste
3eme element de la liste[/liste]

• 1er element de la liste
• 2eme element de la liste
• 3eme element de la liste

et permette d'afficher un texte plus grand ou plus petit que la taille normale.

Un [big][big]tres grand[/big][/big] texte qui se fait [small][small]tout petit[/small][/small]
Un tres grand texte qui se fait tout petit

et permettent de définir un paragraphe.
Ce sont des balises essentielles. En effet, c'est grace à elle que les alinéas sont automatiquement créé lorsqu'une ligne est sautée.
On peut utiliser [p=noalinea] pour définir un paragraphe qui n'aura pas d'alinéa.

[p]Un petit texte avec
plusieurs lignes

et un 2eme
paragraphe[/p]

Un petit texte avec
plusieurs lignes

et un 2eme
paragraphe

permet de décaler un texte d'un certain pourcentage vers la droite.

[pmarge=50%]Voici un texte décalé a 50%[/pmarge]

Voici un texte décalé a 50%

permet d'afficher un espace insécable comme en HTML
cela permet de forcer un espace unitaire entre 2 éléments de texte ou d'image

Voici un texte suivi d'une image[nbsp/][nbsp/]avec nbsp
Voici un texte suivi d'une image  avec nbsp

permet de décaler efficacement du texte comme une tabulation

Voici
[tab=1/]un
[tab=2/]texte
[tab=3/]decalé
Voici
    un
        texte
            decalé

permet d'interdire le retour a la ligne sur une portion de texte.

[nobr]si on a un texte tres long on peut vouloir qu'il s'affiche sur une seule ligne[/nobr]
si on a un texte tres long on peut vouloir qu'il s'affiche sur une seule ligne

et affiche des crochets ouvrants et fermants... c'est tout bête, mais si on utilise de simples crochets c'est considéré comme une balise et ca affichera des erreurs...

[open/]...[close/]
[...]

affiche une image.

[img=editorCommon/img/image.png]texte de remplacement[/img]

créé un lien.

[link=aide]Index de l'aide[/link]
Index de l'aide

créé une ancre pour un lien

au sein de la meme page
[ancre=test/]<= Ici se trouve une ancre de nom test ! (c'est toujours invisible)
<= Ici se trouve une ancre de nom test ! (c'est toujours invisible)

créé un lien vers une ancre posée dans la page

[linkancre=test]Lien vers l'ancre test posée au dessus ![/linkancre]
Lien vers l'ancre test posée au dessus !

Donne une définition d'un mot du texte

l'[def=HTML]HyperText Markup Language[/def] c'est facile !
l'HyperText Markup LanguageHTML ⁽²⁾ c'est facile !

affiche la liste des définitions de la page (actuellement 2 ;o)

[defliste/]

N.d.A.

(1) : un nombre hexadécimal est compris entre 00 et FF : 01,02,... ,08,09,0A,0B, 0C,0D,0E,0F,10,11,... ,19,2A,...
(2) : HyperText Markup Language

affiche un lien vers la page personnelle du faerien

Ma page personnelle est [faerien=Fladnag][/faerien] ou [faerien=Fladnag]ici[/faerien]
Ma page personnelle est ou

Affiche un lien pour écrire au faerien

Ecrivez moi sur [mailto=Fladnag][/mailto] ou [mailto=Fladnag]ici[/mailto]
Ecrivez moi sur ou

affiche la signature d'un texte :

Signature classique :[sign][faerien=Fladnag][/faerien][/sign]
Signature classique :