Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
tutoriel:bbcode [Le 05/06/2014, 15:10]
109.223.9.223 [Poster une réponse]
tutoriel:bbcode [Le 07/05/2023, 21:38] (Version actuelle)
107.189.8.133 ancienne révision (Le 11/09/2022, 12:18) restaurée (Vandalisme probable. Restauration -> BeAvEr)
Ligne 1: Ligne 1:
-<​note>​La majeur partie de cette page vient de http://​doc.ubuntu-fr.org/​tutoriel/​howto_forum contributeur Xabilon</​note>​+{{tag>​tutoriel}} 
 +---- 
 + 
 +<​note>​La majeur partie de cette page vient du [[:​tutoriel/​howto_forum|how-to du forum]] par  ​contributeur Xabilon</​note>​
 ====== BBCode ====== ====== BBCode ======
 BBCode est l'​abréviation de Bulletin Board Code, inventé à travers le langage PHP pour éviter les injections HTML et SQL, utilisé pour mettre en forme les messages de forums de discussion. Par abus de langage, les éléments du BBCode sont appelés balises. Le nom d'une balise est délimité par les crochets [ et ], contrairement au HTML où les caractères < et > sont utilisés. Certaines balises ont une propriété,​ aussi appelée attribut, dont la valeur est assignée à la balise elle-même à l'aide du symbole =. BBCode est l'​abréviation de Bulletin Board Code, inventé à travers le langage PHP pour éviter les injections HTML et SQL, utilisé pour mettre en forme les messages de forums de discussion. Par abus de langage, les éléments du BBCode sont appelés balises. Le nom d'une balise est délimité par les crochets [ et ], contrairement au HTML où les caractères < et > sont utilisés. Certaines balises ont une propriété,​ aussi appelée attribut, dont la valeur est assignée à la balise elle-même à l'aide du symbole =.
  
-Source : http://​fr.wikipedia.org/​wiki/​BBCode+Source : [[wpfr>BBCode]]
  
 =====Poster une réponse===== =====Poster une réponse=====
Ligne 16: Ligne 19:
 actuellement dans le forum ubuntu-fr il y a bien le bouton previsualiser en message rapide : et la previsualisation fait passer en mode complet : previsualiser est donc un moyen d'​avoir accès a toutes les fonction actuellement dans le forum ubuntu-fr il y a bien le bouton previsualiser en message rapide : et la previsualisation fait passer en mode complet : previsualiser est donc un moyen d'​avoir accès a toutes les fonction
  
-===Balises BBCode===+=====Balises BBCode=====
  
 Les balises BBCode permettent une mise en forme un peu plus élaborée de vos messages, afin de les rendre un peu plus attractifs que le texte simple. La forme d'une balise BBCode est toujours la même : Les balises BBCode permettent une mise en forme un peu plus élaborée de vos messages, afin de les rendre un peu plus attractifs que le texte simple. La forme d'une balise BBCode est toujours la même :
Ligne 23: Ligne 26:
  
 Les boutons au-dessus de la fenêtre de saisie du message permettent d'​accéder rapidement à certaines balises. Il suffit de cliquer sur la balise choisie, et une fenêtre de dialogue apparaîtra pour saisir le contenu et les éventuels paramètres de celle-ci. Les boutons au-dessus de la fenêtre de saisie du message permettent d'​accéder rapidement à certaines balises. Il suffit de cliquer sur la balise choisie, et une fenêtre de dialogue apparaîtra pour saisir le contenu et les éventuels paramètres de celle-ci.
-==Balise [B] : Bold (Gras)==+====Balise [B] : Bold (Gras)====
 Cette balise permet d'​**afficher le texte en gras**. Cette balise permet d'​**afficher le texte en gras**.
-==Balise [I]  : Italique==+====Balise [I]  : Italique====
 Cette balise permet d'//​afficher le texte en italique//. Cette balise permet d'//​afficher le texte en italique//.
-==Balise [U] : underscore (Souligné)==+====Balise [U] : underscore (Souligné)====
 Cette balise permet de __souligner le texte__. Cette balise permet de __souligner le texte__.
