Balises de structuration
| Icône |
Utilité |
Utilisation |
 |
Permet d'ajouter une ancre sur une portion de texte sélectionnée |
Code : Tout sélectionner[ancre=Nom de l'ancre]Texte sur lequel il y aura une ancre[/ancre]
ATTENTION ! Il peut arriver que la balise "ancre" ne fonctionne pas si le texte (entre les balises) contient certains caractères (tels que des accents, ou des caractères spéciaux...).
Nous vous conseillons de mettre l'ancre uniquement sur la première lettre : même effet garanti !
Notez que, sans la balise "aller=" juste en-dessous, cette balise ne sert pas trop... |
 |
Permet, en cliquant sur une portion de texte sur laquelle figure cette balise, d'aller directement à une ancre présente sur le même sujet
Cette balise peut être substituée par la balise "url". |
Code : Tout sélectionner[aller=Nom de l'ancre]Texte sur lequel il faut cliquer[/aller]
OU ALORS
[url=#nom de l'ancre]Texte sur lequel il faut cliquer[/url]
En général, cette balise est utilisée dans un sommaire afin de naviguer plus rapidement & efficacement !
Par exemple, si vous avez plusieurs sous-parties dont une qui porte l'ancre "reglement", il vous suffit, dans le sommaire, de mettre ce code : Code : Tout sélectionner[aller=reglement]Règlement[/aller]
OU ALORS
[url=#reglement]Règlement[/url]
Le texte n'a pas nécessairement besoin d'être identique à celui de l'ancre.
Le texte sur lequel on doit cliquer ne doit pas comporter de caractère spécial. |
 |
Permet d'ajouter une puce (une nouvelle ligne, un nouvel élément) à une liste (ordonnée ou désordonnée) |
Sans liste, cette balise ne vous servira pas à grand chose... |
 |
- Permet d'ajouter
- une liste désordonnée
- à votre message
|
Code : Tout sélectionner[list=circle|disc|square][*]Element de la liste
[*]Encore un autre élément[/list]
Les listes désordonnées ne sont pas numérotées ou rangées dans un ordre précis, ce qui est utile si vous souhaitez juste énumérer des choses.
Comme vous le constatez, la présence de la balise des puces est indispensable.
Vous pouvez personnaliser l'apparence des puces (l'espèce de petit truc qui apparaît avant chaque élément) de trois manières :
→ par cercle vide : dans ce cas, vous devez mettre "list=circle"
→ par cercle plein : là, il faut mettre "list=disc"
→ par carré plein : & ici, "list=square" doit apparaître |
 |
- Permet d'ajouter
- une liste ordonnée
- à votre message
- qui peut
- contenir
- tout plein
- d'éléments
|
Les listes ordonnées sont numérotées ou rangées dans un ordre précis.
Vous avez quatre moyens d'ordonner vos éléments :
→ par chiffre arabe : dans ce cas, vous devez mettre "list=1"
→ par chiffre romain : ici, vous devez mettre "list=I" (un "i" majuscule)
→ par lettre majuscule : il faut simplement mettre "list=A"
→ par lettre minuscule : dans ce cas, nous avons "list=a" |
 |
Permet d'ajouter des tabulations |
Code : Tout sélectionner[tab=Nombre en pixels]Texte sur lequel il y aura une tabulation[/tab]
Si vous collez deux textes ayant des tabulations différentes (quand vous écrivez votre message), le second texte ira automatiquement à la ligne (logique) ! |
En plus de ces balises, vous avez également à votre dispositions celles-ci :
(& la balise variante 
)- rowspan & colspan
Si vous ne l'aviez pas deviné, ces balises vont vous permettre de
construire des tableaux (comme ceux qui ornent ce guide). Malgré qu'elles soient plusieurs, leurs diverses utilisations sont très simples & nous allons voir cela ensemble.
Sachez également que, pour un maximum de lisibilité, il vous est conseillé de faire votre tableau "ligne par ligne" & pas tout sur une même ligne.
I) La balise
C'est la balise la plus simple puisqu'elle s'utilise comme la grande majorité de toutes les balises ! En effet, tout ce qui est contenu dans cette balise formera votre tableau. De ce fait, en appuyant sur le bouton de la balise, vous aurez une balise ouvrante & une balise fermante (que vous pouvez saisir manuellement également).
Code : Tout sélectionner[table]Votre tableau se trouve ici (avec toutes les balises row & col)[/table]
Notez que si vous utilisez cette balise mais qu'aucune balise row
et col ne se trouve à l'intérieur, les balises d'ouverture & de fermeture du tableau
s'afficheront comme si c'était du texte normal dans votre message : assurez-vous de...
créer un tableau à l'intérieur !
II) La balise
Dès lors que vous aurez ajouté une balise "table", la première balise qui devra venir ensuite est une balise "row" ! En effet, tout ce qui est contenu dans une balise "row" est sur la même ligne ! Cela veut dire que la structure d'un tableau à une ligne sera :
Néanmoins, si vous tentez d'utiliser ce code, vous allez vous apercevoir qu'un simple texte "Le contenu de votre ligne" va s'afficher sans l'ombre d'une cellule de tableau... rassurez-vous, c'est normal !
En effet, vous avez certes intégré une ligne, mais votre tableau ne dispose pas encore d'une (ou plusieurs) colonne(s), élément indispensable pour bien délimiter votre tableau !
III) Les balises &
Ces deux balises servent à créer des colonnes ("col", "colonne", pas dur à deviner...) ! Voici une brève présentation de celles-ci, en sachant que la seconde est un peu plus personnalisable !
Que ce soit "col" ou "colcolor", elles sont à placer dans les balises "row" uniquement & autant de fois que vous souhaiterez de cellules sur votre ligne.
Par exemple, pour un tableau à une ligne & à une colonne (ou cellule), vous aurez cette structure :
Vous vous demandez sûrement à quoi sert
, n'est-ce pas ? C'est très simple : elle sert à mettre une couleur de fond dans la cellule concernée !
Code : Tout sélectionner[table]
[row]
[col]Une cellule ![/col]
[colcolor=#946ddb]Une cellule à fond coloré ![/colcolor]
[/row]
[/table]
| Une cellule ! |
Une cellule à fond coloré ! |
Bien évidemment, & comme vous l'avez remarqué dans ce guide, vous pouvez utiliser toutes les balises possibles dans une cellule, que ce soit une taille de police énorme ou un surlignage, en passant par l'ajout d'une vidéo Youtube !
Notez également que rien ne vous oblige à garder le même nombre de cellules (& donc de colonnes) dans chaque ligne : ce tableau, c'est le vôtre.
IV) Les balises dites "de fusion" : 
Un autre moyen de personnaliser votre tableau est de fusionner des cellules ! En effet, il vous arrivera sûrement d'en avoir besoin quand vous ferez des tableaux récapitulatifs, par exemple (si vous devez en faire un jour...). Plutôt qu'un long discours, voici un exemple de tableau à deux lignes & deux colonnes, mais avec la première colonne qui ne contient qu'une "grosse" cellule plutôt que deux petites cellules :
Code : Tout sélectionner[table]
[row][rowspan=2]Deux cellules mixées (1e colonne)[/rowspan]
[col]Cellule de la deuxième colonne[/col]
[/row]
[row]
[col]Cellule de la deuxième colonne[/col]
[/row]
[/table]
| Deux cellules mixées (1e colonne) |
Cellule de la deuxième colonne |
| Cellule de la deuxième colonne |
Comme vous le constatez, la balise
se met dans une balise row. Ce n'est pas nécessairement la première ligne du tableau mais c'est dans la première ligne de la fusion ! Par exemple, si vous souhaitez fusionner votre troisième & votre quatrième ligne, vous mettrez la balise rowspan dans la balise row de la troisième ligne.
Elle s'utilise de cette manière :
Code : Tout sélectionner[rowspan=Nombre de lignes à fusionner]Texte qui s'affichera dans l'unique cellule[/rowspan]
Ceci est également possible avec une fusion horizontale, & c'est le rôle de la balise
. Contrairement à la balise rowspan, elle s'utilise en substitution de la balise "col" ! Par exemple, faisons un tableau avec trois colonnes & deux lignes... mais avec les deux dernières colonnes fusionnées pour la première ligne.
Code : Tout sélectionner[table]
[row]
[col]Première cellule, première ligne[/col]
[colspan=2]Deuxième cellule, première ligne[/colspan]
[/row]
[row]
[col]Première cellule, deuxième ligne[/col]
[col]Deuxième cellule, deuxième ligne[/col]
[col]Troisième cellule, deuxième ligne[/col]
[/row]
[/table]
| Première cellule, première ligne |
Deuxième cellule, première ligne |
| Première cellule, deuxième ligne |
Deuxième cellule, deuxième ligne |
Troisième cellule, deuxième ligne |
Elle s'utilise de cette manière :
Code : Tout sélectionner[colspan=Nombre de colonnes à fusionner]Texte qui s'affichera dans l'unique cellule[/colspan]
& enfin, pour la dernière information utile, sachez que vous pouvez colorer des cellules fusionnées. Le placement de ces balises est le même, mais le fonctionnement diffère un peu dans la mise en forme. Nous vous laissons constater avec vos propres yeux ! Ah &, on parle ici des balises
&
.
N'oubliez pas de refermer la balise COLOR si vous l'utilisez, & à ne pas juste refermer la balise "normale". On ferme un colspancolor avec un /colspancolor, pas un /colspan !Code : Tout sélectionner[rowspancolor=Nombre de lignes à fusionner, #CodeCouleur]Votre petit blabla[/rowspancolor]
[colspancolor=Nombre de colonnes à fusionner, #CodeCouleur]Votre petit blabla[/colspancolor]
V) Quelques exemples de tableaux
Pour accéder aux divers exemples, il faut dérouler le spoiler ci-dessous !
► Afficher le texte
Tableau à deux lignes contenant chacune deux cellules : Code : Tout sélectionner[table]
[row]
[col]Première cellule de la première ligne[/col]
[col]Deuxième cellule de la première ligne[/col]
[/row]
[row]
[col]Première cellule de la deuxième ligne[/col]
[colcolor=#e9b7a8]Deuxième cellule de la deuxième ligne (colorée, en plus)[/colcolor]
[/row]
[/table]
| Première cellule de la première ligne |
Deuxième cellule de la première ligne |
| Première cellule de la deuxième ligne |
Deuxième cellule de la deuxième ligne (colorée, en plus) |
Tableau à trois lignes dont la première & la troisième ont deux cellules, & la deuxième n'en a qu'une : Code : Tout sélectionner[table]
[row]
[col]Première cellule de la première ligne[/col]
[col]Deuxième cellule de la première ligne[/col]
[/row]
[row]
[colcolor=#c1b5ed]Unique cellule (& colorée) de la deuxième ligne[/colcolor]
[/row]
[row]
[col]Première cellule de la troisième ligne[/col]
[col]Deuxième cellule de la troisième ligne[/col]
[/row]
[/table]
| Première cellule de la première ligne |
Deuxième cellule de la première ligne |
| Unique cellule (& colorée) de la deuxième ligne |
| Première cellule de la troisième ligne |
Deuxième cellule de la troisième ligne |
Tableau à trois lignes & trois colonnes, avec les premières cellules des deux dernières lignes qui sont fusionnées, & pour la première ligne, une fusion des deux dernières colonnes : Code : Tout sélectionner[table]
[row]
[col]Première cellule de la première ligne[/col]
[colspancolor=2, #adadad]Deuxième cellule de la première ligne, à fond gris[/colspancolor]
[/row]
[row][rowspan=2]Premières cellules des deux dernières lignes[/rowspan]
[col]Deuxième cellule de la deuxième ligne[/col]
[col]Troisième cellule de la deuxième ligne[/col]
[/row]
[row]
[col]Deuxième cellule de la troisième ligne[/col]
[col]Troisième cellule de la troisième ligne[/col]
[/row]
[/table]
| Première cellule de la première ligne |
Deuxième cellule de la première ligne, à fond gris |
| Premières cellules des deux dernières lignes |
Deuxième cellule de la deuxième ligne |
Troisième cellule de la deuxième ligne |
| Deuxième cellule de la troisième ligne |
Troisième cellule de la troisième ligne |
