Header
Partagez | 

[FA] Le BBCode

avatar

Mes clubs

Invité

Invité

Message Sujet: [FA] Le BBCode   Jeu 9 Juil - 18:08

Le BBCode, c'est quoi

Sur certains forums ForumActif (mais aussi sur Xooit), il arrive que le HTML soit désactivé. Le BBCode permet de faire des mises en page simple et cela, sans utiliser du "vrai" HTML.

Les principales balises

Différentes balises sont utilisées pour obtenir des résultats différents, par exemple le gras, l'italique, le texte barré, la couleur, ...

Voici les balises et leurs codes...

Texte gras

Code:
[b]Gras[/b]
Résultat : Gras

Texte italique

Code:
[i]Italique[/i]
Résultat : Italique

Texte souligné

Code:
[u]Souligné[/u]
Résultat : Souligné

Texte barré

Code:
[strike]Barré[/strike]
Résultat : Barré

Texte coloré

Alors là, c'est légèrement moins simple... Il vous faut le code HTML de la couleur. C'est quoi ? Eh bien, voici un exemple : le code de la couleur noire est #000000. Le code d'un bleu foncé est #0099ff. C'est un code qui peut être utilisé pour obtenir cette couleur, mais il y a plein de variations possibles. Pour plus de détails sur les codes couleur, vous pouvez regarder ici avant de poursuivre le tuto.

Pour du rouge :
Code:
[color=#ff0000]Rouge[/color]
Résultat : Rouge

Texte aligné

Code:
[left]Aligné à gauche[/left]
Résultat :
Aligné à gauche

Code:
[center]Centré[/center]
Résultat :
Centré

Code:
[right]Aligné à droite[/right]
Résultat :
Aligné à droite

Code:
[justify]Texte justifié : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer a iaculis nisi, eleifend faucibus ligula. Etiam tincidunt enim sed diam lobortis dignissim. Sed eget aliquet purus, et sagittis urna. In consequat iaculis justo scelerisque tincidunt. Suspendisse interdum, quam sed ultricies maximus, justo massa rhoncus elit, nec consequat ipsum arcu quis ligula. Phasellus suscipit auctor sem in eleifend. Aliquam id maximus mauris. Etiam ut mattis ex, in blandit ex. Suspendisse eu consectetur lorem, in sollicitudin neque. Vivamus bibendum turpis sagittis mauris efficitur, ut mollis felis auctor. Praesent id consectetur nisi.[/justify]
Résultat :
Texte justifié : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer a iaculis nisi, eleifend faucibus ligula. Etiam tincidunt enim sed diam lobortis dignissim. Sed eget aliquet purus, et sagittis urna. In consequat iaculis justo scelerisque tincidunt. Suspendisse interdum, quam sed ultricies maximus, justo massa rhoncus elit, nec consequat ipsum arcu quis ligula. Phasellus suscipit auctor sem in eleifend. Aliquam id maximus mauris. Etiam ut mattis ex, in blandit ex. Suspendisse eu consectetur lorem, in sollicitudin neque. Vivamus bibendum turpis sagittis mauris efficitur, ut mollis felis auctor. Praesent id consectetur nisi.
Texte caché

Cela s'appelle un spoiler.

Code:
[spoiler="Titre facultatif"]Contenu[/spoiler]
Résultat :
Titre facultatif:
 

Image

Vous devez mettre entre les deux balises l'url de votre image.
Code:
[img]https://upload.wikimedia.org/wikipedia/commons/2/28/Smile-tpvgames.gif[/img]
Résultat :

Taille du texte

Code:
[size=18]Texte taille 18 pixels[/size]
Résultat : Texte taille 18 pixels

Code:
[size=10]Texte taille 10 pixels[/size]
Résultat : Texte taille 10 pixels

Vous pouvez personnaliser le nombre se trouvant dans la balise.

Texte avec lien

Code:
[url=http://www.school-of-progress.fr/]SOP[/url]
Résultat : SOP (Cliquez)

Il est possible de personnaliser l'url en changeant "http://www.school-of-progress.fr/".

Texte caché

Ce texte ne se montrera qu'aux membres ayant déjà/aussi posté dans le sujet, ainsi qu'aux modérateurs du forum.
Code:
[hide]Texte caché[/hide]
Du coup, je ne peux pas mettre d'exemple ^^'

Code

J'ai utilisé du BBCode pour vous montrer les codes comme ils sont... et voici maintenant la balise code !
Code:
[code]Un code HTML ou BBCode ou comme vous voulez[/code]
Résultat :
Code:
Un code HTML ou BBCode ou comme vous voulez

L'éditeur

Je vous ai présenté les principales balises de code. Mais il y en a d'autres sur l'éditeur (quand vous écrivez en message, juste au-dessus du bloc d'écriture) que vous pouvez tester. Il est aussi possible d'ajouter des balises, voir ce tuto.

Vous rencontrez un souci avec ce tutoriel ? Venez poser votre question [ici].

Idea N'oubliez pas de lire et de suivre les [règles de la section].

Je soussignée, Isaline, accepte / n'accepte pas [barrez la mention inutile] qu'un directeur reposte le tutoriel "BBCode" tel que je l'ai rédigé.


Dernière édition par Isaline le Mar 14 Juil - 14:37, édité 1 fois
Revenir en haut Aller en bas
[FA] Le BBCode
Page 1 sur 1
 Sujets similaires
-
» lettres qui ne s'affiche pas correctement et bbcode image
» bbcode générateur as2
» Personnalisation du BBCode sous PHPBB2
» Les balises BBCode
» [Annulée] Une sorte de "tableau" dans un Message
Réponse rapide

School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage+