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.

Le Deal du moment :
Display One Piece Card Game Japon OP-08 – Two ...
Voir le deal

    Succès et profil

    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Mer 11 Avr 2018 - 20:52

    Rappel du premier message :

    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 : https://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://i.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.



    Dernière édition par Capouccino le Ven 8 Juin 2018 - 1:20, édité 1 fois



    "Espérer l'inespérable c'est croire en l'impossible."
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Mar 5 Juin 2018 - 0:39

    Merci beaucoup ! Very Happy
    T'es géniale ^^



    "Espérer l'inespérable c'est croire en l'impossible."
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Mer 6 Juin 2018 - 13:30

    Spoiler:

    EDIT : Finalement après quelques bidouillages ,tout rentre dans l'ordre :)



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


      La date/heure actuelle est Ven 19 Avr 2024 - 10:40