Les balises d'un forum

[Ambiguity]

Salut tout l'monde,

Voilà, un p'tit post bien pratique pour formater les posts sur un fofo: un sujet traitant des différentes balises que l'on peut intégrer afin de rendre plus lisible ce que l'on écrit.

• La balise de code, que je vais employer tout au long du tuto:
  

  Code:

  Elle s'écrit de la manière suivante: [code](Vos balises)[/code] et vous permet d'afficher une "boîte" comme celle-ci, annulant la mise en oeuvre de la balise introduite.

  
  
• Les différentes balises d'écriture:
  

  Code:

  La balise d'écriture en gras: [b](Texte)[/b]
La balise d'écriture italique: [i](Texte)[/i]
La balise d'écriture soulignée: [u](Texte)[/u]
La balise d'écriture barrée: [strike](Texte)[/strike]

  Au résultat, vous pouvez obtenir un texte koussa.
  
  
• Les balises de typo et de taille d'écriture:
  

  Code:

  La balise de typo se tape [font=(Typo souhaitée)](Texte)[/font] et vous permet de modifier le type d'écriture (passer de l'ariane au verdana, etc). La balise de taille, quant à elle, se tape [size=(taille souhaitée)](Texte)[/size] et vous permet de modifier la taille du texte souhaité (à savoir que généralement, c'est d'ailleurs le cas ici, la taille des lettres est à la valeur 12).

  Le texte ainsi obtenu peut ressembler à ça.
  
  
• Quelques autres balises classiques, telles celles de citation ou d'url:
  

  Code:

  La fameuse balise de citation se tape [quote="(Auteur)"](Citation)[/quote], et ne requiert pas nécessairement la valeur d'auteur (vous pouvez ainsi tout simplement taper [quote](Citation)[/quote]). La balise d'url, quant à elle, se tape [url](Adresse url)[/url] et permet d'introduire une adresse internet; vous pouvez également la dissimuler derrière quelques mots en tapant [url=(Adresse url)](Texte)[/url].

  Vous pouvez ainsi obtenir, pour l'url: https://thenudes.1fr1.net/forum.htm ou Forum des Nudes;
  et pour la citation:
  

  Deux choses sont infinies: l'univers, et la connerie humaine. Et encore, pour l'univers, je n'en suis pas sûr.

  
  
• La balise d'image:
  

  Code:

  Afin d'insérer une image, il suffit d'entrer [img](Adresse de l'image)[/img]. S'il s'agit d'une image sur votre ordinateur, mais dont vous ne possédez pas l'url, employez un hébergeur d'image (tel ImageShack) afin d'en obtenir une url (attention, prenez le LIEN DIRECT vers l'image, le lien tout court affiché peut renvoyer vers une page net toute présentée de l'hébergeur et non l'image en elle-même).

  Bon, y'a pas besoin de vous faire un dessin pour l'exemple, zieutez les sujets de screen L'hébergeur d'image que vous utiliserez n'a aucune importance, tant que vous disposez du lien direct. Personnellement, j'utilise ImageShack (cliquez dessus), au cas où vous n'ayez aucun hébergeur particulier sous la main (attention, sur celui-ci, n'oubliez pas d'employer le lien direct dans la balise [img]!).
  
  
