Nouveau codage d'inventaire

Modérateur - Codeur en Chef

Des questions
Pour des champions

Bonjour à tous !

Je sais ce que vous pensez : « Architecte ? Ah parce qu'il parle, lui ? »… Oui, oui. Généralement il m'arrive de râler quand je code. Je peste à outrance… et puis finalement je me dis que m'adresser à vous est encore ce qu'il y a de mieux à faire. Je suis un grand timide. Je préfère me cacher derrière des balises, des valeurs et des propriétés. Mais en ce jour, j'ai besoin de vos avis éclairés.

En me penchant sur la question d'un nouvel inventaire à la demande du Créateur, j'ai mis au point un nouveau codage qui pourrait avoir son intérêt. Pour l'heure il n'est pas tout à fait terminé, et reste totalement modifiable esthétiquement (je ne sais pas encore ce que ça donnera si ça devait se faire). Ce que vous verrez à la fin est donc pour l'essentiel l'aboutissement du schéma basique mais pourrait également être le produit final de ce codage.
Si je viens vers vous c'est parce que ce codage est mis au point afin de vous convenir. C'est vous qui le copierez et le collerez pour le modifier à votre convenance… et vous aurez beaucoup à modifier, mine de rien. Pour les moins à l'aise avec le html, l'entreprise pourrait se révéler stressante. Je tiens à préciser qu'en cas de besoin, je me tiens à votre entière disposition.

Comme vous pourrez le voir ci-après le codage est formé d'onglets. Vous aurez une boîte de ce style par type d'objet, à savoir : les objets du communs à mentionner, les armes de votre personnage et les animaux en sa possession. J'envisage également la création d'une boîte destinée aux objets magiques que votre personnage pourrait avoir mais si l'idée ne vous plaît pas, n'hésitez pas à m'en faire part et pourquoi pas me proposer la ou les vôtre(s). J'avais d'ailleurs pensé à une boîte liée à l'habitation (pour les Mésorians ou les Torkos libres vivant dans une Cité Libre). Donc n'hésitez pas à faire votre proposition, j'en discuterai avec le reste du Staff et finirai par faire un choix. Bref ! Il nous faut passer à l'exemple (à force de discuter avec des propriétés qui ont la fâcheuse manie de ne pas me répondre, j'en suis venu à développer un goût prononcé pour le monologue).

Les objets

Nom de votre second objet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus turpis ligula, ut elementum ante cursus ut. Vivamus dignissim elementum lectus, nec interdum libero egestas a. Pellentesque iaculis molestie venenatis. Aliquam malesuada nunc nec enim congue, a auctor nulla blandit. In interdum sodales felis, in placerat nunc ullamcorper eu. Nam fringilla mauris id justo tempus, non dapibus mauris blandit. Fusce ut lacus hendrerit justo porttitor sodales nec vulputate orci. Nulla facilisi. Pellentesque vel lectus vel purus mattis tempus.

Nom de votre troisième objet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus turpis ligula, ut elementum ante cursus ut. Vivamus dignissim elementum lectus, nec interdum libero egestas a. Pellentesque iaculis molestie venenatis. Aliquam malesuada nunc nec enim congue, a auctor nulla blandit. In interdum sodales felis, in placerat nunc ullamcorper eu. Nam fringilla mauris id justo tempus, non dapibus mauris blandit. Fusce ut lacus hendrerit justo porttitor sodales nec vulputate orci. Nulla facilisi. Pellentesque vel lectus vel purus mattis tempus.

Nom de votre quatrième objet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus turpis ligula, ut elementum ante cursus ut. Vivamus dignissim elementum lectus, nec interdum libero egestas a. Pellentesque iaculis molestie venenatis. Aliquam malesuada nunc nec enim congue, a auctor nulla blandit. In interdum sodales felis, in placerat nunc ullamcorper eu. Nam fringilla mauris id justo tempus, non dapibus mauris blandit. Fusce ut lacus hendrerit justo porttitor sodales nec vulputate orci. Nulla facilisi. Pellentesque vel lectus vel purus mattis tempus.

Nom de votre cinquième objet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus turpis ligula, ut elementum ante cursus ut. Vivamus dignissim elementum lectus, nec interdum libero egestas a. Pellentesque iaculis molestie venenatis. Aliquam malesuada nunc nec enim congue, a auctor nulla blandit. In interdum sodales felis, in placerat nunc ullamcorper eu. Nam fringilla mauris id justo tempus, non dapibus mauris blandit. Fusce ut lacus hendrerit justo porttitor sodales nec vulputate orci. Nulla facilisi. Pellentesque vel lectus vel purus mattis tempus.

