AccueilRechercherS'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.

Le Deal du moment :
Cartes Pokémon : sortie d’un nouveau ...
Voir le deal

    Badges dans le profil des sujets. [EN PAUSE]

    bloomandwander
    bloomandwander
    FémininAge : 28Messages : 17

    Dim 15 Déc 2019 - 22:17

    Bonjour,
    J'aurai grand besoin de votre aide et je vous dit déjà merci d'avance si vous tenter l'aventure ! :love:
    Je ne savais pas comment nommer ça, j'espère que ça ira... Embarassed Je pense également que cet endroit convient mieux à mon soucis que l'autre, désolée, je suis un peu perdue sur ce forum. Embarassed Embarassed
    Voilà, j'utilise depuis quelques temps le système de badges de Nihil pour profil simple sur mes forums privés et c'est super sympa pour "personnaliser" mes personnages, leur donner une personnalité en images un peu à la sims. Jusque là, tout va bien. J'ai eu la bonne idée de proposer à mes co-admins de faire la même chose sur notre forum ouvert qui marche plutôt bien pour lui donner un côté un peu ludique et amusant, réduire le profil niveau écriture et lui donner de la couleur ...
    Sauf que je bloque complètement sur comment amener les badges jusqu'au profil dans les sujets. scratch Je pense que le soucis vient du javascript qui n'est donc pas le même mais vu que je suis une grosse débutante dans l'histoire, je parviens à rien du tout. :euh: Si vous pouviez m'aider à trouver une solution ce serait super ! Embarassed

    https://inkedbystars.forumactif.com/t104-testing

    L'idée :
    Spoiler:

    Donc ce que j'ai utilisé c'est :
    - Utilisé ce système de badges de Nihil.
    - Système badge 2

    HTML Badges:
    Spoiler:

    CSS :
    Spoiler:

    Javascript pour profil simple :
    Spoiler:

    J'ai ajouté : "<*div id="badges-profil"><*/div>" dans viewtopic_body.




    Dernière édition par bloomandwander le Jeu 19 Déc 2019 - 14:57, édité 2 fois
    bloomandwander
    bloomandwander
    FémininAge : 28Messages : 17

    Jeu 19 Déc 2019 - 14:55

    Up Embarassed

    (Je pense que je peux, si j'ai bien compris. Je suis pas habituée aux ups acceptés. Embarassed )
    NyoTheNeko
    NyoTheNeko
    FémininAge : 28Messages : 5686

    Sam 21 Déc 2019 - 16:46

    Hello !
    Les up sont acceptés et même encouragés pour savoir si tu cherches encore. D'ailleurs, vu que ça va faire un petit moment : tu cherches encore ? Si oui je me penche sur ton cas =3



    bloomandwander
    bloomandwander
    FémininAge : 28Messages : 17

    Dim 22 Déc 2019 - 1:40

    Oui, je cherche encore ! =p
    Merci pour l'information ! ^^
    NyoTheNeko
    NyoTheNeko
    FémininAge : 28Messages : 5686

    Dim 22 Déc 2019 - 12:10

    Ok alors je vois plusieurs soucis. Après je fais ça sur le code de Nihil donc elle répondra peut-être mieux que moi. Cela dit, une chose qui est pour certaine : l'id va te poser problème dès que tu vas avoir plus d'un message dans un sujet. En effet, chaque profil aura une id et normalement, une id ne doit apparaître qu'une seule fois. Une id c'est unique sur une page, donc toi il te faute une classe.
    Heureusement, c'est possible, car comme le dit Nihil dans ce sujet dans son dernier message, tu peux modifier ton javascript pour marcher avec une classe. Bien sûr il va falloir changer le CSS aussi.

    Du coup on va déjà modifier ça et on va voir ce que ça donne. Je crois qu'il y a un autre soucis dans le JS amis je suis pas certaine encore à 100%.

    Est-ce que tu pourrais aussi me donner le viewtopic_body pour que je puisse voir ce que tu as mis au niveau du profil ?



    bloomandwander
    bloomandwander
    FémininAge : 28Messages : 17

    Lun 23 Déc 2019 - 2:01

    Merci beaucoup de tenter l'aventure et m'aider, j'apprécie ! :hug:
    D'accord, je comprends. :hum: J'ai changer l'id pour une class du coup et changer le CSS.

    Voici le viewtopic_body :

    Spoiler:
    NyoTheNeko
    NyoTheNeko
    FémininAge : 28Messages : 5686

    Lun 23 Déc 2019 - 9:47

    Bon je pense que je vais devoir mettre tout ça sur un forum de test pour tester parce que juste comme ça je vais pas m'en sortir :mdr: Je peux juste te demander de me redonner ton CSS et javascript/page html actuelle ? Comme ça je suis certaine d'avoir tout comme toi.



    bloomandwander
    bloomandwander
    FémininAge : 28Messages : 17

    Lun 23 Déc 2019 - 15:25

    Je comprends, totalement ! Merci beaucoup d'y jeter un oeil en tout cas ! :love:

    Je te donne l'entièreté du css concernant le profil, au cas où:
    Spoiler:


    Javascript :
    Spoiler:

    Page Html:
    Spoiler:
    NyoTheNeko
    NyoTheNeko
    FémininAge : 28Messages : 5686

    Lun 23 Déc 2019 - 15:55

    Hmmm, une dernière question, dans quel endroit tu mets les badges obtenus dans le profil ? Dans le sens le texte qui doit être "lu" pour trouver les badges qu'a un membre ?



    bloomandwander
    bloomandwander
    FémininAge : 28Messages : 17

    Lun 23 Déc 2019 - 17:22

    N'étant pas sûre d'avoir compris, j'ai fait deux captures (je ne suis pas douée en explications) en espérant répondre à ta question. Embarassed Embarassed
    Si non, désolée, la fatigue m'aide pas aujourd'hui. Razz
    https://i.servimg.com/u/f38/20/14/33/09/profil10.png
    https://i.servimg.com/u/f38/20/14/33/09/profil11.png
    NyoTheNeko
    NyoTheNeko
    FémininAge : 28Messages : 5686

    Lun 23 Déc 2019 - 18:03

    Les captures d'écran sont parfaites, t'inquiète pas !

    Et grâce à ça je vois déjà le problème.
    Si tu veux, le JS va chercher sur la page actuelle l'élément du profil qui va inclure les badges (le var idChamp = "field_id1"Wink. Donc en gros, quand tu es sur ton profil, tu as un champ "badges" qui est remplit par quelqu’un et qui est affiché dans le profil. Et là, on va chercher ce champ, le lire et afficher les bonnes images (vu qu'on veut l'afficher dans le profil même, donc pas de soucis).
    Dans ton cas, on est dans les messages, donc on a pas accès à cette information, vu qu'elle n'est disponible que dans les profils.

    On peut cependant afficher cela dans les messages (en cochant le faite qu'on veut afficher ça dans les messages), mais là aussi on a un soucis car on a cette configuration pour cette partie :
    Code:
    <div class="profils"> <!-- BEGIN profile_field -->
                                    <span class="profil"> <vv>{postrow.displayed.profile_field.LABEL}</vv>{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
                                      <!-- END profile_field --></div>
    Donc contrairement au profil où chaque élément a un numéro précis, ici il faudrait chercher le label qui a la bonne chose pour ensuite chercher le texte ensuite et le séparer. Ca change un petit peu le code, et je pense aussi qu'idéalement on met cette partie en display: none pour ne pas avoir à double les badges.
    Maintenant la question est: tu veux afficher les badges que dans les messages ou aussi dans le s profils ?



    bloomandwander
    bloomandwander
    FémininAge : 28Messages : 17

    Mer 25 Déc 2019 - 15:45

    Ah d'accord, je pense que je comprends mieux le principe et effectivement, grâce à tes explications, ça a du sens pourquoi ça fonctionne pas du coup. scratch
    Idéalement, les deux ce serait sympa je trouve, si c'est possible du coup, mais le plus important serait dans les messages. Embarassed Vu que je ne sais pas si ce sera "lourd" comme codage à faire tout ça. Razz

    Un grand merci pour ton aide et tes explications, j'apprécie beaucoup ton aide. Et je te souhaite un joyeux noël, j'espère que tu passes de bonnes fêtes ! :hug:
    NyoTheNeko
    NyoTheNeko
    FémininAge : 28Messages : 5686

    Ven 27 Déc 2019 - 10:17

    Coucou ! Désolée du retard de réponse, j'étais en train de passer Noël en famille et faire une réponse plus longue c'est compliqué ^^" Du coup je te souhaite aussi de bonnes fêtes et j'espère que tu as passé un merveilleux Noël ! :heart:

    Alors pour ce qui est d'afficher dans les messages et le profil, c'est absolument possible ! Cependant, je pense qu'on va utiliser deux codes JS distincts, un "Sur toutes les pages" (vu que y'a pas que "sur le profil") et une "Sur les sujets" pour qu'elle ne soit que sur les messages. Ou alors les intégrer direct au template, c'est selon ce que tu préfères. :hum: Du coup tu peux probablement déjà installer tout ce qui se rapporte à l'affichage dans le profil. Si tu as besoin d'aide pour cette partie hésite pas à demander, mais je pense que tu arriveras à faire cette partie seule.

    Pour ce qui est de dans les messages, je vois en faite plusieurs problèmes. Parce que le soucis c'est qu'on a pas qu'une seule partie à lire et à remplacer (contrairement aux profils) mais plusieurs dans un même sujet (un par message pour être précis). Du coup je suis pas certaine de comment on va faire ça, surtout parce que je suis rouillée en JS :face: Mais je vais plancher là dessus et faire des tests. Cela dit, avec mon déménagement tout bientôt je ne sais pas combien de temps j'aurais, donc je préfère te prévenir que ça risque de me prendre plus ou moins long ^^"



    bloomandwander
    bloomandwander
    FémininAge : 28Messages : 17

    Lun 30 Déc 2019 - 15:45

    Hello ! Merci beaucoup ! Oui, j'ai été gâtée, c'était super. :love: J'espère que le tiens a été tout aussi bien. Very Happy Je te souhaite une bonne année d'avance. :ange:

    D'accord, je vais installer ça alors, vu que j'y suis déjà arrivée par le passé ça doit être la même chose. :face: Ce sera effectivement pour le reste que j'aurai besoin de ton aide et prends le temps qu'il te faut, c'est déjà bien gentil de m'offrir ton aide ainsi ! :hug: J'apprécie vraiment, c'est super gentil ! :coeur:
    NyoTheNeko
    NyoTheNeko
    FémininAge : 28Messages : 5686

    Jeu 2 Jan 2020 - 16:36

    Coucou Bloom !
    Juste pour te prévenir que je n'ai pas internet (je viens de déménager) et que du coup sur natel avec la 4g c'est pas vraiment possible de tester le JS. Et mon fixe n'ayant pas wifi je peux pas non plus partager la connexion haha.

    Je voulais te prévenir pas que tu penses que je t'ai abandonnée :heart:



    bloomandwander
    bloomandwander
    FémininAge : 28Messages : 17

    Jeu 2 Jan 2020 - 18:05

    Merci de prévenir, c'est super sympa :hug:
    Je comprends totalement ton soucis actuel, les déménagements c'est souvent galère sur tous les points de toute façon. Razz
    NyoTheNeko
    NyoTheNeko
    FémininAge : 28Messages : 5686

    Jeu 9 Jan 2020 - 16:10

    Merci pour ta compréhension <3
    Je m'y mets ce w-e, parce que c'est pas quelque chose que je peux faire vite fait x)



    bloomandwander
    bloomandwander
    FémininAge : 28Messages : 17

    Jeu 16 Jan 2020 - 17:09

    Coucou !
    J'espère que ton déménagement s'est bien déroulé :coeur:
    Je viens voir si tu t'en sors avec mon casse-tête :lovebomb:
    Merci :heart:
    bloomandwander
    bloomandwander
    FémininAge : 28Messages : 17

    Jeu 23 Jan 2020 - 14:41

    Up :love:
    NyoTheNeko
    NyoTheNeko
    FémininAge : 28Messages : 5686

    Jeu 23 Jan 2020 - 14:59

    Coucou !
    Je t'ai pas oublié mais j'ai oublié de te répondre ! J'ai pas eu une tonne de temps cette semaine mais ça devrait aller mieux ce w-e... Enfin j'espère haha
    En tout cas j'ai une bonne idée de ce que je dois faire, je vais un peu mixer le code de Nihil avec celui de multi-profil d'Onyx. Min seul soucis est de chopper le bon champ de profil mais je trouverai bien une solution !



    bloomandwander
    bloomandwander
    FémininAge : 28Messages : 17

    Ven 7 Fév 2020 - 15:19

    Petit up Embarassed Embarassed
    Shaneliae
    Shaneliae
    FémininAge : 26Messages : 313

    Ven 20 Mar 2020 - 12:31

    Hello @bloomandwander

    Est-ce que tu as pu résoudre ton problème ?

    Bonjour, nous sommes sans nouvelles...Ce sujet est-il toujours d'actualité ? Merci de nous tenir informés du déroulement de cette demande.
    Attention, l'absence de réponse à ce message entrainera l'archivage du sujet d'ici 2 semaines.



    NyoTheNeko
    NyoTheNeko
    FémininAge : 28Messages : 5686

    Mar 7 Avr 2020 - 17:53

    Shane, vu que c'est moi qui m'en occupait et quelque chose de demandé, tu pourrais plutôt le garder ? J'ai commencé mais malheureusement pas fini et vu que ça semble intéresser plusieurs personnes, je pense que c'est une bonne idée de LS en vrai et je voudrais le conserver quelque part. Quitte à déplacer dans les demandes de tutos ^^"



    Nasträlya
    Nasträlya
    FémininAge : 27Messages : 245

    Mer 8 Avr 2020 - 9:15

    Moi j'avoue je fais partie des personnes intéressées :ange: Un petit LS sur ça se serait top :love:



    :friends:
    Badges dans le profil des sujets. [EN PAUSE] 47202010
    Tueuse de yeux de Mère en Fille depuis 1875 :angry:
    Shaneliae
    Shaneliae
    FémininAge : 26Messages : 313

    Mer 8 Avr 2020 - 16:24

    Pas de soucis Nyo, je te laisse gérer ce sujet 😉



    Contenu sponsorisé


      La date/heure actuelle est Lun 15 Aoû 2022 - 18:41