Tutoriel : les balises

[Imryss]

Je crée ce tutoriel pour permettre à tout ceux qui ne sont pas encore très coutumier des forums à se familiariser avec le systèmes des balises. Les balises sont l'ensemble des caractères spéciaux qui encadrent un texte pour le modifier. La plupart des balises sont accessibles par l'ensemble des boutons au dessus du cadre de texte quand vous poster (insérer lien, texte aligné à gauche, etc...) mais il peut être bien de savoir exactement comment elles fonctionnent pour se faciliter la vie.
Je vais ici vous présenter l'ensemble des balises du forum et la manière de les utiliser.

Tout d'abord je vais commencer par la balise code. Généralement c'est une balise qui est très peu utilisé sauf pour expliquer les autres balises, ce qui est notre cas ici . En effet la balise de code permet d'afficher les autres balises :

Code:

[code]exemple.[/code]

Là j'ai appliqué deux fois la balise code, la première est l'ensemble des caractères présents autour du mot "exemple" et la deuxième est celle qui a produit son effet visuel. Je vais vous présenter toute les balises suivantes à l'aide de la balise de code.

La balise de gras permet de mettre vos textes en gras, tout simplement :

Code:

[b]exemple.[/b]

exemple.

La balise italique vous permet de mettre vos textes en italique :

Code:

[i]exemple.[/i]

exemple.

A ce stade je pense que vous aurez compris que les balises fonctionnent toute sur le même modèle :
[nomdelabalise]texte[/nomdelabalise]

La balise souligné :

Code:

[u]exemple.[/u]

exemple.

La balise barré :

Code:

[strike]exemple.[/strike]

exemple.

La balise aligné à gauche :

Code:

[left]exemple.[/left]

exemple.

La balise centrer :

Code:

[center]exemple.[/center]

exemple.

La balise aligner à droite :

Code:

[right]exemple.[/right]

exemple.

La balise justifier (faire en sorte que les lignes du texte soient au même niveau à droite et à gauche) :

Code:

[justify]exemple.[/justify]

exemple.

Les balises d'alignement du texte sont plus visibles sur des paragraphes mais je n'avais pas envie d'encombrer d'avantage ce post.

La balise liste vous permet de faire des listes à puce:

Code:

[list][*]exemple [*]exemple.[/list]

• exemple
• exemple.

Comme vous le voyez, il faut mettre [*] devant chaque élément que vous voulez lister à l'intérieur des balises.

La balise de liste ordonné est sensiblement ressemblante à la balise de liste sauf qu'elle utilise des numéros :

Code:

[list=1][*]exemple[*]exemple[/list]

1. exemple
2. exemple

Note : changer le numéro au début de la balise ne change pas le numéro des puces et rend la balise inopérante.

La balise d'insertion d'une ligne est une des seuls à ne pas concerner le texte, elle se contente d'insérer une ligne :

Code:

[hr]

---

La balise de citation vous permet de rapporter les propos de quelqu'un d'autre :

Code:

[quote]exemple.[/quote]

exemple.

Lorsqu'a l'intérieur de la première balise vous insérez ="nomdelapersonne", le nom de la personne va apparaitre :

Code:

[quote="Richard"]Les tomates triompheront![/quote]

Les tomates triompheront!

La balise de tableau vous permet de créer un tableau, comme son nom l'indique . Lorsque vous cliquez sur l'icône du tableau il va vous demander la longueur et la largeur du tableau et va vous créer automatiquement les bonnes balises. Comme vous pouvez le voir les balises du tableau sont un peu plus complexe que les précédentes. Le nombre de ligne correspond au nombre de lignes dans le tableau et le nombre de [td][/td] dans chaque ligne correspond au nombre de colonne. Vous pouvez les modifier à la main en rajoutant ou supprimant de ces balises à l'intérieur des balises du tableau.
Le numéro au début de la balise de tableau indique l'épaisseur de soulignement de contoure du tableau. Vous pouvez la modifier à votre convenance.

Code:

[table border="1"]
[tr]
[td] salut[/td][td]salut [/td][td] salut[/td][td] salut[/td][td]salut [/td]
[/tr][tr]
[td]salut [/td][td]salut [/td][td]salut [/td][td]salut [/td]
[/tr][tr]
[td]salut [/td][td]salut [/td][td]salut [/td][td]salut [/td][td]salut [/td]
[/tr][tr]
[td]salut [/td][td]salut [/td][td]salut [/td][td]salut [/td][td]passoire [/td]
[/tr][tr]
[td]salut [/td][td]salut [/td][td]salut [/td][td]salut [/td][td]salut [/td]
[/tr]
[/table]

salut	salut	salut	salut	salut
salut	salut	salut	salut
salut	salut	salut	salut	salut
salut	salut	salut	salut	passoire
salut	salut	salut	salut	salut