Nom de votre sixième objet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus turpis ligula, ut elementum ante cursus ut. Vivamus dignissim elementum lectus, nec interdum libero egestas a. Pellentesque iaculis molestie venenatis. Aliquam malesuada nunc nec enim congue, a auctor nulla blandit. In interdum sodales felis, in placerat nunc ullamcorper eu. Nam fringilla mauris id justo tempus, non dapibus mauris blandit. Fusce ut lacus hendrerit justo porttitor sodales nec vulputate orci. Nulla facilisi. Pellentesque vel lectus vel purus mattis tempus.

Nom de votre septième objet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus turpis ligula, ut elementum ante cursus ut. Vivamus dignissim elementum lectus, nec interdum libero egestas a. Pellentesque iaculis molestie venenatis. Aliquam malesuada nunc nec enim congue, a auctor nulla blandit. In interdum sodales felis, in placerat nunc ullamcorper eu. Nam fringilla mauris id justo tempus, non dapibus mauris blandit. Fusce ut lacus hendrerit justo porttitor sodales nec vulputate orci. Nulla facilisi. Pellentesque vel lectus vel purus mattis tempus.

Nom de votre premier objet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus turpis ligula, ut elementum ante cursus ut. Vivamus dignissim elementum lectus, nec interdum libero egestas a. Pellentesque iaculis molestie venenatis. Aliquam malesuada nunc nec enim congue, a auctor nulla blandit. In interdum sodales felis, in placerat nunc ullamcorper eu. Nam fringilla mauris id justo tempus, non dapibus mauris blandit. Fusce ut lacus hendrerit justo porttitor sodales nec vulputate orci. Nulla facilisi. Pellentesque vel lectus vel purus mattis tempus.

Onglet 1

Onglet 2

Onglet 3

Onglet 4

Onglet 5

Onglet 6

Onglet 7

