Version imprimable du sujet
Cliquez ici pour voir ce sujet dans son format original
La Taverne des Royaumes Oubliés > ۞ Le Crieur ۞ > Les tableaux


écrit par: Brunhilda Sigrun Lundi 20 Juillet 2015 à 00h14
Mes biens chères et chers taverniens,

Nous avons une nouvelle fonctionnalité sur le forum, dans l'écriture des posts : les tableaux !

le super tableau
ma tête de colonnel'autre colonneautre commentaire
double colonne, parce que c'est bientrès important
moins importantbishahaha
Et pour finir, hop là ! smile.gif


Ce précédent exemple en montre toutes les options et subtilités, à l'exception d'un détail : pour retirer les bordures vous devrez remplacer bordertable par table.

Voici le code qui a permis de générer le précédent tableau :
CODE
[center][Bordertable75=le super tableau]
[!30]ma tête de colonne[|20]l'autre colonne[|]autre commentaire
[-|]double colonne, parce que c'est bien[|center]très important
[-right]moins important[|center]bis[|right]hahaha
[-||center]Et pour finir, hop là ! :)
[/table][/center]



Saurez-vous le décrypter et reproduire le rendu de ce tableau ?

le super tableau
plop
x
x
x


Le défi est lancé ! Postez à la suite vos tentatives smile.gif

Brun

écrit par: Jebeddo Lundi 20 Juillet 2015 à 10h46
le super tableau
plop
x
x
x


c'est ça? (tordu, y'a des truc que t'as pas montré, j'ai du chercher tongue.gif)

écrit par: Faryl Lundi 20 Juillet 2015 à 12h06
le super tableau
plop
x
x
x


J'ai eu du mal avec la 2 ligne...

écrit par: Brunhilda Sigrun Lundi 20 Juillet 2015 à 16h30
Et oui, Jebeddo et Faryl, c'est bien ça !

Voici la solution :
CODE
[bordertable50='le super tableau']
[!35][|45]plop[|]
[-center]x[||]
[-|center]x[|]
[-||center]x
[/table]


Noter qu'il n'est pas obligatoire de mettre la taille de la dernière colonne ainsi
QUOTE
[!35][|45]plop[|15]
, vu que, de toute façon, si 2 colonnes sont fixées, la 3eme a aussi sa taille de fixée.

Vous l'aurez d'ailleurs tous compris, le 50 qui suit le bordertable correspond à la largeur du tableau dans la page (100 étant la pleine largeur, 50 la demie-largeur, etc).
Dans le même principe, la barre de titre
QUOTE
[!35][|45]plop[|]
permet de déterminer la taille de chaque colonne par rapport à la pleine largeur du tableau. Dans notre cas, la première colonne fera 35% de la largeur du tableau (qui lui-même fait la moitié de la largeur de la page), et la seconde colonne fait 45% de la largeur du tableau. La 3eme colonne prend le reste (donc 20%).

Noter aussi que cette ligne de titre symbolisée par un ! est facultative. Elle est cependant la seule qui puisse qui puisse vous permettre de déterminer manuellement la taille de vos colonnes. Si les tailles de colonnes ne sont pas précisées, alors votre navigateur affichera des colonnes de tailles égales (sauf si une image ou un mot à rallonge vient "déformer" une cellule).

Aller, un autre, juste pour le plaisir smile.gif

user posted imageles plus belles feuilles de Faerunuser posted image
La feuille est, en morphologie végétale, l'organe spécialisé dans la photosynthèse chez les végétaux supérieurs. Elle est insérée sur les tiges des plantes au niveau des nœuds. À l'aisselle de la feuille se trouve un bourgeon axillaire. C'est aussi le siège de la respiration et de la transpiration. Les feuilles peuvent se spécialiser, notamment pour stocker des éléments nutritifs et de l'eau. (wikipedia)
user posted imageuser posted imageuser posted imageuser posted imageuser posted image

écrit par: Jebeddo Lundi 20 Juillet 2015 à 18h52
user posted imageles plus belles feuilles de Faerunuser posted image
La feuille est, en morphologie végétale, l'organe spécialisé dans la photosynthèse chez les végétaux supérieurs. Elle est insérée sur les tiges des plantes au niveau des nœuds. À l'aisselle de la feuille se trouve un bourgeon axillaire. C'est aussi le siège de la respiration et de la transpiration. Les feuilles peuvent se spécialiser, notamment pour stocker des éléments nutritifs et de l'eau. (wikipedia)
user posted imageuser posted imageuser posted imageuser posted imageuser posted image



