AccueilCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 Comment créer un tableau sur le forum

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
apeweau
Administrateur
avatar

Messages : 176
Inscrit(e) le : 04/12/2010

MessageSujet: Comment créer un tableau sur le forum   Jeu 30 Aoû - 14:02

Bonjour,

Un petit aperçu de comment créer un tableau en BBCode (qui est le langage utilisé sur le forum pour tout ce qui est mise en forme), cela pourra toujours être utile à quelqu'un.

Tout d'abord, il faut savoir que le BBCode est similaire à de l'HTML.
Un tableau est définit par 2 balises 'table' :
Code:
[table]
[/table]

Tout naturellement un tableau possède des lignes et des colonnes.
Les lignes sont définies par les balises 'tr' et les colonnes par les balises 'td' :
Code:
[table]
  [tr]
    [td]ligne1/colonne1[/td]
    [td]ligne1/colonne2[/td]
  [/tr]
  [tr]
    [td]ligne2/colonne1[/td]
    [td]ligne2/colonne2[/td]
  [/tr]
[/table]

Qui va nous donner :
ligne1/colonne1 ligne1/colonne2
ligne2/colonne1 ligne2/colonne2

ça c'est du superbe tableau ! Ou pas ?
Bref on a vu comment créer des lignes et des colonnes à un tableau. On va voir quelques petits trucs pour le rendre un peu plus présentable.

C'est assez simple, la balise 'table' peut prendre des arguments qui lui permettront par exemple d'avoir une bordure :
Code:
[table border=1]
  [tr]
    [td]ligne1/colonne1[/td]
    [td]ligne1/colonne2[/td]
  [/tr]
  [tr]
    [td]ligne2/colonne1[/td]
    [td]ligne2/colonne2[/td]
  [/tr]
[/table]

Qui va nous donner :
ligne1/colonne1 ligne1/colonne2
ligne2/colonne1 ligne2/colonne2

Les balises 'tr' et 'td' possèdent également des arguments comme par exemple colspan qui permet de fusionner 2 colonnes :
Code:
[table border=1]
  [tr]
    [td colspan="2"]ligne1[/td]
  [/tr]
  [tr]
    [td]ligne2/colonne1[/td]
    [td]ligne2/colonne2[/td]
  [/tr]
[/table]

Qui va nous donner :
ligne1
ligne2/colonne1 ligne2/colonne2

On a la même chose avec rowspan pour la fusion des lignes.
Ensuite vous pouvez bien entendu mettre en forme votre texte à l'intérieur du tableau (couleur, centré, gras, ...) Je pense que vous saurez le faire.

Donc voilà vous savez faire un tableau plus ou moins basique.
Si vous voulez faire des choses plus complexes et que je n'ai pas le courage de vous les montrez ici car cela prendrait un temps fou, il y a beaucoup de tutoriel sur le net qui peuvent vous permettre de réaliser presque tout ce que vous voulez avec des tableaux !

Tuc dansemusic
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
apeweau
Administrateur
avatar

Messages : 176
Inscrit(e) le : 04/12/2010

MessageSujet: Re: Comment créer un tableau sur le forum   Jeu 30 Aoû - 14:39

Et voici un exemple plus concret de ce que vous pouvez réaliser aisément :

Bâton
Marteau
Baguette
Arc
Hache
Faux
Dague
Pelle
Epée
Steamer
-
100%
-
-
-
-
-
95%
-
Crâ
-
-
-
100%
-
-
95%
-
-
Enutrof
-
95%
-
-
-
-
-
100%
-
Féca
100%
-
95%
-
-
-
-
-
-
Iop
-
95%
-
-
-
-
-
-
100%
Osamodas
95%
100%
-
-
-
-
-
-
-
Sram
-
-
-
95%
-
-
100%
-
-
Sacrieur
-
-
-
-
-
-
-
-
-
Ecaflip
-
-
-
-
-
-
95%
-
100%
Eniripsa
95%
-
100%
-
-
-
-
-
-
Sadida
100%
-
95%
-
-
-
-
-
-
Xélor
-
100%
95%
-
-
-
-
-
-
Pandawa
95%
-
-
-
100%
-
-
-
-
Roublard
-
-
-
95%
-
-
-
-
100%
Zobal
100%
-
-
-
95%
-
-
-
-

