Faire un tableau en utilisant;
à la foi
les balises des codes
BB. HTML
et les propriétés
CSS
Voici quel sont les balises bbcodes html et les propriétés css que l'on peux utiliser pour faire un tableau.
cette liste n'est pas exhaustive
Bien sur, on pourra copier coller le contenu des cartouches
codes pour servir de base à
son propre travail.
Bien qu'il soit possible d'utiliser les balises HTML, il est
préférable de travailler, pour la structure de base, avec le BBcode.
L'usage des propriété Html et Css étant possible à l'intérieur
des balises BBcode, on pourra obtenir les mêmes résultats.
J'utilise comme exemple, une partie de la table construite par
Philhamel pour la liste des sites proposant des personnages gratuits
d'abord voila l'effet produit à l'édition Sites ou trouver des personnages en freebies
Nom | Adresse |
3Darena | http://3-darena.com/ |
3D Ménagerie | http://www.3dmenagerie.com/index-goo.htm |
3dpmr | http://www.3dpmr.com/ |
3Drifters | http://3drifters.sakura.ne.jp/ |
| |
- Code:
-
[center][size=18][color=darkred][b]Sites ou trouver des personnages en freebies[/b] [/color][/size][/center]
<center>
[table cellpadding="5" cellspacing="2" border="2"color="darkblue" bgcolor="#F5F5FF" bordercolor="darkblue" width="90%"]
[tr]
[td width="25%"]Nom[/td]
[td width="70%"]Adresse[/td]
[/tr]
[tr]
[td]3Darena[/td]
[td]http://3-darena.com/[/td]
[/tr]
[tr]
[td]3D Ménagerie[/td]
[td]http://www.3dmenagerie.com/index-goo.htm[/td]
[/tr]
[tr]
[td]3dpmr[/td]
[td]http://www.3dpmr.com/[/td]
[/tr]
[tr]
[td]3Drifters[/td]
[td]http://3drifters.sakura.ne.jp/[/td]
[/tr]
[tr]
[td][/td]
[td][/td]
[/tr]
[/table]
</center>
explication:
Dans une page de forum bb code il est préférable d'utiliser les balises dans ce format
format qui accepte, pour les tableau, les mêmes instruction que le HTML et la même forme [balise mot_clé="valeur" mot_clé="valeur" ]
explication: des balises de la tête de tableau
border -> taille du filet du cadre du tableau
bordercolor -> couleur du bord du tableau
color -> couleur générale du texte
bgcolor -> couleur du fond global du tableau
cellpadding -> distance entre le début du texte ou de l'image et le bord
cellspacing -> distance ente deux cadres de tableau
widht -> taille global du tableau dans la page exprimé soit en pixels (taille absolut) soit en pourcentages (taille relative)
height -> hauteur relative de la table ou de la cellule (ex: td height="50")
les propriétés css peuvent être aussi utilisées dans les balises td et tr d'un tableau BB code
td style="color:blue;width:50%;"
(pour les autres propriétés Css voir le cite du zéro)
cas particulier Si vous voulez centrer une table, vous devez la mettre à l'intérieur de la balise HTML center entre < > >
si non c'est la balise BB code center entre [ ] [/ ]
le tableau de base se compose de 3 balises BBcode