Bienvenue
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilDernières imagesRechercherS'enregistrerConnexion
Le Deal du moment : -20%
-20% Récupérateur à eau mural 300 ...
Voir le deal
79 €

 

 Comment créer un tableau sur le forum

Aller en bas 
AuteurMessage
apeweau
Administrateur
apeweau


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

Comment créer un tableau sur le forum Empty
MessageSujet: Comment créer un tableau sur le forum   Comment créer un tableau sur le forum Icon_minitimeJeu 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
apeweau
Administrateur
apeweau


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

Comment créer un tableau sur le forum Empty
MessageSujet: Re: Comment créer un tableau sur le forum   Comment créer un tableau sur le forum Icon_minitimeJeu 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
 
Comment créer un tableau sur le forum
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Comment personnaliser ses messages ? / Comment poster un screen ?
» Comment fonctionne les rangs ?
» Les différents groupe du forum auxquels vous appartenez.

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