Je vous mets le code pour les plus curieux, il est très répétitif donc pas forcément besoin de tout lire :p :
Code:
[table border=1 style="margin:auto;" cellspacing="0"]
  [tr style="color: chocolate;"]
    [td][/td]
    [td style="padding: 10px; font-weight: bold"][center]Bâton[/center][/td]
    [td style="padding: 10px; font-weight: bold"][center]Marteau[/center][/td]
    [td style="padding: 10px; font-weight: bold"][center]Baguette[/center][/td]
    [td style="padding: 10px; font-weight: bold"][center]Arc[/center][/td]
    [td style="padding: 10px; font-weight: bold"][center]Hache[/center][/td]
    [td style="padding: 10px; font-weight: bold"][center]Faux[/center][/td]
    [td style="padding: 10px; font-weight: bold"][center]Dague[/center][/td]
    [td style="padding: 10px; font-weight: bold"][center]Pelle[/center][/td]
    [td style="padding: 10px; font-weight: bold"][center]Epée[/center][/td]
  [/tr]
  [tr]
    [td style="color: darkgreen; height: 50px; font-weight: bold; padding: 10px"][center]Steamer[/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 100% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 95% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
  [/tr]
  [tr]
    [td style="color: darkgreen; height: 50px; font-weight: bold; padding: 10px"][center]Crâ[/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 100% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 95% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
  [/tr]
  [tr]
    [td style="color: darkgreen; height: 50px; font-weight: bold; padding: 10px"][center]Enutrof[/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 95% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 100% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
  [/tr]
  [tr]
    [td style="color: darkgreen; height: 50px; font-weight: bold; padding: 10px"][center]Féca[/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 100% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 95% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
  [/tr]
  [tr]
    [td style="color: darkgreen; height: 50px; font-weight: bold; padding: 10px"][center]Iop[/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 95% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 100% [/center][/td]
  [/tr]
  [tr]
    [td style="color: darkgreen; height: 50px; font-weight: bold; padding: 10px"][center]Osamodas[/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 95% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 100% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
  [/tr]
  [tr]
    [td style="color: darkgreen; height: 50px; font-weight: bold; padding: 10px"][center]Sram[/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 95% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 100% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
  [/tr]
  [tr]
    [td style="color: darkgreen; height: 50px; font-weight: bold; padding: 10px"][center]Sacrieur[/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
  [/tr]
  [tr]
    [td style="color: darkgreen; height: 50px; font-weight: bold; padding: 10px"][center]Ecaflip[/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 95% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 100% [/center][/td]
  [/tr]
  [tr]
    [td style="color: darkgreen; height: 50px; font-weight: bold; padding: 10px"][center]Eniripsa[/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 95% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 100% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
  [/tr]
  [tr]
    [td style="color: darkgreen; height: 50px; font-weight: bold; padding: 10px"][center]Sadida[/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 100% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 95% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
  [/tr]
  [tr]
    [td style="color: darkgreen; height: 50px; font-weight: bold; padding: 10px"][center]Xélor[/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 100% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 95% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
  [/tr]
  [tr]
    [td style="color: darkgreen; height: 50px; font-weight: bold; padding: 10px"][center]Pandawa[/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 95% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 100% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
  [/tr]
  [tr]
    [td style="color: darkgreen; height: 50px; font-weight: bold; padding: 10px"][center]Roublard[/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 95% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 100% [/center][/td]
  [/tr]
  [tr]
    [td style="color: darkgreen; height: 50px; font-weight: bold; padding: 10px"][center]Zobal[/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 100% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] 95% [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
    [td style="height: 50px; font-weight: bold; padding: 10px"][center] - [/center][/td]
  [/tr]
[/table]
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 
Comment créer un tableau sur le forum
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [TUTORIEL] Comment créer un tableau ?
» Comment ça marche un JDR par forum?
» Comment avoir son propre avatar sur le forum
» TUTO : Comment télécharger la démo de MHFU sans PS3.
» Comment changer l'image de notre compte?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Bienvenue :: Fait divers :: Tutoriels-
Sauter vers: