Aides pour l'éditeur du Forum les tableaux

Aide pour l'éditeur du Forum du N.

Préalable.
Le BBcode utilise un système de balise dérivées (et fortements simplifiées) du HTML.
Pour effecteur une action sur du texte (mise en gras, choix d'une couleur, d'une police de caractères), on place une balise ouvrante (formée du caractère "[", du nom de la balise, éventuellement suivi d'un paramètre, et du caractère "]".
On écrit ensuite le texte à afficher, et on termine en fermant la balise "[/" suivi du nom de la balise 'sans le paramètre) et du caractère "]".
Si on ouvre plusieurs balises successives, on doit les refermer dans l'ordre innverse d'ouverture (dernière ouverte, première fermée.)
Exemple :
[ a][ b][ c]le texte[ c][ b][ a]

Comme il n'est pas possible d'afficher les balises du BBcode (elles sont exécutées et non affichées), des conventions d'écriture ont été nécessaires.

Couleur des caractères :
noir : les balises du BBcode, avec un espace ajouté juste après le " empêcher leur exécution par ce tuto. Ne pas recopier cet espace !
[color=green]vert : commentaire à ne pas recopier
bleu : texte devant apparaître dans la case du tableau tableau

Afficher un tableau
Il faut d'abord déclarer le tableau.
[ table border="1"]
(On peut remplacer "1" par "0", ce qui changera complètement la présentation de ce tableau.
Ensuite, pour chaque ligne du tableau, il faut

• déclarer le début de la ligne nouvelle par la balise [ tr]
  
• Pour chaque case de la ligne,
  
  
  • déclarer le début de la case par la balise [ td]
    
  • écrire le texte de la case texte de la case
    
  • déclarer la fin de la case par la balise [ /td]
  
  
• déclarer la fin de la ligne par la balise [ /tr]

[*]déclarer la fin du tableau par la balise [ /table][/list]

Exemple :
[ table border="1"]
[ tr]
[ td]ligne UN, case UN [ /td]
[ td]ligne 1, case 2 [ /td]
[ td]ligne 1, case DEUX [ /td]
[ /tr]
[ tr]
[ td]ligne 2, case 1 [ /td]
[ td]ligne 2, case 2 [ /td]
[ td]ligne 2, case 3 [ /td]
[ /tr]
[ tr]
[ td]ligne 3, case 1 [ /td]
[ td]ligne TROIS, case 2 [ /td]
[ td]ligne 2, case 3 [ /td]
[ /tr]
[ /table]

En enlevant les blancs juste à droite des "ot;1"]

ligne UN, case UN	ligne 1, case 2	ligne 1, case DEUX
ligne 2, case 1	ligne 2, case 2	ligne 2, case 3
ligne 3, case 1	ligne TROIS, case 2	ligne 2, case 3

et avec border="0" :

ligne UN, case UN	ligne 1, case 2	ligne 1, case DEUX
ligne 2, case 1	ligne 2, case 2	ligne 2, case 3
ligne 3, case 1	ligne TROIS, case 2	ligne 2, case 3

Tout s'explique !

Jmarc69
N'iste qui trouve cela bien peu adpaté au commun des mortels

J'ai rien compris , je suis complètement hermétique a cà !
mais cela doit aider les gens intelligents de l'ordi......alors , MERCI pour eux

Bien le Bonjour, Jicébé,

Pour le cours, trés utile pour les ignares de mon espèce !!

mais pour ma part cela va attendre un peu avant mise en pratique.......
J'ai déja bien assez de mal à saisir du texte !!....

Mais bien sur, c'est évident!


Quelque part ça me rappelle vaguement le DOS et le Basic. Et pour afficher un tableau, on ne peut pas simplement le traiter comme une photo ou un schéma avec un hébergeur d'image?

N'iste presse-bouton béotien confirmé et indécrottable en informatique.

Bonjour @ tous ,

@ jmarc69, gerbault, Daniel N & Epoctrois.
Vous en faites pas les gars, vous êtes pas seuls suis de tout avec vous.
Moi aussi je rame quand je dois mettre en pratique les cours reçus.
Adler championne du copier/coller.

Bon week-end @ tous
Adler

Epoctrois a écrit:

Et pour afficher un tableau, on ne peut pas simplement le traiter comme une photo ou un schéma avec un hébergeur d'image?

bien sur mais il ne sera pas modifiable (ajout par exemple) comme la solution de JCB

Salut à toi, Jicébé !
Merci d'avoir démontré à mon cerveau qu'il était bien ruiné !
A r'en compri' mais l'è ben conten' .
Cdt,
OM

Que ceux qui n'ont rien compris se rassurent, j'ai oublié de préciser que mon topo n'était destiné qu'aux gens de deuxième année, qui savent déjà manipuler les balises et ont de bonnes notions d'écriture du HTML.

Les tableaux sont destinés à gérer la mise en page des posts, et on peut donc sans passer facilement en général.

Pour ceux qui veulent se lancer, un exemple pour afficher un texte de quelques lignes, avec une image à côté , et non avant ou après le texte.

Création du squelette du tableau, par un clic sur la bonne icône :

Le Forum du N a écrit:

[ table border="1"]
[ tr]
[ td] [ /td][ td] [ /td]
[ /tr]
[ /table]

Vous rajoutez aux endroits indiqué le texte, et l'image.
Vous remplacez le 1 de table border="1" par 0 si vous ne voulez pas de bordure.

Vous a écrit:

[ table border="0"]
[ tr]
[ td] Ici, le texte[ /td][ td]Ici, l'url de l'image[ /td]
[ /tr]
[ /table]

Et c'est tout.
Exemple :

Moi a écrit:

[ table border="1"]
[ tr]
[ td]Ceci est mon texte à moi,
qui s'étale sur plusieurs lignes,
à côté de mon beau dessin.[ /td][ td][ img]http://jcbecker.free.fr/Modelisme/Mes_Modules/Tram_Urbain/Photos/2008_10_18/IMG_0315_c.jpg[ /img][ /td]
[ /tr]
[ /table]

et le résultat

Ceci est mon texte à moi, qui s'étale sur plusieurs lignes, à côté de mon beau dessin.

Le même avec table border="0" :

Ceci est mon texte à moi, qui s'étale sur plusieurs lignes, à côté de mon beau dessin.

Bien sûr, vous pouvez inverser texte et dessin.

Ceci est mon texte à moi, qui s'étale sur plusieurs lignes, à côté de mon beau dessin.

Merci Jicébé,
Ca va beaucoup mieueueueueueu-eueueuh...
Bon week-end !
OM