Bon... la question est... comment faire disparaitre les bordures?

EDIT : trouvé, logique en fait

EDIT EDIT, bon par contre, chaque fois que j'édite, ça efface ce que j'avais laissé du précédent tableau :'(

EDIT Brunhilda : pour tester le bug du coup j'ai bidouillé ton post biggrin.gif j'ai un peu cassé ton tableau, donc au final je te l'ai remis en tout beau smile.gif

écrit par: Brunhilda Sigrun Lundi 20 Juillet 2015 à 19h11
Humpf.. effectivement, il y a un mini bug dans le cas où l'on ne met pas de ligne de titre smile.gif le premier "-" se transforme en "|" et du coup ça retire la première ligne du tableau !

Félicitation, Jebeddo smile.gif

Bon, je laisse un peu les autres mariner, je répare le bug et je prépare le tutoriel pour donner tous les détails de comment dompter les tableaux smile.gif


Aller, au passage, une avant-première... les curieux pourront aller cliquer sur le grimoire "manuel", en haut à droite wink.gif

Brun'

écrit par: Faryl Lundi 20 Juillet 2015 à 20h13
user posted imageles plus belles feuilles de Faerunuser posted image
La feuille est, en morphologie végétale, l'organe spécialisé dans la photosynthèse chez les végétaux supérieurs. Elle est insérée sur les tiges des plantes au niveau des nœuds. À l'aisselle de la feuille se trouve un bourgeon axillaire. C'est aussi le siège de la respiration et de la transpiration. Les feuilles peuvent se spécialiser, notamment pour stocker des éléments nutritifs et de l'eau. (wikipedia)
user posted imageuser posted imageuser posted imageuser posted imageuser posted image


Nope, vraiment, je vois pas comment faire la première ligne... sad.gif

EDIT : Trouvé !
Mais du coup, ça veut dire qu'on ne peut pas faire une 1ère ligne en 35/45/20, puis une deuxième en 20/20/20/20/20 ?!
A moins peut-être de de faire des très petites divisions en 20*5% ?! biggrin.gif rolleyes.gif

écrit par: Brunhilda Sigrun Mardi 21 Juillet 2015 à 21h18
Hello smile.gif

Bien joué Faryl !

QUOTE
Mais du coup, ça veut dire qu'on ne peut pas faire une 1ère ligne en 35/45/20, puis une deuxième en 20/20/20/20/20 ?!
A moins peut-être de de faire des très petites divisions en 20*5% ?!
Effectivement, ce n'est pas vraiment possible à part à subdiviser à mort les colonnes. Mais bon, e but initial d'un tableau est d'avoir des colonnes et des lignes smile.gif
avoir une première ligne 35/45/20 puis une deuxième 20/20/20/20/20 est un peu bizarre.. quel genre d'info tu veux mettre là dedans biggrin.gif
Dans ton cas, tu pourrais diviser comme suis :
20/15/5/20/20/20
et ensuite fusionner les colonnes comme il faut pour avoir 35/45/20 et 20/20/20/20/20 smile.gif

Du coup au passage, le mini-bug est réparé.

Aller, j'arrête de vous torturer.

Voici donc la "solution" :
CODE
[table100]
[-center][IMG]https://www.royaumesoublies.com/couloirs/style_images/1/bf_new.gif[/IMG][|||center]les plus belles feuilles de Faerun[|center][IMG]https://www.royaumesoublies.com/couloirs/style_images/1/bf_new.gif[/IMG]
[-||||left]La feuille est, en morphologie végétale, l'organe spécialisé dans la photosynthèse chez les végétaux supérieurs. Elle est insérée sur les tiges des plantes au niveau des nœuds. À l'aisselle de la feuille se trouve un bourgeon axillaire. C'est aussi le siège de la respiration et de la transpiration. Les feuilles peuvent se spécialiser, notamment pour stocker des éléments nutritifs et de l'eau. (wikipedia)
[-center][IMG]https://www.royaumesoublies.com/couloirs/style_images/1/bf_new.gif[/IMG][|center][IMG]https://www.royaumesoublies.com/couloirs/style_images/1/bf_new.gif[/IMG][|center][IMG]https://www.royaumesoublies.com/couloirs/style_images/1/bf_new.gif[/IMG][|center][IMG]https://www.royaumesoublies.com/couloirs/style_images/1/bf_new.gif[/IMG][|center][IMG]https://www.royaumesoublies.com/couloirs/style_images/1/bf_new.gif[/IMG]
[/table]

