Portail Nos photos les membres Localisation des membres La team sur face de book L'agenda de la team La charte Tutoriel du forum  

Création d'un tableau

Pour parler de tout et de rien, pétages de plombs et délires sont acceptés, mais dans le respect des autres membres, bien sûr... On compte sur vous.

Modérateurs : lolo, Bernard, Cess, Fabien, Herbert

Création d'un tableau

Message par Herbert » 23 Mai 2008, 09:12

L'emploi des balises codes permet de visualiser le tableau en codification
Code: Tout sélectionner
[corners=forumbg forumbg-table] Correspond à la création du tableau
[table=tablebg table1] Création du tableau
[thead] Entête du tableau
[tr=10] Nombre de ligne (le chiffre 10 correspond au nombre de ligne maxi du tableau)
[th=8] Nombre de colonne (le chiffre 8 correspond au nombre de colonne maxi du tableau) avant retour à la ligne
Titre (texte de titre )
[/th] balise de fermeture commande de ligne
[/tr] balise de fermeture commande de colonne pour retour à la ligne
[/thead] fermeture de l'entête du tableau
[tbody] corps du tableau
[tr=bg1] Entrée de la ligne bg1 signifie que c'est la première, bg2 2ème ligne et ainsi de suite (préréglé à 10 dansle cas présent donc au plus on ira jusqu'à [ tr=bg10] )
[td=1,] Entrée de la cellule
texte de cellule
[/td] fermeture de la cellule
Etape à répéter autant de fois que l'on veut mettre de cellule dans la ligne. Ici nous avions pré-réglé à 8 maxi
[/tr] Fermeture de la ligne, à mettre absolument en fin de ligne

[/tbody]
[/table]
[/corners]



Ce qui donne

Titre (texte de titre )
texte de cellule


Si vous avez peur de vous tromper, vous pouvez taper chaque code et revenir à la ligne ensuite.
Le travail est long mais le résultat garantit ;)
Amusez vous bien
Image
Avatar de l’utilisateur
Herbert
Co-Admin
Co-Admin
 
Message(s) : 6869
Inscription : 29 Avr 2008, 11:16
Localisation : Brech
Bro ~ Ar vro: Pays du Vannetais
Sexe: Image

Re: Création d'un tableau

Message par Herbert » 03 Juin 2008, 18:21