-==Balise [URL] : http:// (hyper-lien)==+====Balise [URL] : http:// (hyper-lien)====
 Cette balise permet d'​inclure un lien vers une autre page n'​importe où sur le web. On peut l'​utiliser de deux façons : Cette balise permet d'​inclure un lien vers une autre page n'​importe où sur le web. On peut l'​utiliser de deux façons :
   [URL]   ​http://​www.lien/​vers/​la/​page.net ​ [/URL]   [URL]   ​http://​www.lien/​vers/​la/​page.net ​ [/URL]
Ligne 38: Ligne 41:
 À noter que, pour les liens internes au forum, on peut utiliser des liens relatifs. À noter que, pour les liens internes au forum, on peut utiliser des liens relatifs.
  
-==Balise [IMG] : Image==+====Balise [IMG] : Image====
 Cette balise permet d'​afficher une image dans le message. L'​image doit obligatoirement être publiquement accessible sur le net. Exemple: Cette balise permet d'​afficher une image dans le message. L'​image doit obligatoirement être publiquement accessible sur le net. Exemple:
  
Ligne 45: Ligne 48:
 Si vous voulez afficher une image personnelle,​ vous devrez donc l'​héberger sur le net, afin que le forum puisse y accéder : Si vous voulez afficher une image personnelle,​ vous devrez donc l'​héberger sur le net, afin que le forum puisse y accéder :
   * soit sur votre serveur personnel   * soit sur votre serveur personnel
