Manuel d’utilisation du BBcode
Introduction : le BBcode qu’est ce que c’est ?
Le BBcode est un outil qui permet d’afficher des smileys, de formater un texte et
de lui appliquer des liens, images...
Il suffit simplement de l’intercaler entre deux balises spécifiques.
Afficher un smiley
Pour afficher un smiley il suffit de cliquer dessus !
Un code apparaîtra dans votre message et sera
automatiquement transformé en image lors de l’affichage du texte.
LISTE DES CODES DES SMILEYS | |||
SMILEYS | BBCODE CORRESPONDANT | SMILEYS | BBCODE CORRESPONDANT |
18) | 1#beer# | ||
1#boing# | 1#stupid# | ||
1:bigeek: | 1:bj: | ||
1:comprends_po: | 1:D | ||
1:evil: | 1:# | ||
1:( | 1:) | ||
1:@ | 1:king: | ||
1:micro: | 1:mj: | ||
1:p | 1:snooze: | ||
1;) | 8) | ||
8o) | 9) | ||
B) | #alien# | ||
#ange# | #avril# | ||
#banane# | #boing# | ||
#c223g23 | #chien# | ||
#clinoeil# | #de# | ||
#dent# | #diable# | ||
#dieu# | #dodo# | ||
#egt# | #enerve# | ||
#eur# | #greee# | ||
#gun# | #h# | ||
#idee# | #jap# | ||
#jojo) | #langue2# | ||
#langue# | #lepc# | ||
#livre# | #love# | ||
#lp# | #malmal# | ||
#mp# | #mur# | ||
#n3# | #nanana# | ||
#nicegirl# | #ok# | ||
#oksors# | #ossib# | ||
#ouais# | #pafpaf# | ||
#pf# | #ple# | ||
#poisson# | #rire# | ||
#rised# | #rl2# | ||
#roi# | #s2# | ||
#saint# | #salut# | ||
#se1# | #se3g# | ||
#se4# | #se5# | ||
#se# | #sors# | ||
#sourireg23 | #super# | ||
#tchin# | #teteane# | ||
#tri# | #tropfort# | ||
#ule5# | #un# | ||
#ve3# | #ve# | ||
#y2# | #yayaya# | ||
#zz2# | (fr) | ||
(ko) | (lol) | ||
)8 | :8 | ||
:9( | :9o | ||
:@ | :arf: | ||
:back: | :bigeek: | ||
:bof: | :boulet: | ||
:comprends_po: | :D | ||
:emo: | :evil: | ||
:funky: | :# | ||
:( | :) | ||
:gna: | :happy: | ||
:heart: | :jap: | ||
:kiss: | :ko: | ||
:lick: | :lol: | ||
:manga: | :mj: | ||
:next: | :o) | ||
:p | :Q | ||
:quest: | :R) | ||
:X | :siffle: | ||
:snooze: | :stop: | ||
:tux: | :wobble: | ||
:yes: | ;( | ||
;) | X) | ||
Z( | |||
Formater un texte (gras/italique/souligné/barré/centré/à droite/taille)
[b]Exemple de texte[/b] Exemple de texte (Texte gras)
[i]Exemple de texte[/i] Exemple de texte (Texte italique)
[u]Exemple de texte[/u] Exemple de texte (Texte souligné)
[barre]Exemple de texte[/barre]
[align=center]Exemple de texte[/align] Exemple de texte (Texte centré)
[align=right]Exemple de texte[/align] Exemple de texte (Texte à droite;)
Les options left et justify sont également disponibles.
[taille=20]Exemple de texte[/taille] Exemple de texte (Texte de taille 20 pixels)
On peut aussi cumuler plusieurs balises:
[b][i][u]Exemple [taille=20]de[taille] texte[/u][/i][/b] Exemple de texte (Texte gras + italique + souligné)
Appliquer des effets sur un texte (couleur, surlignage, contour(glow))
[couleur=#009900]Exemple de texte[/couleur] Exemple de texte (Texte couleur)
[surlign]Exemple de texte[/surlign] Exemple de texte (Texte surligné par défaut)
[surlign=#cccccc]Exemple de texte[/surlign] Exemple de texte (Texte surligné défini par code hexa)
[surlign=navy]Exemple de texte[/surlign] Exemple de texte (Texte surligné défini par nom)
Effet glow : IE uniquement !!!
[glow][taille=18]Exemple de texte[/taille][/glow]
Exemple de texte
[glow=yellow][taille=25]Exemple de texte[/taille][/glow]
Exemple de texte
Afficher une image (fixe ou flottante)
[img]http://www.kwsphp.org/images/kwsphp.jpg[/img]
(image)
[float=left][img]http://www.kwsphp.org/images/kwsphp.jpg[/img][/float]Exemple de texte à coté de l'image flottante
Exemple de texte
à coté de l'image
L'option right est également disponible.
Vous remarquerez la différence avec celle du dessus
ou le texte démarre en bas et ici en haut
Faire des liens
[url]http://www.kwsphp.org/[/url] http://www.kwsphp.org/ (lien 1)
[url=http://www.kwsphp.org/]KwsPHP[/url] KwsPHP (lien 2)
/!\ KwsPHP détecte automatiquement si l'url est interne ou externe au site et ouvre une nouvelle fenetre si besoin est...
Faire un lien vers un email
[email]contact@koogar.org[/email] contact@koogar.org (email 1)
[email=contact@koogar.org]contacter koogar[/email] contacter koogar (email 2)
Smiley panneau
Cette balise vous permet d'écrire dans un panneau tenu par un smiley !
[panneau]Hello à tous !![/panneau]Hello à tous |
Conclusion
Voila un bel exemple pour conclure !
[center][panneau]
[glow=yellow][couleur=#009900][taille=26]Vive[/taille][/couleur][/glow]
[url=http://www.kwsphp.org/][img]http://www.kwsphp.org/images/kwsphp.jpg[/img][/url]
[u][i]Un CMS [surlign=darkred]entièrement[surlign] configurable !!![/i][/u]
:) ;) :yes:
[/panneau][/center]
Vive Un CMS entièrement configurable !!! |