Code:: <center><div class="cadre"><div class="titre">Les objets</div><table><tr><td><div id="accueil1"><div id="accueil2"><div id="accueil3"><div id="accueil4"><div id="accueil5"><div id="accueil6"><div id="accueil7"><div id="content1"><div id="content2"><div class="info_accueil"><div class="nomobjet">Nom de votre second objet</div><img src="#" class="icône"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus turpis ligula, ut elementum ante cursus ut. Vivamus dignissim elementum lectus, nec interdum libero egestas a. Pellentesque iaculis molestie venenatis. Aliquam malesuada nunc nec enim congue, a auctor nulla blandit. In interdum sodales felis, in placerat nunc ullamcorper eu. Nam fringilla mauris id justo tempus, non dapibus mauris blandit. Fusce ut lacus hendrerit justo porttitor sodales nec vulputate orci. Nulla facilisi. Pellentesque vel lectus vel purus mattis tempus.</div></div><div id="content3"><div class="info_accueil"><div class="nomobjet">Nom de votre troisième objet</div><img src="#" class="icône"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus turpis ligula, ut elementum ante cursus ut. Vivamus dignissim elementum lectus, nec interdum libero egestas a. Pellentesque iaculis molestie venenatis. Aliquam malesuada nunc nec enim congue, a auctor nulla blandit. In interdum sodales felis, in placerat nunc ullamcorper eu. Nam fringilla mauris id justo tempus, non dapibus mauris blandit. Fusce ut lacus hendrerit justo porttitor sodales nec vulputate orci. Nulla facilisi. Pellentesque vel lectus vel purus mattis tempus.</div></div><div id="content4"><div class="info_accueil"><div class="nomobjet">Nom de votre quatrième objet</div><img src="#" class="icône"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus turpis ligula, ut elementum ante cursus ut. Vivamus dignissim elementum lectus, nec interdum libero egestas a. Pellentesque iaculis molestie venenatis. Aliquam malesuada nunc nec enim congue, a auctor nulla blandit. In interdum sodales felis, in placerat nunc ullamcorper eu. Nam fringilla mauris id justo tempus, non dapibus mauris blandit. Fusce ut lacus hendrerit justo porttitor sodales nec vulputate orci. Nulla facilisi. Pellentesque vel lectus vel purus mattis tempus.</div></div><div id="content5"><div class="info_accueil"><div class="nomobjet">Nom de votre cinquième objet</div><img src="#" class="icône"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus turpis ligula, ut elementum ante cursus ut. Vivamus dignissim elementum lectus, nec interdum libero egestas a. Pellentesque iaculis molestie venenatis. Aliquam malesuada nunc nec enim congue, a auctor nulla blandit. In interdum sodales felis, in placerat nunc ullamcorper eu. Nam fringilla mauris id justo tempus, non dapibus mauris blandit. Fusce ut lacus hendrerit justo porttitor sodales nec vulputate orci. Nulla facilisi. Pellentesque vel lectus vel purus mattis tempus.</div></div><div id="content6"><div class="info_accueil"><div class="nomobjet">Nom de votre sixième objet</div><img src="#" class="icône"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus turpis ligula, ut elementum ante cursus ut. Vivamus dignissim elementum lectus, nec interdum libero egestas a. Pellentesque iaculis molestie venenatis. Aliquam malesuada nunc nec enim congue, a auctor nulla blandit. In interdum sodales felis, in placerat nunc ullamcorper eu. Nam fringilla mauris id justo tempus, non dapibus mauris blandit. Fusce ut lacus hendrerit justo porttitor sodales nec vulputate orci. Nulla facilisi. Pellentesque vel lectus vel purus mattis tempus.</div></div><div id="content7"><div class="info_accueil"><div class="nomobjet">Nom de votre septième objet</div><img src="#" class="icône"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus turpis ligula, ut elementum ante cursus ut. Vivamus dignissim elementum lectus, nec interdum libero egestas a. Pellentesque iaculis molestie venenatis. Aliquam malesuada nunc nec enim congue, a auctor nulla blandit. In interdum sodales felis, in placerat nunc ullamcorper eu. Nam fringilla mauris id justo tempus, non dapibus mauris blandit. Fusce ut lacus hendrerit justo porttitor sodales nec vulputate orci. Nulla facilisi. Pellentesque vel lectus vel purus mattis tempus.</div></div><div class="info_accueil"><div class="nomobjet">Nom de votre premier objet</div><img src="#" class="icône"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus turpis ligula, ut elementum ante cursus ut. Vivamus dignissim elementum lectus, nec interdum libero egestas a. Pellentesque iaculis molestie venenatis. Aliquam malesuada nunc nec enim congue, a auctor nulla blandit. In interdum sodales felis, in placerat nunc ullamcorper eu. Nam fringilla mauris id justo tempus, non dapibus mauris blandit. Fusce ut lacus hendrerit justo porttitor sodales nec vulputate orci. Nulla facilisi. Pellentesque vel lectus vel purus mattis tempus.</div></div> </div></div></div></div></div></div></div></td><td>
<span class="ongl1"><a href="#accueil1">Onglet 1</a></span>

<span class="ongl2"><a href="#accueil2">Onglet 2</a></span>

<span class="ongl3"><a href="#accueil3">Onglet 3</a></span>

<span class="ongl4"><a href="#accueil4">Onglet 4</a></span>

<span class="ongl5"><a href="#accueil5">Onglet 5</a></span>

<span class="ongl6"><a href="#accueil6">Onglet 6</a></span>

<span class="ongl7"><a href="#accueil7">Onglet 7</a></span></td></tr></table> </div></center>

