AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-50%
Le deal à ne pas rater :
[Adhérents Fnac] -50% Casque Pro Gaming HyperX Cloud Alpha Noire et ...
49.99 € 99.99 €
Voir le deal

    Création d'une Barre/Jauge dans le profil [Sujet a Supprimer]

    Shaolan
    Shaolan
    MasculinAge : 33Messages : 121

    Mar 29 Déc 2020 - 19:39

    Création d'une Barre/Jauge dans le profil



    Bonjour, comment allez vous ?
    Alors voilà, je viens ici faire une petite demande de codage suite à de nombreuse recherche et essaie sans parvenir à obtenir le résultat souhaité.

    Mon but: j'aimerai créer plusieurs barre/jauge de "caractère" qui seront dans le profil et les messages des membres.
    Mon message vous permettra de mieux comprendre ce que je veux.

    D'un coté on va dire le trait "gentil" - au milieu la barre - de l'autre côté "méchant"
    Et ceux-ci pour plusieurs traits de caractère.



    Schéma(s) et Eléments


    Schémas : https://zupimages.net/up/20/53/iy9k.png
    Tailles des éléments : la longueur de la barre ,environ 150px ? hauteur: 8px.
    Effets voulus : J'aimerai si possible que la couleur de la jauge de remplissage change selon le groupe ou bien le forum où est le message.
    Version de votre forum : PHPBB2


    Ressources


    Si vous souhaitez des images de fond précises ou des icônes etc... mettez-les ici. Attention : ces images seront dans le code mis en libre service.


    Autres précisions ?


    Je ne sais pas si c'est possible de faire en pure css/Js, j'avoue ne pas trop m'y connaitre en js et champ de profil ^^'


    Voilà voilà, je ne sais pas si j'ai donné tout les éléments necessaire oo, je sais qu'il faudra pour le coup créer des champs de profil et que ceux-ci seront personnalisé via le code du css ?

    J'espère ne pas trop vous déranger et vous remercie par avance pour votre aide. C'est au plaisir de pouvoir apprendre à vos côtés ! Je suis à votre écoute et votre disposition si besoin :3


    Dernière édition par Shaolan le Lun 21 Fév 2022 - 9:26, édité 2 fois
    Monomer
    Monomer
    MasculinAge : 31Messages : 39

    Lun 18 Jan 2021 - 1:35

    Salutation à toi !

    J'ai décidé de faire razzia sur les sujets sans réponses et j'arrive maintenant au tien qui me parait un peu plus complexe que les autres. Malheureusement, je ne pense pas être en mesure de t'aider immédiatement et j'aurais besoin d'un peu plus d'informations, notamment concernant les différentes conditions qui amèneront ces barres à changer !

    Dans l'idéal, si tu pouvais me présenter le système des traits de caractère de ton forum avec plus de détails (sous hide si tu ne veux pas que tout le monde lise ou en MP) et y ajouter quelques exemples qui amèneraient ces barres à changer selon le groupe et le forum, je pourrais me faire une meilleure idée de la stratégie à aborder pour résoudre ta demande !

    Pour mieux t'illustrer le genre de détails que je n'ai pas tout à fait compris : sur ton illustration la barre est divisée en deux, avec deux "texte" de chaque côté. J'imagine qu'il s'agit de deux traits qui s'opposent comme ceci : (image), mais est-ce que la barre peut être à la fois dans le "positif" et le "négatif", ou alors est-ce qu'elle ne peut avoir qu'une seule polarisation ? Aussi, dans quelles circonstances changent-elles (selon le forum et les groupes ?), et de quelle façon ? Uniquement en apparence, ou les traits sont également différents ? Est-ce que les membres peuvent modifier eux-mêmes ces traits ?

    Sinon (peut-être que ça pourrait répondre à tes besoins, sait-on jamais), j'ai déjà travaillé sur un système un peu semblable pour un de mes projets. Il simulait l'évaluation psychologique d'un personnage dans son profil et ressemblait à ça : (image). Le principe me semble assez proche du tien (si on oublie le graph) sachant que la valeur des "jauges" sur mon exemple pouvait être positive ou négative et qu'elle impactait quel trait de caractère était affiché et son niveau. Les champs étaient diamétralement opposés comme ceci : (image).

    Enfin voilà... Quelques petites questions qui m'aideront à mieux répondre à ta demande lorsqu'elles seront éclaircies !
    J'attends de tes nouvelles impatiemment pour m'attaquer à ce petit challenge dès que je le peux ! ♥
    Shaolan
    Shaolan
    MasculinAge : 33Messages : 121

    Mer 3 Fév 2021 - 10:14

    Bonjour !

    Désolé pour le retard :3

    Il se trouve que notre designer a opté pour autre chose pour notre thème, de ce fait, je n'ai plus besoin de ce système.

    Toutefois, j'avoue malgré être curieux et expérimental quand bien même nous en avons plus l'utilité.

    Pour répondre aux questions, il s'agissait d'une seule barre de progression avec a ses extrémités deux traits de caractère opposé.

    Par exemple la barre rempli a 25% aurait signifiée que le personnage était 25% gentil et 75% méchant.

    Pour ce qui est de la couleur, je n'ai plus le code sous la main mais c'était quelque chose qui disait : dans forum 1 ceci a cette couleur, dans forum 2 , la couleur est différente.

    Je pourrais t'envoyer par mp, dans la journée, le JS utilisé pour le changement de couleur. Mon challenge étant principalement la mise en forme des barres ainsi que les textes a chaque extrémité :3

    J'adhère a ton graphique ! Je ne sais plus où, ici je crois, sur NU, j'avais tester un codage style "diagramme Naruto" je ne sais pas si c'est ce que tu as utilisé mais ça avait dans l'ensemble le même aspect :3


    En tout cas merci pour l'aide !

    J'avoue être actuellement sur un autre gros problème dont je posterais la demande prochainement qui est : les notifications.

    Dans l'idée global se serait de mettre la fonction du bouton "notification" de la toolbar avec son "onglet" des mini notif dans un widget qui s'ouvre et se ferme.

    En gros, isoler la partie notification de la toolbar et la placer ailleurs que tout en haut du forum oo
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 10:03