C'est un peu fouillis à cause des adresses à rallonge de l'image. Si on remplace cette adresse, on obtient un truc plus lisible :
CODE
[table100]
[-center][IMG]image_feuille[/IMG][|||center]les plus belles feuilles de Faerun[|center][IMG]image_feuille[/IMG]
[-||||left]La feuille est, en morphologie végétale, l'organe spécialisé dans la photosynthèse chez les végétaux supérieurs. Elle est insérée sur les tiges des plantes au niveau des nœuds. À l'aisselle de la feuille se trouve un bourgeon axillaire. C'est aussi le siège de la respiration et de la transpiration. Les feuilles peuvent se spécialiser, notamment pour stocker des éléments nutritifs et de l'eau. (wikipedia)
[-center][IMG]image_feuille[/IMG][|center][IMG]image_feuille[/IMG][|center][IMG]image_feuille[/IMG][|center][IMG]image_feuille[/IMG][|center][IMG]image_feuille[/IMG]
[/table]



Tous les détails de comment faire un tableau se trouvent là : par ici

Bonne lecture
Brun'

écrit par: Kolimar Velcor Mardi 21 Juillet 2015 à 23h01
Petite remarque de pédagogue à deux sous.
Dans la page d'explication des tableaux le dernier exemple n'est pas vraiment un bon choix car il ne s'agit que d'un copier coller du dernier tableau en exemple juste avant. Il aurait mieux valu un tableau avec la fusion de deux lignes ou et de deux colonnes.

écrit par: Faryl Mardi 21 Juillet 2015 à 23h12
QUOTE (Brunhilda Sigrun @ Mardi 21 Juillet 2015 à 22h18)
avoir une première ligne 35/45/20 puis une deuxième 20/20/20/20/20 est un peu bizarre.. quel genre d'info tu veux mettre là dedans biggrin.gif

Rien de spécifique. C'est juste mon côté développeur qui prend le dessus, à chercher les cas aux limites biggrin.gif

écrit par: Brunhilda Sigrun Mardi 21 Juillet 2015 à 23h17
Tout à fait d'accord Kolimar ! Un copier coller malheureux et hop mon dernier tableau est parti en fumée ! Ya un p'tit truc que Syraew doit encore mettre à jour et tout sera nickel fonctionnel ensuite (par exemple on voit mal les balises code !)

Faryl.. tu voudrais pas faire du test de la fiche mod par hasard ? smile.gif

écrit par: Faryl Mercredi 22 Juillet 2015 à 08h17
Bah..euh.. J'suis déjà passé faire un tour. L'interface a bien changé tongue.gif
Mais tu voudrais tester quoi ?

J'voudrais pas non plus casser ma fiche MOD au détriment de mon MJ qui ne pourrait plus avoir mes infos ^^'

écrit par: Brunhilda Sigrun Mercredi 22 Juillet 2015 à 12h41
Ben pour l'instant la nouvelle fiche MOD est juste expérimentale. C'est toujours la fiche papier du registre qui fait référence smile.gif

Donc tu peux tout casser, ça va biggrin.gif

Faut que je fasse quelques mises à jour, je te tiens au courant ensuite smile.gif

Brun'

écrit par: Brunhilda Sigrun Jeudi 12 Novembre 2015 à 23h01
Plop,

Vous en avez rêvé : parvenir à faire des tableaux compliqués sans vous prendre les pieds dans le tapis, le tout en tenant votre tasse de café (ou thé) dans votre main directrice...

Genre ça :
PARCHEMIN
Noter que pour la beauté du défi, des cellules ont été fusionnées, sans qu'il y ait vraiment de sens. Mais bon, on s'en fout, tant que c'est compliqué !