• Les balises de couleur et d'alignement:
  

  Code:

  La classique balise de couleur se rédige [color="(couleur souhaitée)"](Texte)[/color], et peut incorporer deux valeurs quant à la couleur souhaitée: soit son nom (orange, jaune...) EN ANGLAIS (donc orange, yellow...), soit sa valeur hexadécimale (par exemple, #FF0000 pour le rouge). Pour les balises d'alignement, vous avez les balises [left](Texte à aligner à gauche)[/left], [center](Texte à centrer)[/center] et [right](Texte à aligner à droite)[/right].

  Vous êtes alors susceptible de rencontrer ces exemples:
  Exemple avec valeur de couleur sur l'intitulé (donc rouge)
  Exemple avec valeur de couleur sur l'hexadécimal
  (A savoir que, dès que de les balises d'alignement sont introduites, il n'est pas nécessaire de sauter une ligne car ceci est automatiquement réalisé.)
  
  
• La balise de spoiler:
  

  Code:

  Il suffit d'intégrer dans le corps de votre message ceci: [spoiler](Texte)[/spoiler]. Cette balise vous permet ainsi de dissimuler un texte, lequel peut s'afficher lorsque l'on clique sur la p'tite boîte de spoiler. (Les autres balises sont actives à l'intérieur.)

  Spoiler:

  
  
• La balise de liste, employée également dans ce sujet:
  

  Code:

  Elle se tape tout simplement [list](Votre liste)[/list] et peut incorporer diverses valeurs. Vous pouvez incorporer des chiffres ou lettres (ainsi que des chiffres romains via les lettres majuscules), par exemple [list=1](Liste)[/list], [list=II](Liste)[/list], [List=C](Liste)[/list], ... Vous pouvez également incorporer des puces en entrant [*], qui ne requiert pas de fermeture (donc, pas besoin d'entrer [/*]).

  Le sujet à part entière constitue un exemple de liste avec puces; créer un exemple pour les listes 1, II, C... serait un poil long, mais z'avez compris l'fonctionnement. Des majuscules comme minuscules peuvent être employées dans la valeur list=(?).
  
  
• La balise de tableau (devenue assez chiante d'utilisation, comparé à auparavant):
  

  Code:

  Elle requiert l'insertion de [table border ="(?)"] (la valeur inconnue n'a aucune importance, elle vous permet surtout de donner un titre pour vous organiser, que les autres ne verront pas) et se ferme avec [/table]. Elle est devenue lourde à employer lorsqu'on n'y est pas habitué(e), car elle requiert de nombreuses ouvertures et fermetures d'autres balises propres à elle-même. Ainsi, pour insérer une cellule de tableau, vous devrez rentrer [td] [/td] (l'espace entre deux étant destiné à ce que vous souhaitez insérer dans la case associée), et pour insérer une ligne, vous devrez entrer [tr], sauter une ligne (dans laquelle vous intègrerez vos cellules [td]), puis fermer avec [/tr] sur la ligne suivante. Si vous souhaitez ajouter une nouvelle ligne, ouvrez à nouveau [tr] sur la ligne où vous avez fermé la précédente; quant à l'insertion de cellules, elles peuvent être disposées sur une seule et même ligne (vous pouvez caler des espaces entre chaque ouverture et fermeture d'une nouvelle cellule afin de rendre plus lisible votre formatage). Fermez ensuite la balise avec [/table] sur une ligne à part, lui étant réservée.
Expliqué comme ça, c'est difficile. Voyez donc l'exemple ci-dessous, détaillé dans son boîtier de code.

  Vous pourrez ainsi dresser un tableau tel que celui-ci (à noter que, via les raccourcis au-dessus de votre message, vous obtiendrez l'écriture régulière des balises, autrement dit rédigée de la même manière que dans le boîtier de code de l'exemple):
  

  Personnage	Classe	Niveau	Elément
  Sylus	Enutrof	114	Eau
  Quiver	Sadida	65	Feu/eau (dommages)

  Code:

  Voici l'écriture nécessaire à ce tableau:
[table border="1"]
[tr]
[td]Personnage[/td] [td]Classe[/td] [td]Niveau[/td] [td]Elément[/td]
[/tr][tr]
[td]Sylus[/td] [td]Enutrof[/td] [td]114[/td] [td]Eau[/td]
[/tr][tr]
[td]Quiver[/td] [td]Sadida[/td] [td]65[/td] [td]Feu/eau (dommages)[/td]
[/tr]
[/table]

  (Petite astuce: vous pouvez insérer d'autres balises au sein même des cellules du tableau afin de le personnaliser. SURTOUT, n'oubliez pas de les caler entre l'ouverture et la fermeture de [td], sinon vous allez foutre en l'air l'intégralité du formatage et devoir recommencer, ce qui est horriblement chiant vu tout ce qu'il faut y mettre, parfois.)
  
  
• La balise d'adresse mail:
  

  Code:

  Il suffit d'incorporer, dans le corps de votre message, la balise [email](Adresse)[/email]. A l'image des urls, vous pouvez également dissimuler une adresse mail derrière quelques mots de la manière suivante: [email=(Adresse)](Texte)[/email].

Même si généralement, ces balises sont connues, ça aide toujours quand on n'y est pas habitué. ^^
Pour terminer, un p'tit truc: faites attention lorsque vous insérez vos balises. Veillez à l'ordre d'ouverture et fermeture: ainsi, si vous souhaitez ouvrir une balise de couleur en premier lieu, puis que vous ouvrez une balise d'écriture soulignée, fermez d'abord celle d'écriture soulignée puis celle de couleur. Autrement dit:

Code:

Illustration: [color=#FF0000][u](Texte)[/u][/color] = ordre correct d'ouverture et fermeture des balises.
En revanche: [color=red][u](Texte)[/color][/u] = ordre incorrect, risque de conflit de balises.

Certains faux-rhums ne supportant pas le conflit de balises, votre formatage risque d'être ruiné. Relisez-vous donc, au cas où!

Allez, bonne continuation!

[Edelwire]

Très bonne idée je trouve pour ceux qui ont un peu de mal Je passe ton sujet en post it.

[Ambiguity]

Béh, au départ, c'était pour exposer les balises les plus fréquentes (celles présentes plus haut) et, surtout, afficher quelques-unes moins communes (acronym, line, topic, refer... La refer était très particulière). M'enfin, pendant la rédaction du sujet, j'ai fini par comprendre que ça relevait du contenu personnalisé; quoi qu'il en soit, si ça peut au moins servir de rappel ou informer les moins accoutumés aux faux-rhums, c'machin n'aura pas été fait pour rien. ^^

[Rekha]

Merci beaucoup Sylus c'est bien pratique. Y'a juste la balise de liste que je n'arrive pas bien à maîtriser.

[Ambiguity]

Nouvelle mise à jour du sujet, avec l'ajout de la balise de tableau. D'ordinaire, elle était très simple d'utilisation (tout se passait via le raccourci au-dessus des messages pour ajouter/retirer une colonne ou ligne), mais désormais elle est devenue assez lourde à insérer. Si vous avez de quelconques questions ou désirez des explications, n'hésitez pas, l'objectif de ce sujet étant de rendre le plus clair possible l'emploi des balises de faux-rhum afin d'en faciliter la lecture et la clarté.

[Contenu sponsorisé]