[Tutorial] Les tableaux sur les forums SA-MP.com
#1

[CENTER][SIZE="5"][COLOR="Sienna"]LES TABLEAUX SUR LES FORUMS SA-MP.COM[/COLOR][/SIZE][/CENTER]



Les forums SA-MP.com permettent l'utilisation d'un langage spйcifique aux forums qui est le BBCode.
Ce BBCode permet de mettre en page les textes qui sont envoyйs sur les forums, et c'est а l'aide de cet outil que vous allez pouvoir mettre en forme des tableaux qui peuvent s'avйrez trиs pratiques pour divers types de prйsentations de partage de ressources ou autre.



[SIZE="4"][COLOR="Sienna"]LA BALISE [TTABLE][/COLOR][/SIZE]
De base le moteur vBulletin qui est utilisй par SA-MP.com permet l'utilisation des tableaux via BBCode sous la balise [table], qui est tout bкtement la mкme qu'en HTML, mais spйcifiquement sur ces forums cette balise est useless (inutilisable).

A la place nous allons utiliser la balise [ttable] qui permet le mкme rйsultat final que la balise [table].

Voici donc un code dйjа "prйmвchй", qui va nous servir а expliquer un peu le fonctionnement de cette balise:
[html]
[ttable]
[tr]
[td]Titre 1[/td]
[td]Titre 2[/td]
[/tr]

[tr]
[td]Valeur A1[/td]
[td]Valeur B1[/td]
[/tr]

[tr]
[td]Valeur A2[/td]
[td]Valeur B2[/td]
[/tr]

[tr]
[td]Valeur A3[/td]
[td]Valeur B3[/td]
[/tr]
[/ttable]
[/html]

Ce qui donne:
[ttable]
[tr]
[td]Titre 1[/td]
[td]Titre 2[/td]
[/tr]

[tr]
[td]Valeur A1[/td]
[td]Valeur B1[/td]
[/tr]

[tr]
[td]Valeur A2[/td]
[td]Valeur B2[/td]
[/tr]

[tr]
[td]Valeur A3[/td]
[td]Valeur B3[/td]
[/tr]
[/ttable]

[COLOR="Sienna"]A NOTER QUE[/COLOR]: En HTML nous aurions pu utiliser la balise <th> pour reprйsenter les titres des colonnes, mais visiblement en BBCode le [th] n'est pas pris en compte.


Maintenant voici la fonction de chacune des balises qui ont йtйs utilisйes dans ce bout de code:
  • Les balises [table] et [/table]: elles permettent de dйlimiter le dйbut et la fin du tableau.
  • Les balises [tr] et [/tr]: elles dйlimitent les cellules d'une mкme ligne d'un tableau.
  • Les balises [td] et [/td]: elles entourent chaque cellule d'un tableau.

[SIZE="4"][COLOR="Sienna"]POUR CONCLURE[/COLOR][/SIZE]
Normalement avec ces informations vous devriez кtre en mesure de faire de beaux tableaux pour prйsenter vos projets, vos ressources, ou tout autre!

Voici quand mкme quelques exemples de tableaux sympa que j'ai fais rapidement:

[COLOR="Sienna"]Un exemple de tableau pouvant servir pour une liste de membres et de rфles.[/COLOR]
[ttable]
[tr]
[td]Pseudo[/td]
[td]Rфle[/td]
[/tr]

[tr]
[td]Pseudo1[/td]
[td][COLOR="DarkRed"]Fondateur[/COLOR][/td]
[/tr]

[tr]
[td]Pseudo2[/td]
[td][COLOR="Red"]Administrateur[/COLOR][/td]
[/tr]

[tr]
[td]Pseudo3[/td]
[td][COLOR="SeaGreen"]Modйrateur[/COLOR][/td]
[/tr]

[tr]
[td]Pseudo4[/td]
[td]Membre[/td]
[/tr]
[/ttable]
[html]
[ttable]
[tr]
[td]Pseudo[/td]
[td]Rфle[/td]
[/tr]

[tr]
[td]Pseudo1[/td]
[td][COLOR="DarkRed"]Fondateur[/COLOR][/td]
[/tr]

[tr]
[td]Pseudo2[/td]
[td][COLOR="Red"]Administrateur[/COLOR][/td]
[/tr]

[tr]
[td]Pseudo3[/td]
[td][COLOR="SeaGreen"]Modйrateur[/COLOR][/td]
[/tr]

[tr]
[td]Pseudo4[/td]
[td]Membre[/td]
[/tr]
[/ttable]
[/html]

[COLOR="Sienna"]Un exemple de tableau pouvant servir pour une liste de releases.[/COLOR]
[ttable]
[tr]
[td]Version[/td]
[td]Date de mise а jour[/td]
[td]Lien de tйlйchargement[/td]
[/tr]

[tr]
[td][SIZE="4"]1.0[/SIZE][/td]
[td]06/08/2014[/td]
[td]MEDIAFIRE | MEGA
[/tr]

[tr]
[td][SIZE="4"]1.1[/SIZE][/td]
[td]07/08/2014[/td]
[td]MEDIAFIRE | MEGA
[/tr]

[tr]
[td][SIZE="4"]1.2[/SIZE][/td]
[td]08/08/2014[/td]
[td]MEDIAFIRE | MEGA
[/tr]

[tr]
[td][SIZE="4"]1.3[/SIZE][/td]
[td]09/08/2014[/td]
[td]MEDIAFIRE | MEGA
[/tr]
[/ttable]

[html]
[ttable]
[tr]
[td]Version[/td]
[td]Date de mise а jour[/td]
[td]Lien de tйlйchargement[/td]
[/tr]

[tr]
[td][SIZE="4"]1.0[/SIZE][/td]
[td]06/08/2014[/td]
[td]MEDIAFIRE | MEGA
[/tr]

[tr]
[td][SIZE="4"]1.1[/SIZE][/td]
[td]07/08/2014[/td]
[td]MEDIAFIRE | MEGA
[/tr]

[tr]
[td][SIZE="4"]1.2[/SIZE][/td]
[td]08/08/2014[/td]
[td]MEDIAFIRE | MEGA
[/tr]

[tr]
[td][SIZE="4"]1.3[/SIZE][/td]
[td]09/08/2014[/td]
[td]MEDIAFIRE | MEGA
[/tr]
[/ttable]
[/html]
Reply
#2

Bon tuto, merci.
Reply
#3

Merci!
Reply
#4

Vraiment sympa, зa ne concerne pas vraiment SA-MP mais зa reste extrкmement utile, merci !
(Et +rep)
Reply
#5

Sympa, mais effectivement зa n'a rien а faire sur le forum de SA-MP :l
Reply
#6

[COLOR="Blue"]+3 nickel ![/COLOR]
Reply
#7

@XDamienX007:
Tutoriel Wrote:De base le moteur vBulletin qui est utilisй par SA-MP.com permet l'utilisation des tableaux via BBCode sous la balise [table], qui est tout bкtement la mкme qu'en HTML, mais spйcifiquement sur ces forums cette balise est useless (inutilisable).

Merci а tous!
Reply
#8

Un tuto' simple et qui ne paye pas de mine mais ф combien utile :)
Reply
#9

Merci! :p
Reply
#10

Merci de ta contribution.
Faute de te remercier physiquement (pervers s'abstenir), je te laisse quelques points de rйputation (3 askip).
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)