Je ne suis pas peu fier du résultat (d'ordinaire ledit résultat n'est que très peu réussi esthétiquement parlant et ne le devient qu'avec la participation de Créateur) mais ce codage présente différents inconvénients, et c'est pour cela que je viens vers vous.

1. Il sera long et difficile pour les moins accoutumés au html, ce qui peut être pas mal stressant. Sans parler du temps qu'il faudra passer pour essayer de comprendre, même si je me chargerai au mieux de faire un tutoriel et de simplifier le code au plus simple avec des indications en majuscules pour les endroits où placer vos informations. Théoriquement vous n'aurez qu'à mettre un nom à l'objet et remplir les champs, l'image et la description. Pas trop compliqué, toujours en théorie, mais chronophage.

2. La description est limitée en terme de mots. En effet ce type de codage ne permet pas de placer un overflow. L'absence de Javascript fait qu'on ne travaille plus avec le hover, donc j'augmenterai peut-être la hauteur, mais je ne garantis rien. Ce que vous voyez sur l'exemple sera donc le maximum de caractères pouvant être placés dans la description de l'objet. Ça peut frustrer les plus prolifiques en descriptions. Je m'en excuse platement.

3. La quantité de code. Gardez à l'esprit que le code situé à la suite n'est que la quantité liée à une boîte. Et qu'il y en aura un minimum de trois et un maximum de quatre (voire cinq mais c'est peu probable). Ce n'est pas que je veuille vous effrayer mais c'est bien pour ça que je suis là : m'assurer que vous comprenez ce que ça implique, à savoir le côté particulièrement effrayant d'un code à rallonge. Si ça ne me dérange pas outre mesure, ce n'est pas forcément le cas de tout le monde. Bon, je tiens aussi à tempérer un peu : la quantité de code que vous voyez, c'est la quantité une fois la boîte remplie avec le maximum de texte. Sachant que vous avez 7 emplacements disponibles mais que vous n'aurez pas 7 animaux, difficilement 7 armes, peu probablement 7 objets magiques mais certes plus facilement 7 objets communs. En somme, il devrait y avoir moins d'informations à remplir.

4. La quantité d'objets, comme précisé plus haut : vous serez limité à 7 objets par catégories.

Ça fait beaucoup d'inconvénients a priori mais si on y réfléchit bien, on décrit rarement un objet sous toutes ses coutures, surtout avec une image à l'appui que l'on peut ajouter. Ou un lien vers un sujet explicatif s'il y en a un. Parfois le simple fait de nommer l'objet suffit à son existence, donc la description en terme de quantité ne devrait pas poser de problème trop souvent. Quant à la limitation d'objets, j'ai rarement vu plus de sept objets par catégorie. Le réel problème se situe dans la quantité de codage qui peut se révéler effrayante voire dissuasive car trop chronophage.

Une dernière petite chose : si ce codage ne vous convient pas mais qu'il devait être accepté, vous n'êtes pas obligé de vous en servir. Tout comme le précédent, il est totalement facultatif.

Voici donc la raison de ma présence ici. Le sondage aura trois choix disponibles mais si vous pouviez développer avec un avis afin de me permettre d'améliorer ou de me rediriger, j'en serais ravi. Merci beaucoup d'avoir pris le temps de me lire et de répondre à ce sondage !
Des cookies sur vous !

Marcheuse au grand coeur

Bonjour, Bonsoir.

Je suis nouvelle sur le forum mais je me permet de répondre à ton long monologue. :3

Pour ma part, je trouve le codage très intéressant du fait qu'il soit peu encombrant sur la fiche et assez pratique.

Néanmoins, je me dis que pour les personnes n'ayant pas ou peu d'expérience dans le codage comme moi, il n'est pas aisé de pouvoir tout comprendre (savoir qui est quoi et quoi modifier). Pour cela, il faudrait peut être mettre en majuscule les termes pouvant être modifiée par exemple "LIEN IMAGE" ou "TITRE OBJET" en majuscule pour que cela puisse se voir facilement.
Je suis une amatrice de codage en tout genre et il m'a toujours semblé plus simple de modifier les zones modifiables lorsqu'elles sont précisées en majuscule. Après, ce n'est que mon avis.

Continue ton bon travail, Architecte !

Modérateur - Codeur en Chef

Bonsoir Ambre !

Merci beaucoup de donner ton avis aussi rapidement, je commençais à me dire que, justement, mon monologue était un petit peu trop long et avait probablement découragé les joueurs.
Pour répondre à ta suggestion, je vais juste relever ce que j'ai précisé dans mon premier point (1.) :

Citation :: Sans parler du temps qu'il faudra passer pour essayer de comprendre, même si je me chargerai au mieux de faire un tutoriel et de simplifier le code au plus simple avec des indications en majuscules pour les endroits où placer vos informations.

Donc ce sera totalement le cas. Je préciserai chaque emplacement correctement et il y aura un tutoriel afin d'accompagner pas à pas les joueurs les moins à l'aise. Et si il y a toujours un problème, rien n'empêche de me contacter pour que je le règle moi-même. Voire, si on prend le temps de me passer les informations, que je fasse le codage moi-même via un copier/coller.

Marcheuse au grand coeur

Au temps pour moi ! Je n'avais pas vu les choses de cette façon. (A moins que justement, je n'étais pas assez concentrée dans ton monologue, désolée !! ^^")