Barde
NiveauBonus de base à l’attaqueBonus de base de RéflexesBonus de base de VigueurBonus de base de VolontéSpécial
1
2+0Esquive instinctive
3+3+1Sens des pièges (+1)
4+4+1+4+1rage (2/jour)
5+5+1+4+1Esquive instinctive supérieure
6+6/+1+2+5+2Sens des pièges (+2)
7+7/+2+2+5+2Réduction des dégâts (1/–)
8+8/+3+2+6+2rage (3/jour)
9+9/+4+3+6+3Sens des pièges (+3)
10+10/+5+3+7+3Réduction des dégâts (2/–)
11+11/+6/+1+3+7+3Rage de grand berserker
12+12/+7/+2+4+8+4rage (4/jour), Sens des pièges (+4)
13+13/+8/+3+4+8+4Réduction des dégâts (3/–)
14+14/+9/+4+4+9+4Volonté indomptable
15+15/+10/+5+5+9+5Sens des pièges (+5)
16+16/+11/+6/+1+5+10+5rage (5/jour), Réduction des dégâts (4/–)
17+17/+12/+7/+2+5+10+5Rage sans fatigue
18+18/+13/+8/+3+6+11+6Sens des pièges (+6)
19+19/+14/+9/+4+6+11+6Réduction des dégâts (5/–)
20



Et bien c'est maintenant possible grâce à ce merveilleux fichier Excell contenant une macro. Faites votre tableau de rêve grâce à cet outil, et exportez-le ensuite en code forum devilsmokin.gif

le voici

Bon, par contre, pas besoin d'aller essayer de vendre ce fichier au marché noir des générateur de code forum... le système de tableau sur la TdRO est made in Brunhilda, vous ne trouverez nulle part ailleurs cette façon de créer des tableaux sur un forum smile.gif

Noter qu'à l'ouverture du fichier, il vous faudra accepter les macros du fichier (je certifie sur l'honneur de mon PJ nécromancien chaotique mauvais qu'il n'y a aucun virus ni trojan transformant votre ordinateur en zombie de la toile).

Il marche sur Microsoft Excell et Windows. Je n'ai pas testé sur LibreOffice ou OpenOffice ou Linux. Je le ferai demain si j'oublie d'avoir la flemme. Sinon à vous de me dire devilsmokin.gif

Son utilisation est plutôt simple... quelques paramètres à renseigner (les cases vertes), et ensuite le tableau à créer ! Le résultat est enregistré dans un fichier (dont le nom et le chemin est dans les paramètres).
Si vous préférez une pop-up avec le résultat, je pourrai changer.

Voilà.. comme beaucoup de choses plutôt intuitives et pas trop complexe, je préconise de tester et bidouiller smile.gif

Noter que si vous voulez tester le rendu de votre tableau, il suffit de créer un nouveau message sur le forum, et de faire "prévisualiser".
Reste que si ça vous fait plaisir, vous pouvez partager votre plus belle création lulu.gif


Voilou smile.gif

Brun'

écrit par: Nirannor Vendredi 13 Novembre 2015 à 07h49
Beau travail!

Et en plus il y a les commentaires dans la macro.

Si vous êtes comme moi un peu curieux, le fichier texte se place sous "Mes Documents" quand rien n'est mis dans le dossier de sortie. Quand le dossier de sortie n'est pas bon (lettre d'un disque qui n'existe pas), la macro plante.

écrit par: Syraew Vendredi 13 Novembre 2015 à 10h41
Joli !

QUOTE
Mais bon, on s'en fout, tant que c'est compliqué !


biggrin.gif biggrin.gif biggrin.gif

écrit par: Silenda Vendredi 13 Novembre 2015 à 13h52
Bravo ! Joli travail.

écrit par: Brunhilda Sigrun Vendredi 13 Novembre 2015 à 21h30
Merci smile.gif
QUOTE
Et en plus il y a les commentaires dans la macro.
Ben oui ! biggrin.gif Ne serais-ce que pour se comprendre dans 6 mois !

Bon par contre, j'ai testé, et ça ne marche pas sur OpenOffice. Bon.. heu.. sauf si quelqu'un en a vraiment besoin, je planifie ça pour plus tard smile.gif