communauté francophone de joueurs sims
 
AccueilAccueil  Le site  Chaine You Tube  S'enregistrerS'enregistrer  ConnexionConnexion  Dernières imagesDernières images  RechercherRechercher  
-50%
Le deal à ne pas rater :
-50% Baskets Nike Air Huarache
64.99 € 129.99 €
Voir le deal

Partagez
 

 [Fiche] Forumactif - Le BBcode

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Peintre prestigieux
Yuu
Yuu
Peintre prestigieux
Féminin Date d'inscription : 07/05/2012
Age : 27

[Fiche] Forumactif - Le BBcode Empty
MessageSujet: [Fiche] Forumactif - Le BBcode   [Fiche] Forumactif - Le BBcode EmptySam 25 Mai 2013, 15:43



Forumactif - Le BBcode


Le BBcode s'utilise généralement sur les forums. Dans cette fiche, je parlerai uniquement du BBcode disponible sur Forumactif, les codes pouvant varier d'un serveur à l'autre. Le BBcode ne doit pas être confondu avec le HTML et le CSS ! Pour en apprendre plus sur ces deux autres styles de codage, voici la fiche à leur sujet.


I. Le BBcode, en bref

Peut-être que ce nom ne vous dit rien, mais vous devez sûrement connaître le BBcode. Vous voyez tous les "outils" disponibles pour éditer votre texte, au dessus du champ d'écriture d'un message ? Ils servent à mettre du gras, centrer le texte, etc. Ce sont des balises de BBcode. Contrairement aux HTML, qui utilisent des balises de ce genre < >, le BBcode utilise des balises comme ceci [ ].


II. Utiliser le BBcode

Pour écrire un code, il faudra employer les balises de cette façon :

Code:
[b]Mettre le texte en gras[/b]

Décortiquons tout ça. Le texte qui sera modifié par le BBcode doit être entouré par les balises. La première balise est simple : [ ]. Néanmoins, la balise fermant le code doit être écrite comme ça impérativement : [/ ] ! Si le slash n'est pas présent, le code s'appliquera jusqu'à la fin du message. Pour finir, il y a un certain code à placer à l'intérieur de ces balises, qui définira l'effet à appliquer sur le texte.

Pour aller un peu plus loin, vous pouvez également, par exemple, centrer tout votre texte mais ne mettre en gras qu'une partie.

Code:
[center][b]Bla bla bla[/b] bla bla bla bla bla[/center]

D'où l'importance de toujours refermer ces balises si vous ne souhaitez appliquer un effet qu'à un certain endroit du texte !

Forumactif facilite l'édition de texte en vous offrant la possibilité de cliquer sur l'effet de votre choix, ce qui créera automatiquement la première balise au premier clic, et la fermera ensuite au second. Vous pouvez également, à l'aide de votre souris, sélectionner le texte à modifier pour n'avoir à cliquer qu'une fois sur l'effet désiré.

Il est cependant très utile de connaître les différents codes. C'est d'ailleurs un bon début pour l'apprentissage du HTML, qui dispose de codes similaires.


III. Liste du BBcode disponible sur Forumactif

Voici la liste du BBcode disponible sur Forumactif.

Effets de texte

[Fiche] Forumactif - Le BBcode Tuto0110 Permet de mettre le texte en gras. Exemple : Texte.
Code:
[b]Texte[/b]
[Fiche] Forumactif - Le BBcode Tuto0210 Permet de mettre le texte en italique. Exemple : Texte.
Code:
[i]Texte[/i]
[Fiche] Forumactif - Le BBcode Tuto0310 Permet de souligner le texte. Exemple : Texte.
Code:
[u]Texte[/u]
[Fiche] Forumactif - Le BBcode Tuto0410 Permet de barrer le texte. Exemple : Texte.
Code:
[strike]Texte[/strike]
[Fiche] Forumactif - Le BBcode Tuto1810 Permet de changer la taille du texte. Exemple : Texte. (taille 9)
Code:
[size=9]Texte[/size]
[size="Nombre"]Texte[/size]
Plus le nombre entré est grand, plus le texte sera grand ! Sachez cependant que sur forum, il y a souvent une limite de taille (environ 30).
[Fiche] Forumactif - Le BBcode Tuto1910 Permet de changer la couleur du texte. Exemple : Texte. (green : vert)
Code:
[color="Couleur en anglais"]Texte[/color]
Vous pouvez entrer une couleur en anglais ou un code hexadécimal. [ Liste des couleurs ]
[Fiche] Forumactif - Le BBcode Tuto2010 Permet de changer la police du texte. Exemple : Texte. (Police : Impact)
Code:
[font="Nom de la police"]Texte[/font]
Attention, il n'y a que certaines polices qui peuvent être utilisées avec ce code : il s'agit des polices choisies par les administrateurs du forum. Pour utiliser une police téléchargée, il faudra que la police soit rentrée dans les paramètres du forum et seules les personnes qui auront également téléchargé la police pourront la voir, donc ce n'est pas conseillé. Les polices disponibles sont listées par Forumactif en cliquant sur le bouton des polices.


