Liv
Admin
 |  Lien: /t346-presentation-de-l-outil#1660 Ven 8 Mai - 13:12 | |
|
Présentation d’un petit outil de création de tableau en BBCode pour les forums PHPBB
|
Le fichier
| | | | | | | | | | |
C’est un fichier que j’ai créé avec le logiciel Calc de la suite LibreOffice disponible en freeware à l’adresse https://fr.libreoffice.org/ (Je le recommande)
Le fichier est (normalement) reconnu et utilisable avec le logiciel Excel de la suite Office Microsoft (je ne l’ai pas testé).
Le fichier n’inclut aucune macro. Tous les calculs sont exécutés avec des formules. C’est une limitation mais c’est aussi une sécurité pour vous.
| |  |
Une fois le fichier ouvert dans le logiciel, une feuille (sheet) se présente à vous.
Au bas de cette feuille se trouve une série d’onglets qui vous permettent d’accéder aux différentes parties du fichier.
| | | | | | | | | | | | | |  |
Feuille de saisie :
Pour simplifier la saisie, cette feuille est un simple tableau avec les colonnes et les lignes numérotées.
Cette feuille est très permissive sauf les en-têtes de lignes et de colonnes qui sont bloqués pour ne pas disparaître.
Les feuilles de calcul sont très souples à l’utilisation, parfois trop. Dans le souci de ne pas perdre la structure du fichier essentielle à son bon fonctionnement. Toutes les parties indispensables, celles servant au calcul sont protégées à l’édition. Cependant la protection des feuilles est très facile à ôter pour ceux souhaitant fouiller plus en avant ou modifier le fichier. Il n’y a pas de mot de passe. C’est freeware.
Quelques connaissances à l’utilisation des tableurs et des formules seront nécessaires.
Pour les novices, mieux vaut laisser les feuilles protégées. C’est une sécurité.
| | | | | | | | | | | | | | | | | | | | | | | | | |  |
Par expérience, trouver les bons codes HTML pour les couleurs n’est pas très facile.
Cette feuille est une aide pour trouver facilement quelques codes couleurs.
La colorisation des cellules du fichier n’est pas utilisable pour générer le BBCode. Seuls comptent les codes couleurs dans la forme #xxxxxx.
Le code se décomposent en 3 valeurs. RGB (Red Green Blue). Les valeurs sont de 0 à 255 dans la forme héxadécimale (#FF = 255, #0 = 0, #10 = 32, etc …).
Le rouge est (Red = 255, Green = 0, Blue = 0) soit #FF0000, pour le vert c’est #00FF00 et le bleu #0000FF. Toutes les autres valeurs sont les couleurs intermédiaires.
Cas particuliers, noir = #000000 et blanc = #FFFFFF.
Il existe beaucoup de sites pour retrouver toutes les teintes possibles et imaginables.
| | | | | | | | | | | | | | | | | | | | | | | | | |  |
La feuille calcul :
Cette feuille est la plus compliquée de toutes. Elle sera expliquée dans le détail.
Elle gère la mise en forme du tableau.
| | | | |
Les couleurs
|
Les couleurs du fond de cellule dépendent de l’attribut CSS « background-color ».
Les couleurs de caractères sont insérées sous la forme de la balise BBCode [color:8db7=#xxxxxx] … encadrant le texte dans la cellule, d’une manière invisible depuis la feuille « couleur ».
Dès qu’une couleur de fond de cellule est paramétrée, une formule intègre la couleur de caractère associée.
(oui, c’est sujet à caution, une évolution est à prévoir pour améliorer ce paramètre).
Le codes couleurs de caractère restent modifiables à l’envie.
Les couleurs de caractères dépendent des couleurs du fond de cellule paramétrés. Elles sont automatisées d’une manière invisible depuis la feuille « couleur ». C point détail fait l’interdiction d’utiliser une autre couleur que celles connues dans la feuille « couleurs » (A améliorer, évolution prévue)
| | | | | Le bordurage |
Plusieurs paramètres sont possibles. Ils sont listés dans la cellule « bordures ».
Les valeurs de ce paramètre sont figées dans la liste donnée.
La liste peut être rallongée. Mais le très grand nombre de paramètres possibles, notamment le paramètrage indépendant de chaque coté d’une cellule (left, top, right et bottom), l’épaisseur du trait, la couleur du trait, les coins arrondis et le style de trait font la complexité de la gestion.
Les valeurs listés sont les plus courantes.
| | | | | L’alignement du texte |
L’alignement ne peut pendre que 4 valeurs possibles. Left, Center, Right, Justify.
Ce paramètres est inclut dans la balise sont sa forme d’attributs.
Cependant, vous pouvez tout à fait laisser ce paramètre « vide » et en ajoutant un sous la forme BBCode en encadrant le texte dans la cellule.
Le résultat sera le même.
| | | | | La taille de la cellule |
La taille de la cellule dans le tableau ne concerne que la largeur, pas la hauteur.
La hauteur peut être paramètrée mais dans la case « autres attribs sous sont forme CSS. Donc il faut maitriser ce langage.
Il n’y a pas beaucoup d’utilité à gérer la hauteur. Elle s’adapte automatiquement plutôt agréablement en fonction du contenu de la cellule du tableau.
Mieux vaut laisser cela aux experts.
| | | | | Les fusions de cellules |
« colspan » et « rowspan » sont les noms barbares en CSS pour indiquer le sens de fusion des cellules, en colonne et en ligne.
On peut traduire ces paramètres par « fusion de cellules » verticales et/ou horizontales.
Sans aucun doute, les paramètres les plus difficiles à gérer dans le fichier. En tout cas, ils sont ceux qui m’ont générés le plus de brainstorming.
Je les expliquerai dans le détail au chapitre « colspan, rowspan ».
Ils sont à manipuler avec attention.
| | | | | Les « Autres attrib »
|
Ce paramètres qui est une porte ouverte pour toutes les mises en forme non gérées automatiquement.
Elles seront expliquées mais elles nécisstient une connaissance plutôt avancées du code CSS.
A réserver aux experts.
Je tenterai de vous en suggérer quelques unes fournissant des effets sympas sur le texte.
| | |
Le fichier est mis à disposition à la demande au format ZIP (donc à décompresser).
Il est au format ODS de LibreOffice.
Il est vierge de tout paramètre et de tout texte.
| | |
Voilà pour la présentation générique. J’entrerai dans le détail dans d’autres posts.
| | |
NB :
Ce post explicatif est généré grâce à ce fichier. 
J’admet que cela peut paraître lourd et inutile.
Cet outil n’a qu’un seul but, aider à générer des posts en BBCode avec une présentation « aux petits oignons ».
Si vous aimez « faire du joli », agrémenter vos posts d’images bien cadrées, de textes qui partent dans tous les sens mais en restant superbement alignés, mettre de la couleur (plein!) alors il faut passer par les tableaux. C’est une solution qui offre beaucoup de souplesse d’affichage.
Pour info, sachez qu’un très grand nombre de sites internet, que vous visitez, sont gérer sous forme de tableau.
Toutes les pages des forums PHPBB sont à l’intérieur d’une série de tableaux ...
Cela est complètement invisible ! (sauf pour ceux qui s’y connaissent un peu en gestion de sites).
Alors oui, cet outil est inutile à tous ceux qui ne voient pas l’intérêt de sortir du cadre convenu d’un « texte tiré au kilomètre ».
Si vous trouvez votre imagination limitée dans la technique « basique » , découvrez la modularité des tableaux !
Je vous mets au défi de réaliser cette même page manuellement à l’aide des outils proposés dans l’éditeur du forum …
Par expérience .. Bon courage ….
| | |
Version 1.0 du manuel pour la version 2b du fichier
Liv, le 08 mai 20020
| |
Dernière édition par Liv le Mer 13 Mai - 8:21, édité 1 fois |
|
Liv
Admin
| |