Code: Tout sélectionner
[corners=forumbg forumbg-table][table=tablebg table1][thead][tr=10][th=8][color=#BF0000][size=150][u][b]LE LIVRE D'OR[/b][/u][/size][/color][/th][/tr][/thead][tbody][tr=bg1][td=1,][b]1  Herbert[/b][/td][td=1,][b]6 Popeye[/b][/td][td=1,][b]11 Blade[/b][/td][td=1,][b]16 Mistral[/b][/td][td=1,][b]21 Lebreton[/b][/td][td=1,][b]26 Clems[/b][/td][td=1,][b].[/b][/td][/tr][tr=bg2][td=1,][b]2 Isabelle et Patt[/b][/td][td=1,][b]7 Marie et Marsu[/b][/td][td=1,][b]12 Elizz[/b][/td][td=1,][b]17 Fab[/b][/td][td=1,][b]22 Pech[/b][/td][/tr][tr=bg3][td=1,][b]3 Brigitte et Myré[/b][/td][td=1,][b]8 Yub[/b][/td][td=1,][b]13 Tiloubreton[/b][/td][td=1,][b]18 Fox[/b][/td][td=1,][b]23 R-One, K-ro[/b][/td][/tr][tr=bg4][td=1,][b]4 Lolo et Francky[/b][/td][td=1,][b] 9 Kaio[/b][/td][td=1,][b]14 Seb[/b][/td][td=1,][b]19 Dric-Dric[/b][/td][td=1,][b]24 Tonton[/b][/td][/tr][tr=bg5][td=1,][b]5 Bernard[/b][/td][td=1,][b]10 Grib et Nath[/b][/td][td=1,][b]15 Séverine et Olier[/b][/td][td=1,][b]20 The Mitch[/b][/td][td=1,][b]25 Nicobzh[/b][/td][/tr][/tbody][/table][/corners]
Image
Avatar de l’utilisateur
Herbert
Co-Admin
Co-Admin
 
Message(s) : 6869
Inscription : 29 Avr 2008, 11:16
Localisation : Brech
Bro ~ Ar vro: Pays du Vannetais
Sexe: Image

Re: Création d'un tableau

Message par Tiloup » 04 Août 2008, 18:52

pour abonder dans le sens de ton topic sur " l'informatique accessible au plus grand nombre", celui là est l'exemple parfait :top:
Ai rien, mais absolument rien compris :oops: :lolo:
Ne pleures pas l'ami que tu as perdu. Réjouis-toi de l'avoir connu

Lorsque tu fais quelque chose, sache que tu auras contre toi, ceux qui voudraient faire la même chose, ceux qui voulaient le contraire, et l’immense majorité de ceux qui ne voulaient rien faire. [Confucius]

"N'oubliez pas pourquoi nous sommes tous ici : Amis, Motards, Bretons, dans l'ordre ou le désordre peu importe, mais gardez le à l'esprit.


Image
Avatar de l’utilisateur
Tiloup
Déterreur de post
Déterreur de post
 
Message(s) : 3960
Inscription : 30 Juin 2008, 17:08
Localisation : Brech
Bro ~ Ar vro: Pays du Vannetais
Sexe: Image

Re: Création d'un tableau

Message par Herbert » 04 Août 2008, 19:04

Tiloup a écrit :pour abonder dans le sens de ton topic sur " l'informatique accessible au plus grand nombre", celui là est l'exemple parfait :top:
Ai rien, mais absolument rien compris :oops: :lolo:

En même temps faire un tableau en bbcode relève d'une certaine maîtrise ;)
Et là c'est pas un topic l'informatique facile, c'est juste les codes :lol:
Image
Avatar de l’utilisateur
Herbert
Co-Admin
Co-Admin
 
Message(s) : 6869
Inscription : 29 Avr 2008, 11:16
Localisation : Brech
Bro ~ Ar vro: Pays du Vannetais
Sexe: Image

Re: Création d'un tableau

Message par Tiloup » 04 Août 2008, 20:33

Herbert a écrit :Et là c'est pas un topic l'informatique facile, c'est juste les codes :lol: [/b][/color]

C'est dire à quel point j'ai rien compris :tesdrole :tesdrole :tesdrole
Ne pleures pas l'ami que tu as perdu. Réjouis-toi de l'avoir connu

Lorsque tu fais quelque chose, sache que tu auras contre toi, ceux qui voudraient faire la même chose, ceux qui voulaient le contraire, et l’immense majorité de ceux qui ne voulaient rien faire. [Confucius]

"N'oubliez pas pourquoi nous sommes tous ici : Amis, Motards, Bretons, dans l'ordre ou le désordre peu importe, mais gardez le à l'esprit.


Image
Avatar de l’utilisateur
Tiloup
Déterreur de post
Déterreur de post
 
Message(s) : 3960
Inscription : 30 Juin 2008, 17:08
Localisation : Brech
Bro ~ Ar vro: Pays du Vannetais
Sexe: Image

Re: Création d'un tableau

Message par Dric-dric » 04 Août 2008, 21:52

:haaa: Pas mieux de mon coté :heben:
Quand je serai grand, j' aurai une brèle confortable ...
Avatar de l’utilisateur
Dric-dric
Flying Dric
Flying Dric
 
Message(s) : 650
Inscription : 30 Juin 2008, 20:38
Localisation : Forest Inside
Sexe: Image

Re: Création d'un tableau

Message par R-One » 05 Août 2008, 00:45

Dans les temps glorieux du début de l'internet (et je vous parle d'un temps où la connexion à 1Mo était un pure phantasme irrationnel et l'illimité un délire de science fiction) on codait les pages internet sur une bête page de Notepad...

Si, si.

Je l'ai fait. Et je vous dis pas mon incommensurable fierté le jour où j'ai réussi à coder ma première colonne sur une page web, avec deux pages html...

Prenons le code source d'une des pages de ce superbe site qu'est le nôtre:

"<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr" xml:lang="fr">
<head>
<meta name="verify-v1" content="yDSIqOxk+0WhBty1/LsLY6JJ38GxHkpwnHuk5AXkAA8=" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />"

Tout ça est proprement inbitable quand on est pas dans le milieu. Mais, grâce au ciel, votre navigateur, lui, il comprend. (bon c'est un peu son boulot aussi)
Et il comprend d'autant mieux qu'on lui met des petits signes pour lui faire exécuter ce que l'on attends de lui.
Ainsi, toute ligne de code se doit de commencer par < et finir par />.
Dés qu'il lit "<", il sait que commence un ligne de code qui ne se terminera que par "/>"
Ce qu'il trouve entre les deux, il l'execute.
Dans l'exemple ci-dessus, il trouve des instructions sur ce qu'il doit faire. Il lit qu'il va devoir faire du html (hyper text markup language), en gros, c'est quand vous cliquez sur un lien.( Le xmlns c'est pour le nommage, on se le garde pour une autre fois.)
Ainsi, la ligne (toujours tirée du même site que je vous recommande) vous paraitra sans doute plus claire:

"<div align="center"><a href="http://www.servimg.com/image_preview.php?i=271&u=11028731" target="_blank" ><img src="http://i42.servimg.com/u/f42/11/02/87/31/huelgo10.gif" border="0" alt="Image hébergée par servimg.com" /></a><br></div>
"
On trouve la balise de début de ligne "<", puis, des instructions, chacune étant encadrée par "< >".
Ici le navigateur doit centrer un lien renvoyant à une page hebergée chez servimg.com, qu'il ouvrira au même endroit (pas dans une autre page quoi), avec comme image de source (<img src= ) (c'est à dire celle sur laquelle vous cliquez) une image herbergée sur i42.serving.com et qui s'appelle huelgo10.gif .
Ajoutons, qu'elle n'aura pas de bordure (border="0") et qu'elle s'appelera "Image hébergée par servimg.com".
A la fin de la ligne, on ferme toutes les balises ouovertes "/></a><br></div>"...
Simple. (surtout quand on connait);

Adonque, le tableau de Maître Herbert devient plus facilement compréhensible.
Voyons la première ligne:
Herbert a écrit :
Code: Tout sélectionner
[corners=forumbg forumbg-table][table=tablebg table1][thead][tr=10][th=8][color=#BF0000][size=150][u][b]LE LIVRE D'OR[/b][/u][/size][/color][/th][/tr][/thead]   


Le Navigateur comprends qu'on lui demande (en bbcode, vous ne le savez pas, mais lui le sait) de faire un tableau. Que même que ce tableau (Maître Herbert confirmera, le bbcode n'est pas ma spécialité) sera le table 1.
Ensuite, en haut de la page ainsi que le demande la commande "thead", le navigateur va devoir appliquer différentes valeurs. 10 lignes tr et 8 colonnes th, la couleur à appliquer "color=#BF0000", la taille "size=150" ainsi que le souligné et le gras "u" et "b". Vient ensuite le titre, et toutes les balises que l'on referme derrière.
Limpide, non ?

Donc, du coup, pour celui qui voudrait agrémenter sa prose postale d'un zoli tableau, il suffira de recopier le code, et de remplir les blancs avec ce que l'on veut y mettre.

Au final, on à un non moins zolis tableau comme ceci :





LE LIVRE D'OR
1 Herbert6 Popeye11 Blade16 Mistral21 Lebreton26 Clems.
2 Isabelle et Patt7 Marie et Marsu12 Elizz17 Fab22 Pech
3 Brigitte et Myré8 Yub13 Tiloubreton18 Fox23 R-One, K-ro
4 Lolo et Francky 9 Kaio14 Seb19 Dric-Dric24 Tonton
5 Bernard10 Grib et Nath15 Séverine et Olier20 The Mitch25 Nicobzh


Ou comme celui là:



Un bô néxemple
:siffle :doigts
ImageImage



Easy....

Merci Maître Herbert.

:domo:
R-One
 

Re: Création d'un tableau

Message par Herbert » 05 Août 2008, 06:09

:top:

Mais j'en connais qui doivent avoirplus mal à la tête maintenant :lol: :lol:
Image
Avatar de l’utilisateur
Herbert
Co-Admin
Co-Admin
 
Message(s) : 6869
Inscription : 29 Avr 2008, 11:16
Localisation : Brech
Bro ~ Ar vro: Pays du Vannetais
Sexe: Image

Re: Création d'un tableau

Message par Nell » 05 Août 2008, 08:39

Herbert a écrit : :top:

Mais j'en connais qui doivent avoirplus mal à la tête maintenant :lol: :lol:




Même pas vrai!


Merci Yves :D :D
Nell
 

Re: Création d'un tableau

Message par lolo » 05 Août 2008, 13:59

je répondrais m ême pô :lolo:
Image
Avatar de l’utilisateur
lolo
Modo blonde
Modo blonde
 
Message(s) : 3338
Inscription : 14 Mai 2008, 18:27
Localisation : Pont skorf
Bro ~ Ar vro: Pays du Vannetais
Sexe: Image

Re: Création d'un tableau

Message par Tiloup » 05 Août 2008, 17:29

lolo a écrit :je répondrais m ême pô :lolo:

:+1
Ne pleures pas l'ami que tu as perdu. Réjouis-toi de l'avoir connu

Lorsque tu fais quelque chose, sache que tu auras contre toi, ceux qui voudraient faire la même chose, ceux qui voulaient le contraire, et l’immense majorité de ceux qui ne voulaient rien faire. [Confucius]

"N'oubliez pas pourquoi nous sommes tous ici : Amis, Motards, Bretons, dans l'ordre ou le désordre peu importe, mais gardez le à l'esprit.


Image
Avatar de l’utilisateur
Tiloup
Déterreur de post
Déterreur de post
 
Message(s) : 3960
Inscription : 30 Juin 2008, 17:08
Localisation : Brech
Bro ~ Ar vro: Pays du Vannetais
Sexe: Image

Re: Création d'un tableau

Message par Marsu56 » 05 Août 2008, 21:08

Ca m'interesse bien ce truc

les commandes pour le code se trouve ou ????
il y a surement un dico enfin si l'on peut appeler ca comme ça
Marsu56
Mange le kig ha farz
Mange le kig ha farz
 
Message(s) : 2139
Inscription : 02 Juil 2008, 17:58
Localisation : L'ane Ester
Bro ~ Ar vro: Pays du Vannetais
Sexe: Image

Suivant

Retour vers Champ libre

Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 1 invité