3ème frère de Kakku - Clan Mauste

Pour ma part je n'utiliserai pas ce codage, parce que je n'ai que 3-4 objets pas plus donc j'aurais peur qu'il fasses trop vide, et un système de liste tout simple me convient totalement.
Je pense qu'il sera plus adapté pour les gens qui ont beaucoup de choses, car il a la bonne idée de prendre peu de place mais de pouvoir contenir beaucoup d'informations.

Héritière du Doyen d'Îleglace

Bonjour Architecte ^^

Alors je suis pas sur d'avoir tout bien compris de ta problématique mais je donne quand même mon avis :

- Personnellement, le codage actuel ne me pose aucun problème. J'y ai jeté un coup d’œil rapide mais je pense que je vais me planter une ou deux fois comme d'habitude mais que ce ne sera pas insurmontable (faudrait juste mettre où exactement le lien vers l'image doit être collé :p)

-Ensuite, je vois plus personnellement si je devais prendre ce codage (j'y ai pas trop réfléchi et j'aime bien celui actuel fait par Lëxi) de le copier/coller plusieurs fois pour les différents types d'objets (faire une catégorie arme, objets magiques, ...) à la fois parce que d'une le format étant minimaliste, je trouve que ça ferait trop vide et d'une autre pour l'organisation mais dans ce cas, je trouve que 7 onglets, c'est un peu excessif (5 pour moi serait bien mieux).

- Si j'ai bien compris ton histoire de "boite" c'est un peu ce que je dis au dessus xD donc oui je pense que 3/4 catégories c'est amplement suffisant (surtout que peut être qu'il y en a qui se recoupent, je ne sais pas)

- Je pense que le plus handicapant pour moi sera le nombre de mots à respecter mais bon, comme tu l'as dit, une image est à côté donc la description peut être succincte. Après faudrait que je fasse un test Very Happy

- Dernière chose, je suis très pointilleuse sur l'esthétique (je préfère me compliquer la vie et avoir un joli truc qu'un truc simple à faire mais pas jolie) et là, je trouve ton codage jolie mais trop "strict" ~ Après c'est que mon avis ^^

Voilà pour moi, je sais pas si ça peut t'aider /o\

Modérateur - Codeur en Chef

Merci à toutes les deux pour vos réponses !

Tiki > D'accord, c'est vrai que dans le cadre d'un petit inventaire, le codage ici présent représente peu d'intérêt et plus de travail que nécessaire je suppose. Dans tous les cas, merci d'avoir prit le temps de me répondre !

Erihis > Normalement il ne devrait pas y avoir trop d'erreurs mais ça ne me pose aucun soucis si tu préfères passer par moi le cas échéant, héhé. Concernant les 7 onglets, il faut savoir qu'il est totalement possible d'en retirer un ou deux, voire plus si nécessaire. Après tout, il suffit de supprimer une ligne de code ou deux et le tour est joué ! Pour l'aspect esthétique, je suis loin d'être efficace en graphisme (mes compétences s'arrêtent au recadrage) du coup j'ai quelques difficultés à "imaginer" quelque chose dans ces conditions, surtout en sachant que je ne suis pas capable de le faire moi-même. Donc je suppose que je peux toujours améliorer l'esthétique en en parlant avec Créateur si c'est possible. Merci beaucoup de m'avoir répondu !

Marchesable sans racines

Si tu as besoin de tests smartphone, je suis là ! Ton code marche sur Android en tous les cas.

Pour mon avis, je sais que je vais créer un inventaire car mon personnage fera la liste de ce qu'il a et ce qu'il compte avoir. J'ignore la forme qu'il prendra.

Par contre, je trouve cette forme vraiment sympa pour les carnets de bord. Tu as une période de jeu par bloc, tous les résumés des rp + une image.

Merci beaucoup pour tout le travail que tu fais pour nous et de rendre notre vie sur le forum belle et simple.

Compte fondateur

Annonce : Ce projet reste en stand-by. On va réfléchir à sa mise en place. Merci aux votants.

» Avez vous rencontré des problèmes avec le codage du formulaire de présentation ?
» absence d'un nouveau
» Besoin de nouveau
» Demande de nouveau compte
» Cherche un nouveau Maître ou Maîtresse

Nouveau codage d'inventaire

Nouveau codage d'inventaire

Sujets similaires

Sujets similaires