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


    Succès et profil

    Partagez
    avatar
    Capouccino
    FémininAge : 20Messages : 171

    le Mer 11 Avr 2018 - 20:52

    Ma demande



    Bonjour amis codeurs Very Happy
    Je viens vers vous pour une petite demande qui se base sur une demande déjà réalisée mais que je n'arrive pas à mettre en place sur mon forum.
    Il s'agit de cette demande : http://www.never-utopia.com/t57920-nihil-systeme-de-badge?highlight=badge
    A quelques différences que j'aimerais que les succès soient visibles dans la signature et que le code soit également utilisé pour afficher (dans un autre champ de profil visible dans les messages également) d'autres images.

    J'aimerais que, pour les succès, au passage de la souris, il y ait une infobulle qui apparaisse et qu'elle soit modifiable via HTML ou CSS. Si j'ai bien compris le code de la demande, les badges et les autres images (qui sont des sorts en fait) se trouveront dans une page HTML du forum, ce qui me convient très bien si j'ai la possibilité de totalement la modifier :)

    Merci à vous ! ^^


    Schéma(s) et Eléments


    Schémas : https://i62.servimg.com/u/f62/17/80/84/93/schema10.jpg
    Version de votre forum : PHPBB2


    Ressources


    Pour les images, si besoin, je pourrais les fournir pour tester le code.


    Autres précisions ?


    Le champ de profil déplacé dans la signature utilise ce code sur les sujets
    Code:
    $( function(){
      $('body')
          .on('click', '.elt-succes', function(){
            if($(this).next(".afficher-masquer2").is(":hidden")){
                $(this).text("▼ Succès ▼");
                $(".afficher_masquer2").slideUp();   
                  $(this).next(".afficher-masquer2").slideDown();
                }else{
                  $(this).text("▲ Succès ▲");
                  $(this).next(".afficher-masquer2").slideUp();
                }
          });
    });

    Et ce code sur les sujets également
    Code:
    jQuery(function () {
        // On parcourt chaque champs des profils
        $( ".post .postdetails.poster-profile .my_spoiler .contenu_spoiler .inventaire" ).each(function( index ) {
            // On récupére le contenu html de ces champs
            var champs = $(this).find('.label > span:first-child').html() ;
     
            // On teste sur le champs correspond aux blocs qu'on veut isoler
            // pour info || signifie "ou"
            if( champs == "Succès"){
                // Je déplace le contenu dans le bloc masqué après le bloc "afficher/masquer"
                $(this).parents('.post').find('.infos-supp2').append(this);
     
            }
     
        });
    });

    A savoir que ces codes sont présents deux fois, pour le champ inventaire contenu dans le profil. (non visible sur le schéma)
    Si possible, j'aimerais que le champ des sorts soit également rétractable pour éviter d'utiliser une balise spoiler.




    "Espérer l'inespérable c'est croire en l'impossible."
    avatar
    Nihil Scar Winspeare
    Messages : 5003

    le Mer 11 Avr 2018 - 23:48

    Coucou Capouccino :)

    Est ce qu'on pourrait avoir un lien vers un sujet de ton forum test où on peut voir ce qu'il y a actuellement ? :hudada:

    Si j'ai bien compris le code de la demande, les badges et les autres images (qui sont des sorts en fait) se trouveront dans une page HTML du forum, ce qui me convient très bien si j'ai la possibilité de totalement la modifier :)

    En fait on pourrait aussi le mettre directement dans le template mais à mes yeux il y a quelques désavantages :
    - c'est plus simple pour d'autres admin d'éditer une page HTML que d'avoir besoin d'avoir les droits pour éditer les templates
    - c'est moins stressant de modifier une page qu'un template :toto:
    - si ça doit être présent dans le profil ET les sujets, autant mettre le code à un seul endroit (une page HTML) plutôt que dans 2 templates.

    A la base c'était dans une page HTML car le code était pour un forum avec un profil en mode "avancé". Et on ne peut pas modifier les templates pour ce mode là (seulement pour le profil simple), du coup on avait triché. Mais au final, j'y vois des avantages :p



    Très peu présente
    avatar
    Capouccino
    FémininAge : 20Messages : 171

    le Jeu 12 Avr 2018 - 10:57

    Coucou Very Happy
    Merci d'avoir répondu au plus vite ! ^^
    Voilà un sujet de mon forum de tests. Ne fais pas attention au profil, c'est un vrai bordel XD Le code est déjà partiellement installé. On avait commencé avec une autre codeuse qui a dû s'absenter par manque de temps : http://forumtests2.forumactif.org/t2-polices-installees-sur-le-forum


    Ah bah si y a que des avantages, c'est nickel 8D

    Edit: je peux essayer de te monter le profil comme sur le forum officiel si ça t'arrange ^^



    "Espérer l'inespérable c'est croire en l'impossible."
    avatar
    Capouccino
    FémininAge : 20Messages : 171

    le Sam 14 Avr 2018 - 10:34

    Coucou :)
    Je me permets de Up même si je sais qu'on a tous une IRL et qu'on peut pas être dispo h24 :)



    "Espérer l'inespérable c'est croire en l'impossible."
    avatar
    Capouccino
    FémininAge : 20Messages : 171

    le Jeu 19 Avr 2018 - 10:59

    Coucou :)
    Je me permets encore de up ^^ Juste pour savoir où c'en est ?



    "Espérer l'inespérable c'est croire en l'impossible."
    avatar
    Nihil Scar Winspeare
    Messages : 5003

    le Jeu 19 Avr 2018 - 14:17

    Hello !

    Pour l'instant de mon côté je suis ultra occupée, j'ai pas eu du tout le temps de commencer ;-;
    Si un autre codeur veut commencer en attendant, y a aucun problème :)



    Très peu présente
    avatar
    Capouccino
    FémininAge : 20Messages : 171

    le Jeu 19 Avr 2018 - 15:41

    Merci pour la réponse ^^
    C'est pas ultra urgent donc ça peut attendre :)

    Bon courage à toi ! :)



    "Espérer l'inespérable c'est croire en l'impossible."
    Contenu sponsorisé


      La date/heure actuelle est Jeu 26 Avr 2018 - 7:41