La balise héberger une image vous permet d'insérer dans votre post une image provenant de votre ordinateur. Pour cela vous devez cliquer sur le bouton de la balise, là une fenêtre s'ouvre avec notamment un bouton "parcourir" qui vous permet de chercher l'image sur votre pc. Une fois cela fait, cliquez sur envoyer et attendez le temps que l'image se charge (il n'y a pas de barre de progression). Une fois que c'est fini, l'encadré vous donne le texte à isnérer dans votre post pour faire apparaitre l'image.
Je ne peux pas vraiment vous faire de démonstration visuelle ici.

La balise d'insertion d'image vous permet d'insérer une image dans votre post depuis une adresse internet. Pour l'utilisez soit vous pouvez écrire directement les balises à la main, soit vous pouvez cliquer sur le bouton de la balise et coller l'adresse internet de l'image dans l'encadré affiché :

Code:

[img]http://ecthoren.edres74.net/IMG/jpg/imaghe_bebe_fennec.jpg[/img]

La balise de lien vous permet d'insérer un lien vers une autre page internet. Là encore vous pouvez utiliser directement les cadres présent lorsque vous cliquez sur le bouton de lien ou taper les balises à la main :

Code:

[url=http://recoins-multivers.forums-actifs.com/forum.htm]http://recoins-multivers.forums-actifs.com/forum.htm[/url]

https://recoins-multivers.forums-actifs.com/forum.htm
En modifiant le texte entre les deux balises vous pouvez faire apparaitre du texte à la place de l'adresse (là encore vous pouvez utiliser le cadre du bouton de la balise) :

Code:

[url=http://recoins-multivers.forums-actifs.com/forum.htm]les recoins du multivers[/url]

les recoins du multivers

La fonction de la balise flash m'est encore mystérieuse

La balise insérer une vidéo permet d'insérer une vidéo depuis un des sites suivant : youtube, dalymotion ou google video. Vous pouvez utiliser directement les balises ou bien le cadre du bouton de la balise. Vous devez bien entendu au préalable chercher la vidéo sur internet :
[youtube]https://www.youtube.com/watch?v=qB0qOXiq4sQ[/youtube ] (il y a un problème avec la balise de code alors j'ai rajouté un espace à la fin de la balise pour la rendre visible)

Bien entendu adaptez le nom des balises en fonction du site utilisé.

La balise de taille du texte vous permet de changer la taille de votre texte en très petit, petit, normal, grand, très grand :

Code:

[size=7]exemple[/size]
[size=9]exemple[/size]
[size=12]exemple[/size]
[size=18]exemple[/size]
[size=24]exemple[/size]

exemple
exemple
exemple
exemple
exemple
Pas la peine d'essayer d'autres tailles de texte, le forum ne connait que celles-là.

La balise de couleur vous permet de colorer votre texte. Vous pouvez choisir parmi la liste proposé lorsque vous cliquez sur le bouton de la balise, mais vous pouvez aussi manuellement mettre d'autres couleurs (voir les couleurs) :

Code:

[color=red]exemple.[/color]

exemple.

La balise de police vous permet de changer la police de caractère de votre texte. Le menu défilant du bouton de la balise vous indique certaines polices mais vous pouvez mettre n'importe quel police installé sur votre ordinateur en insérant son nom dans la balise (voir polices de caractère) :

Code:

[font=Comic Sans Ms]exemple.[/font]

exemple.

En cliquant sur le bouton "autre" vous pouvez accéder à d'autres balises moins utilisés.

Indice vous permet de mettre quelque chose en indice :

Code:

exemple[sub]3[/sub].

exemple₃.

Même principe pour la balise exposant :

Code:

exemple[sup]3[/sup].

exemple³.

La balise spoiler vous permet de mettre une partie de votre post en caché. Il ne deviens visible que si on clique sur le "spoiler" qui apparait :

Code:

[spoiler]surprise![/spoiler]

Spoiler:

La fonction de la balise caché ne m'apparait pas très clairement pour le moment :

Code:

[hide]exemple[/hide]

Défilement horizontal et vertical font défiler votre texte horizontalement et verticalement (si si )

Code:

[scroll]exemple.[/scroll]

exemple.

Code:

[updown]exemple.[/updown]

exemple.

La balise aléatoire vous permet de générer un nombre aléatoire compris entre les deux nombres inclus dans la balise et séparés par une virgule. Si vous ne mettez qu'un seul nombre, il choisira une valeur entre 1 et le nombre choisis :

Code:

[rand]2,5[/rand]

Nombre aléatoire (2,5) : 2

La balise wow n'est utile que dans certaines conditions assez spéciales puisqu'elle vous fait apparaitre l'icône de l'objet du jeu pc Wolrd Of Warcraft correspondant au numéro présent dans la balise :

Code:

[wow]3872[/wow]

[wow]3872[/wow]

Et voila nous en avons fini avec ce tutoriel. Si vous avez des question ou des commentaires je vous invite à venir en discuter ici