Alignement du texte

[Fiche] Forumactif - Le BBcode Tuto0510 Permet d'aligner le texte à gauche.
Code:
[left]Texte[/left]
[Fiche] Forumactif - Le BBcode Tuto0610 Permet de centrer le texte.
Code:
[center]Texte[/center]
[Fiche] Forumactif - Le BBcode Tuto0710 Permet d'aligner le texte à droite.
Code:
[right]Texte[/right]
[Fiche] Forumactif - Le BBcode Tuto0810 Permet de justifier le texte.
Code:
[justify]Texte[/justify]


Listes, tableaux et mise en page

[Fiche] Forumactif - Le BBcode Tuto0910 Permet de créer une liste.
Code:
[list]Texte[/list]
[Fiche] Forumactif - Le BBcode Tuto1010 Permet de créer une liste ordonnée.
Code:
[list=1]Texte[/list]
Lors de la création de liste, utilisez le code ci-dessous pour créer un point (•) ou un numéro (1. - 2. etc.) avec la liste ordonnée.
Code:
[ * ] sans les espaces
[Fiche] Forumactif - Le BBcode Tuto1110 Permet d'insérer un séparateur, configurable par le CSS. /!\ Code particulier
Code:
Texte[hr]Texte
[Fiche] Forumactif - Le BBcode Tuto1210 Permet d'insérer un tableau
Code:
[table]Texte[/table]
À l'intérieur de votre tableau, utilisez les balises tr pour créer des colonnes et les balises td pour créer des lignes.
Code:
[table][tr][td]Texte[/td][/tr][/table]
Les tableaux étant complexes à utiliser, un autre tutoriel leur sera réservé.

Citer et montrer un code

[Fiche] Forumactif - Le BBcode Tuto1310 Permet de créer une citation. Exemple :
Yuu a écrit:
Voici une citation
Code:
[quote]Texte[/quote] ou [quote="Pseudo"]Texte[/quote]
[Fiche] Forumactif - Le BBcode Tuto1410 Permet de créer une zone désactivant le code (comme utilisé dans ce tutoriel).
Code:
[code]Texte[/code]


Insérer médias, liens et images

[Fiche] Forumactif - Le BBcode Tuto1510 Permet d'insérer une image. (utilisé pour les images ci-contre)
Code:
[img]URL[/img]
[Fiche] Forumactif - Le BBcode Tuto1610 Permet d'insérer un lien (utilisable sur une image). Exemple : Je suis un lien !
Code:
[url="Lien"]Texte[/url]
[Fiche] Forumactif - Le BBcode Tuto1710 Permet d'insérer un fichier flash. (comme une vidéo YouTube par exemple)
Code:
[flash(largeur,hauteur)]URL[/flash]


Divers effets

[Fiche] Forumactif - Le BBcode Tuto2110 Permet de mettre le texte en indice. Exemple : Texte
Code:
[sub]Texte[/sub]
[Fiche] Forumactif - Le BBcode Tuto2110 Permet de mettre le texte en exposant. Exemple : Texte
Code:
[sup]Texte[/sup]
[Fiche] Forumactif - Le BBcode Tuto2110 Permet de mettre le texte en spoiler. (utilisé dans ce tutoriel)
Code:
[spoiler]Texte[/spoiler] ou [spoiler="Texte"]Texte[/spoiler]
[Fiche] Forumactif - Le BBcode Tuto2110 Permet de cacher le texte aux autres membres sauf modos et admins.
Code:
[hide]Texte[/hide]
[Fiche] Forumactif - Le BBcode Tuto2110 Permet de faire défiler le texte horizontalement.
Code:
[scroll]Texte[/scroll]
[Fiche] Forumactif - Le BBcode Tuto2110 Permet de faire défiler le texte verticalement.
Code:
[updown]Texte[/updown]


Cette liste n'est sûrement pas exhaustive.


Dernière édition par Yuu le Mar 24 Mar 2015, 18:04, édité 17 fois
Revenir en haut Aller en bas
Peintre prestigieux
Yuu
Yuu
Peintre prestigieux
Féminin Date d'inscription : 07/05/2012
Age : 27

[Fiche] Forumactif - Le BBcode Empty
MessageSujet: Re: [Fiche] Forumactif - Le BBcode   [Fiche] Forumactif - Le BBcode EmptySam 25 Mai 2013, 15:45

IV. Plusieurs effets sur un texte

Si vous souhaitez appliquer plusieurs effets sur votre texte, par exemple le mettre en gras et le centrer, rien de plus simple. Ouvrez en premier votre première balise pour centrer votre texte. En général, les effets de texte ne sont pas prioritaires, d'où l'ouverture en premier de la balise donnant l'alignement du texte. Après ça, ouvrez également la première balise pour mettre votre texte en gras.