-  * soit sur un site d'​hébergement d'​images, comme par exemple ​[[http://​pix.toile-libre.org/​|Toile-libre]], [[http://​imagik.fr/​|Imagik]],​ [[http://​www.casimages.com/​|Casimages]] ...+  * soit sur un site d'​hébergement d'​images ​( voir [[:capture_d_ecran#​heberger_une_capture_d_ecran|héberger une capture d'​écran]] )
 Mettez ensuite l'​adresse de votre image entre les balises image. Mettez ensuite l'​adresse de votre image entre les balises image.
  
Ligne 52: Ligne 55:
 Si vous devez poster des grandes images, optez pour la création de vignette de 150x150 pixels (attention, tous les sites d'​hébergement d'​images ne le font pas). Vous obtiendrez un code à insérer dans votre message, qui affichera une petite vignette de votre image. Une fois le message posté, un clic sur la vignette permettra d'​afficher l'​image en taille réelle. Ceci permet d'​accélérer le chargement des pages du forum, et de rendre les messages plus lisibles. Si vous devez poster des grandes images, optez pour la création de vignette de 150x150 pixels (attention, tous les sites d'​hébergement d'​images ne le font pas). Vous obtiendrez un code à insérer dans votre message, qui affichera une petite vignette de votre image. Une fois le message posté, un clic sur la vignette permettra d'​afficher l'​image en taille réelle. Ceci permet d'​accélérer le chargement des pages du forum, et de rendre les messages plus lisibles.
  
-==Balise [CODE]==+====Balise [CODE]====
 Le texte inséré entre les balises code sera ''​affiché avec une police type "​console"''​. De plus, si la longueur du texte dépasse un certain nombre de lignes, il sera mis dans un cadre avec une barre de défilement sur le côté. Le texte inséré entre les balises code sera ''​affiché avec une police type "​console"''​. De plus, si la longueur du texte dépasse un certain nombre de lignes, il sera mis dans un cadre avec une barre de défilement sur le côté.
  
Ligne 62: Ligne 65:
   [/code]   [/code]
  
-==Balise [QUOTE] : Citation==+====Balise [QUOTE] : Citation====
 Le texte entre les balises est considéré comme une citation. Cette balise est automatiquement utilisée par le bouton "​Citer"​ (voir plus bas). La citation est placée dans un cadre blanc indenté. Le texte entre les balises est considéré comme une citation. Cette balise est automatiquement utilisée par le bouton "​Citer"​ (voir plus bas). La citation est placée dans un cadre blanc indenté.
  
Ligne 69: Ligne 72:
 En début de citation, s'​affichera : **auteur a écrit :** En début de citation, s'​affichera : **auteur a écrit :**
  
-==Balise [VIDEO]==+====Balise [VIDEO]====
 Cette balise permet d'​afficher directement dans le message une vidéo au format géré par la balise vidéo HTML5. Cette balise permet d'​afficher directement dans le message une vidéo au format géré par la balise vidéo HTML5.
  * Firefox et Chromium gèrent assez bien la balise vidéo, dans les formats vidéo usuels et libres ​ (WebM et Ogg-Theora).  * Firefox et Chromium gèrent assez bien la balise vidéo, dans les formats vidéo usuels et libres ​ (WebM et Ogg-Theora).
Ligne 76: Ligne 79:
   * cette balise est donc **à utiliser avec modération**,​ les risques de plantage du navigateur n'​étant pas exclus. Plusieurs vidéos de ce type sur une page rendent également le chargement de celle-ci excessivement lourd et lent.   * cette balise est donc **à utiliser avec modération**,​ les risques de plantage du navigateur n'​étant pas exclus. Plusieurs vidéos de ce type sur une page rendent également le chargement de celle-ci excessivement lourd et lent.
  
-==Balise [APT] : Installation de paquets==+====Balise [APT] : Installation de paquets====
 Cette balise permet, par simple clic, d'​installer un paquet. Cette balise permet, par simple clic, d'​installer un paquet.
   [APT]  nom du paquet ​ [/APT]   [APT]  nom du paquet ​ [/APT]
Ligne 84: Ligne 87:
   * À utiliser avec précaution.   * À utiliser avec précaution.
  
-==Balise [DOC] : Lien vers la documentation==+====Balise [DOC] : Lien vers la documentation====
 Cette balise permet d'​afficher un lien direct vers la page de documentation Ubuntu désirée. Cette balise permet d'​afficher un lien direct vers la page de documentation Ubuntu désirée.
   [DOC]  Thunderbird ​ [/DOC]   [DOC]  Thunderbird ​ [/DOC]
 affichera le lien vers la page de documentation de Thunderbird dans la documentation de ce site. affichera le lien vers la page de documentation de Thunderbird dans la documentation de ce site.
  
-==Balise [LIST] et [*] : Mise en forme de listes==+====Balise [LIST] et [*] : Mise en forme de listes====
 Ces deux balises permettent d'​afficher des items de listes. Elles sont indissociables l'une de l'​autre. Ces deux balises permettent d'​afficher des items de listes. Elles sont indissociables l'une de l'​autre.
   * [LIST=type de liste] délimite la liste et défini son type : à puces, numérique ou alphabétique.   * [LIST=type de liste] délimite la liste et défini son type : à puces, numérique ou alphabétique.
Ligne 95: Ligne 98:
   * les items encadrés par [*] et [/*] doivent se trouver entre balises [LIST]   * les items encadrés par [*] et [/*] doivent se trouver entre balises [LIST]
  
-==Autres balises==+====Autres balises====
   * **[COLOR=couleur]** : permet d'​afficher un texte en couleur. Sont acceptées les noms de couleurs en anglais, ainsi que les codes RGB hexadécimaux.   * **[COLOR=couleur]** : permet d'​afficher un texte en couleur. Sont acceptées les noms de couleurs en anglais, ainsi que les codes RGB hexadécimaux.
   * **[S]** : Texte barré. Permet d'​afficher un texte comme barré, pour, par exemple, bien insister sur une modification ou une erreur à ne pas commettre.   * **[S]** : Texte barré. Permet d'​afficher un texte comme barré, pour, par exemple, bien insister sur une modification ou une erreur à ne pas commettre.
Ligne 102: Ligne 105:
  
  
-===Smileys / Émoticones===+=====Smileys / Émoticones=====
 Les émoticones (ou "​binettes",​ ou encore "​smileys"​) permettent d'​égayer un message, et de rendre à l'​écrit certaines émotions ou intentions propres à l'​expression orale. Les émoticones (ou "​binettes",​ ou encore "​smileys"​) permettent d'​égayer un message, et de rendre à l'​écrit certaines émotions ou intentions propres à l'​expression orale.
  
  • tutoriel/bbcode.1401973826.txt.gz
  • Dernière modification: Le 05/06/2014, 15:10
  • par 109.223.9.223