Il vous faudra bien fermer vos balises.
La seule règle ici : toujours fermer la dernière balise en première !
Grâce à ça, vos balises encadreront parfaitement ce qu'il y a à l'intérieur et sinon, elles se chevaucheront !

Code:
[center][b]Tutoriel sur le BBCode[/b][/center]est FAUX !

Code:
[center][b]Tutoriel sur le BBCode[/b][/center] est BIEN !

Pour compléter cette partie, voici un exemple de texte avec une multitudes de balises. Vous remarquerez que les premières balises doivent le plus souvent être les balises d'alignement comme dit plus haut, et j'ai également une préférence pour placer les balises de couleur en seconde position.

Code:
[center][color=orange][b][i][u]Tutoriel sur le BBCode[/u][/i][/b][/color][/center]

   
Tutoriel sur le BBCode

Un exemple de ce qui peut arriver en mettant les balises de couleur en dernières :

Code:
   [center][b][i][u][color=orange]Tutoriel sur le BBCode[/color][/u][/i][/b][/center]

Tutoriel sur le BBCode

En mettant votre balise pour souligner le texte avant la balise de la couleur, le soulignement n'a pas pris en compte la couleur. Bien entendu, si c'était votre but, pourquoi pas !   Wink

Ce tutoriel est désormais terminé ! Surtout, n'oubliez JAMAIS de fermer vos balises : des balises non-fermées pourraient supprimer toute la suite de votre message !

MODE D'EMPLOI

N'hésitez pas à remercier l'auteur de ce tutoriel ou à faire partager votre expérience personnelle. Si vous avez créé quelque chose en suivant le tuto pourquoi pas la poster afin de la montrer à l'auteur

-----------------------------------------

Pour d'éventuelles questions, c'est par ici et si vous souhaitez en apprendre plus sur le sujet, rendez-vous dans la salle travaux pratiques

Bonne journée



Dernière édition par Yuu le Mar 24 Mar 2015, 18:05, édité 6 fois
Revenir en haut Aller en bas
Peintre prestigieux
Yuu
Yuu
Peintre prestigieux
Féminin Date d'inscription : 07/05/2012
Age : 27

[Fiche] Forumactif - Le BBcode Empty
MessageSujet: Re: [Fiche] Forumactif - Le BBcode   [Fiche] Forumactif - Le BBcode EmptyVen 01 Nov 2013, 10:37

Message laissé vide en cas de rajout.


Dernière édition par Yuu le Mar 24 Mar 2015, 18:12, édité 1 fois
Revenir en haut Aller en bas
Admin
Delise
Delise
Admin
Féminin Date d'inscription : 05/04/2012
Age : 45
Localisation : Lyon

[Fiche] Forumactif - Le BBcode Empty
MessageSujet: Re: [Fiche] Forumactif - Le BBcode   [Fiche] Forumactif - Le BBcode EmptySam 17 Mai 2014, 15:11

Yuu, tu as eu le temps d'avancer ?
Revenir en haut Aller en bas
Peintre prestigieux
Yuu
Yuu
Peintre prestigieux
Féminin Date d'inscription : 07/05/2012
Age : 27

[Fiche] Forumactif - Le BBcode Empty
MessageSujet: Re: [Fiche] Forumactif - Le BBcode   [Fiche] Forumactif - Le BBcode EmptyMar 24 Mar 2015, 17:25

Je suis de retour ^^
Je vais me pencher sur le tutoriel tout de suite !
Revenir en haut Aller en bas
Grand artiste du pinceau
Katnat
Katnat
Grand artiste du pinceau
Féminin Date d'inscription : 31/05/2012
Age : 55

[Fiche] Forumactif - Le BBcode Empty
MessageSujet: Re: [Fiche] Forumactif - Le BBcode   [Fiche] Forumactif - Le BBcode EmptySam 28 Mar 2015, 06:53

Merci Yuu ! Very Happy
Revenir en haut Aller en bas
Contenu sponsorisé


[Fiche] Forumactif - Le BBcode Empty
MessageSujet: Re: [Fiche] Forumactif - Le BBcode   [Fiche] Forumactif - Le BBcode Empty

Revenir en haut Aller en bas
 
[Fiche] Forumactif - Le BBcode
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Fiche] Les couleurs du BBcode
» [Débutant] Forumactif - Création d'un forum
» [Apprenti] Forumactif PHPBB2 - Déplacer la chatbox
» [Apprenti] Forumactif, les liens vers les sous-forums
» [Apprenti] Forumactif - Créer un sommaire : faire un lien vers un post

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sims Artists :: Apprentissage :: Informatique et Internet :: Forum, Site "clef en main" et Blog-
Sauter vers: