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 : -20%
Ecran PC GIGABYTE 28″ LED M28U 4K ( IPS, 1 ms, ...
Voir le deal
399 €

    (Onyx) [Profil] Avoir un double profil changeable

    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Mar 18 Oct 2016 - 21:51

    Bonjour,
    Je pense que je vais demander quelque chose d'impossible, mais plutôt que de mourir bête, autant demander et puis, je me dis que ça peut donner des idées et peut-être même être une sorte de défi pour les codeurs qui aime ça ^^

    Ma demande



    Alors, je me demande s'il est possible de faire un "double profil". Pour être plus clair, un profil A correspondrait à tout une partie du forum, tandis que le profil B lui correspondrait à une autre partie du forum. Je sais, ma demande est bizarre, je ne pense même pas que ce soit possible, mais on ne sait jamais, je sais qu'il y a tellement de chose possible avec FA. Du coup, je pose la question, ne sait on jamais !

    Schéma(s) et Eléments
    Schémas : Pour le moment, je n'ai pas de schéma, car ça reste un profil basique, le truc compliqué voir impossible étant la partie technique correspondant au codage. Si c'est bel et bien possible, je réfléchirais à la partie design pour vous fournir un modèle.
    Edit :
    https://2img.net/r/hpimg15/pics/670052profil.png
    Spoiler:
    Tailles des éléments : Tout est indiqué sur le schéma
    Effets voulus : //
    Version de votre forum : PHPBB2,


    Ressources
    edit :
    Et les picto :
    Code:
    http://img15.hostingpics.net/pics/355129fiche.png
    Code:
    http://img15.hostingpics.net/pics/123891lien.png
    Code:
    http://img15.hostingpics.net/pics/441371mail.png
    Code:
    http://img15.hostingpics.net/pics/62892713MP.png
    Code:
    http://img15.hostingpics.net/pics/461333online.png
    Code:
    http://img15.hostingpics.net/pics/509232profilicon.png


    Autres précisions ?
    Par pour le moment. Je cherche déjà à savoir si c'est possible comme je l'ai dis plus haut ^^


    Merci d'avance à ceux qui me répondront et qui me prendront sans doute pour une folle ! xD


    Dernière édition par 24nono38 le Lun 7 Nov 2016 - 23:17, édité 2 fois



    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 18 Oct 2016 - 23:49

    Hellow ~

    Je ne suis pas trop sûre de ce que tu veux, tu peux donner plus de détails? Genre, où est-ce que c'est supposé être le profil A? Et où c'est supposé être le profil B? Genre, je pense que c'est possible de faire 2 profils (dépendement d'à quel point ils sont différents) qui sont différents selon la catégorie/forum/sous-forum dans lequel le message est posté, si c'est ce que tu veux. Il va falloir un peu de javascript par contre. (ou peut-être pas..) En tout cas c'est possible, si c'est ça que tu veux.

    Si c'est ça, oui on va avoir besoin d'un schéma.



    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Mar 18 Oct 2016 - 23:56

    Coucou Very Happy

    Merci de ta réponse rapide ^^

    Alors l'idée serait d'avoir ce qu'on pourrait appeler le profil général (Profil A) qui serait disponible sur la majeur partie du forum. Le Profil secondaire (Profil B), lui serait là uniquement dans une catégorie du forum (donc la catégorie, avec tous ses forums et sujet).

    Pour expliquer ça de manière plus concrète avec le forum, par exemple ici notre Profil A serait maître partout sauf dans la catégorie "Les Ateliers" ou là on aurait uniquement le Profil B. Je sais pas si c'est plus compréhensible pour toi ?

    Après au niveau des informations de ce Profil B, je pense qu'on retrouverait le même style d'info que le Profil A.

    Le Profil A est le personnage principale qui vit dans le présent.
    Le profil B est le personnage "secondaire" qui lui n'agit que dans le passé (donc dans sa catégorie spécial passé et qui est un ancêtre du personnage A.) Donc, il serait possible (après si ça l'est pas ce n'est pas grave), qu'il ait un autre pseudo, ou un champ ou ajouter un autre pseudo.

    Hum, j'ai conscience que ma demande est farfelu et étrange et surement un peu compliqué également XD

    Je ne sais pas si c'est un peu mieux compréhensible ?



    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mer 19 Oct 2016 - 1:48

    Mmhh... Oui, c'est mieux. Ce sera compliqué, mais faisable. Du coup, je te conseille de nous faire un schéma (en énumérant tous les champs et informations) et quelqu'un devrait être capable de prendre ta demande en charge Wink

    Sinon, il y a 2 façons de faire cela :
    1 - On crée les 2 profils dans le template et on utilise du javascript pour afficher/cacher le bon profil en fonction de la catégorie où c'est. Pour cela, il fa falloir créer beaucoup de champs dans les infos du personnage qui correspondront au 2e personnage et qui n'apparaîtront que dans la bonne catégorie.
    2 - On ne fait rien de spécial, on crée seulement 1 profil normal. Par contre, on crée un codage à mettre dans le message avec une partie profil et une partie message. On le code de façon à ce qu'il se place "par dessus" le profil normal. Ce code sera à utiliser directement par les joueurs.

    À toi de nous dire ce que tu préfères.



    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Mer 19 Oct 2016 - 11:46

    Je pense que la solution 1 correspond plus à ce que j'aimerais voir sur le forum en effet.

    Du coup, je vais créer le schéma de tout ça (dans la journée/soirée) si j'ai le temps.




    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Ven 21 Oct 2016 - 23:38

    Hop ! Désolé du DP !

    Alors voici le schéma. En soit sa structure n'est pas hyper compliquée, le plus dur sera de faire en sorte d'avoir le deuxième profil sur une seule partie du forum.

    Les deux profil (A & B) seront identiques niveaux informations, les membres devront juste modifier toutes les infos inscrites (pseudo, avatar et autres info) pour que ça corresponde avec le personnage.
    J'ai noté les tailles principales, logiquement, le schéma est aux px près.

    https://2img.net/r/hpimg15/pics/670052profil.png
    Spoiler:

    Et les picto :
    Code:
    http://img15.hostingpics.net/pics/355129fiche.png
    Code:
    http://img15.hostingpics.net/pics/123891lien.png
    Code:
    http://img15.hostingpics.net/pics/441371mail.png
    Code:
    http://img15.hostingpics.net/pics/62892713MP.png
    Code:
    http://img15.hostingpics.net/pics/461333online.png
    Code:
    http://img15.hostingpics.net/pics/509232profilicon.png

    Si jamais une information est flou ou que t'as une question, hésite pas !



    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Jeu 27 Oct 2016 - 12:24

    Bonjour !

    Petit up, pour savoir si on idée vous semble toujours faisable avec les schéma ci-dessus ? S'il vous faut plus d'info ?



    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Mar 1 Nov 2016 - 12:59

    Bonjour !

    Petit up pour savoir si la création de ce code intéresse un codeur ?

    Si vous avez des questions, faut pas hésiter à me demander, je suis là pour y répondre ^^



    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Lun 7 Nov 2016 - 23:18

    Coucou !

    Demande toujours d'actu Very Happy



    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Ven 11 Nov 2016 - 18:29

    Coucou !

    Demande toujours d'actu !

    Si ma demande n'est pas réalisable, faut pas avoir peur de le dire. C'est assez farfelu, je le sais XD



    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Dim 27 Nov 2016 - 22:44

    Bouh Very Happy

    Demande toujours d'actu Very Happy



    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 8 Déc 2016 - 21:47

    Salut!

    C'est toujours d'actualité ici? Merci de donner des nouvelles d'ici 10 jours pour que le sujet ne soit pas archivé é_è
    Et oui, ne th'inquiètes pas, c'est faisable u_u Particulier, mais faisable ^^

    PS : Essaie de faire un up minimum une fois par semaine pour que ta demande soit plus visible et qu'on ne pense pas qu'elle soit abandonnée Wink



    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Jeu 8 Déc 2016 - 21:53

    Coucou !

    Oui, la demande est toujours d'actualité Very Happy
    Et si besoin de plus d'info ou quoi que ce soit, je suis toujours dispo pour répondre Very Happy



    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 19 Déc 2016 - 5:04

    Salut!

    Je prends ta commande ~ C'est possible d'avoir un lien vers ton forum (tu peux le mettre sous hide si tu ne veux pas que tout le monde le voit)? Et peut-être (si cela ne te dérange pas) la possibilité d'y créer un compte test pour essayer quelques trucs?

    Edit : J'ai déjà fait le javascript alors cela devrait être rapide Razz

    Edit2 : Ok, alors certains champs seront pareil d'un côté ou d'un autre alors que certains champs seront spécifiques à un profil. Là, j'ai un schéma de ce à quoi doit ressembler le profil de base (avec tous les noms de champs (du moins je l'espère)). Mais le deuxième profil, quels champs sont les mêmes (avec les mêmes informations)? Quels champs vont contenir des informations différentes (autre que le nom, l'avatar et le rang)?



    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Lun 19 Déc 2016 - 21:35

    Coucou Very Happy

    Merci à toi ! C'est mon cadeau de Noël en avance cette prise de commande Very Happy

    Dans un premier temps, voici le lien du forum :


    En suite, tu peux parfaitement crée un compte sur le forum pour tester. Si jamais tu as besoin du compte fonda pour accéder aux templates, c'est également possible, on pourra voir ça par MP si besoin !

    Pour répondre à ta question sur les informations qui ne changent pas entre les deux profils, pour le moment, je ne vois que le Pseudo, le nombre de messages (vu qu'au final c'est le même compte), Multicompte. Après tous le reste est différents !

    Je crois avoir répondu à tes interrogations !
    Hésite pas si t'as d'autres interrogations ^^




    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 19 Déc 2016 - 23:35

    Salut!

    J'ai créé un compte appelé "Compte Test".

    Sinon, il y a plusieurs champs semblables, non? Emploi et Métier ne sont pas la même chose?
    Aussi, il y a "Age du personnage" et "Ton age". Si ce n'est pas un doublon et que "Ton age" est l'age du joueur, donc il me semble qu'il ne devrait pas changer quel que soit le profil.
    Pour "Arrivé(e) le", est-ce que c'est la date d'inscription sur le forum? Si oui, il ne devrait pas changer quelque soit le profil.



    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Lun 19 Déc 2016 - 23:42

    J'ai effectivement vu ton compte, il est d'ailleurs activé !

    Alors, effectivement, les champs que je n'ai pas cité sont semblable. En gros, ils sont sur les deux profils, mais le contenu sera différent. (Ex : Le métier du profil A, peut être différent du profil B).

    Ah ben le "emploie" et "métier" c'est une erreur de m'a part, j'ai pas fais gaffe que je l'avais mis deux fois *SBAFF*. Du coup, effectivement, il ne faut garder qu'un seul des deux et ce champs sera bien sûr différent entre les deux profils.
    Age du personnage, correspond bien à l'age du perso et "Ton âge" est l'age du joueur. Donc effectivement, j'avais oublié ce détail, l'âge du joueur ne change pas en fonction des deux profils.
    Idem pour le "Arrivé(e) le" qui indique la date d'inscription du joueur sur le forum.



    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 20 Déc 2016 - 0:17

    Dacodak

    Autre champ que je questionne, le champ "Dans l'animus je suis". Il est utile dans le profil A (hors de l'animus), mais est-ce que ce serait mieux de le transformer en "Hors de l'animus je suis" pour le profil B?

    Et le "Je suis né(e) le", c'est la date de naissance du joueur? Ou du personnage?



    Edit : Voilà le résultat !
    Ici est le profil "B" :
    http://forum-test-onyx6.forumactif.com/t3-petit-sujet-test#12
    Et ici le profil "A" :
    http://forum-test-onyx6.forumactif.com/t4-un-deuxieme-test



    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Mar 20 Déc 2016 - 16:45

    Coucou !

    "Dans l'animus je suis" correspond en effet au profil A, c'est à dire le profil principal du joueur. Effectivement, dans le profil B, ça serait pas mal d'avoir "Hors de l'animus je suis"

    Le "Je suis né(e) le" correspond à la date de naissance du personnage. L'âge du joueur c'est uniquement le champ "Ton âge".

    Au niveau de tes liens, je ne peux pas voir le deuxième, il faut être inscrit sur le forum pour le voir ! En tout cas pour la version du profil B que je peux voir, c'est super Very Happy




    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 20 Déc 2016 - 20:12

    Salut!

    J'ai réarrangé les permissions pour que tu puisses voir. Sinon, j'ai ajouté le dernier champ alors si cela te va, je vais te filer les codes ^^



    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Mar 20 Déc 2016 - 20:17

    Les deux profils sont tout deux identiques (je sais pas si tu as des info différentes dans les deux ?).



    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 20 Déc 2016 - 20:35

    Je vois les 2 profils? Nope?

    Ce lien là est le profil A (Admin) :
    http://forum-test-onyx6.forumactif.com/t4-un-deuxieme-test
    Image : https://2img.net/r/hpimg11/pics/158949profilA.png

    Et ce lien là le profil B (Michel Angelo) :
    http://forum-test-onyx6.forumactif.com/t3-petit-sujet-test
    Image : https://2img.net/r/hpimg11/pics/260016profilB.png

    Si tu vois différent de moi, tu peux me dire ton navigateur?



    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Mar 20 Déc 2016 - 20:53

    Ah non c'est bon !
    Ton premier lien était toujours pas visible et le sujet ou j'avais cliqué pour voir était pas le bon XD

    Là ça marche ! C'est Top !!!



    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 20 Déc 2016 - 21:11

    Salut!

    Alors voilà le javascript, à mettre en placement "sur les sujets" :
    Code:
    $(function(){
     
      /*Noms des champs du profil A*/
      var champnamenormal = [
        "Image amusante : ",
        "Je suis né(e) le : ",
        "Age du personnage : ",
        "Coté coeur : ",
        "Nombre de messages : ",
        "Je suis arrivé(e) le : ",
        "Dans l'animus je suis : ",
        "Métier : ",
        "Avatar : ",
        "Crédit kit : ",
        "Multi-compte : ",
        "Pseudo : ",
        "Mon âge : ",
        "Localisation : ",
        "Emploi : ",
        "Humeur : ",
        "Let's rock : "
      ];
     
      /*Nom des champs du profil B dans l'animus*/
      var champnamespecial = [
        "Image amusante (2e perso) : ",
        "Je suis né(e) le (2e perso) : ",
        "Age du personnage (2e perso) : ",
        "Coté coeur (2e perso) : ",
        "Nombre de messages : ",
        "Je suis arrivé(e) le : ",
        "Hors de l'animus je suis (2e perso) : ",
        "Métier (2e perso) : ",
        "Avatar (2e perso) : ",
        "Crédit kit (2e perso) : ",
        "Multi-compte : ",
        "Pseudo : ",
        "Mon âge : ",
        "Localisation (2e perso) : ",
        "Emploi : ",
        "Humeur (2e perso) : ",
        "Let's rock (2e perso) : "
      ];
     
      /*Nom des champs du profil B dans l'animus tel qu'ils vont apparaître*/
      var champnamespecialvrai = [
        "",
        "Je suis né(e) le : ",
        "Age du personnage : ",
        "Coté coeur : ",
        "Nombre de messages : ",
        "Je suis arrivé(e) le : ",
        "Hors de l'animus je suis : ",
        "Métier : ",
        "Avatar : ",
        "Crédit kit : ",
        "Multi-compte : ",
        "Pseudo : ",
        "Mon âge : ",
        "Localisation : ",
        "Emploi : ",
        "Humeur : ",
        "Let's rock : "
      ];
     
      /*Variables*/
      var champs;
      var champ;
      var champnormal;
      var champspecial;
      var champtext;
      var nouvellevaleur;
      var principal;
     
      /*Nom du champ du l'image de l'avatar du profil B*/
      var avatar2 = "Image avatar (2e perso) : ";
     
      /*Nom du champ du Nom du personnage du profil B*/
      var pseudo2 = "Prénom et Nom (2e perso) : ";
     
      /*Nom du champ du rang du personnage du profil B*/
      var rang2 = "Rang (2e perso) : ";
      var cate = $('.profil_navig:first').find('a:first').attr('href');
     
     
      /*Code à ne pas toucher qui affiche les bonnes données dans le profil B dans l'animus*/
      if (cate == "/c6-l-animus") {
        $('.profil_utilisateur').each(function(){
          principal = $(this);
          champs = principal.find('.profil_champ');
          for (y = 0; y < champs.length; y++) {
            champ = champs.eq(y);
            if (champ.find('span.label:first').text() == avatar2) {
              nouvellevaleur = champ.find('img:first').attr('src');
              principal.find('.profil_avatar').find('img:first').attr('src', nouvellevaleur);
            }
            else if (champ.find('span.label:first').text() == pseudo2) {
              nouvellevaleur = champ.find('span.label:first').next().text();
              $(this).find('.profil_pseudo:first').find('a > span > strong:first').text(nouvellevaleur);
            }
            else if (champ.find('span.label:first').text() == rang2) {
              nouvellevaleur = champ.find('span.label:first').next().text();
              $(this).find('.profil_rang:first').text(nouvellevaleur);
            }
            else {
              for (z = 0; z < champnamespecial.length; z++) {
                champspecial = champnamespecial[z];
                if (champ.find('span.label:first').text() == champspecial) {
                  champ.css('display', 'block');
                  champtext = champnamespecialvrai[z];
                  champ.find('span.label:first').text(champtext);
                }
              }
            }
          }
        });
      }
     
      /*Code à ne pas toucher qui affiche les bonnes données dans le profil A hors de l'animus*/
      else {
        $('.profil_utilisateur').each(function(){
          champs = $(this).find('.profil_champ');
          for (y = 0; y < champs.length; y++) {
            champ = champs.eq(y);
            if (champ.find('span.label:first').text() == champnamenormal[0]) {
              champ.css('display', 'block');
              champ.find('span.label:first').css('display', 'none');
            }
            else {
              for (z = 1; z < champnamenormal.length; z++) {
                champnormal = champnamenormal[z];
                if (champ.find('span.label:first').text() == champnormal) {
                  champ.css('display', 'block');
                }
              }
            }
          }
        });
      }
    });

    Voilà le CSS :
    Code:
    .blocdessujets > tbody > tr > th,
    .blocdessujets > tbody > tr > td {
      border: none;
    }
    /*Bloc profil*/
    .profil_utilisateur {
      width: 200px;
      margin: auto;
      position: relative;
    }

    /*Pseudo*/
    .profil_pseudo {
      border-bottom: 1px solid #635f5f;
      padding: 5px 2px 5px 2px;
      font-size: 20px;
      margin: auto;
      text-align: center;
    }

    /*Bloc avatar*/
    .profil_avatar {
      margin: 5px auto;
      box-shadow: 0px 0px 5px #635f5f;
      width: 200px;
      height: 320px;
      background: #ffffff;
    }
    /*Image avatar*/
    .profil_avatar img {
      width: 200px;
      height: 320px;
    }

    /*Rang*/
    .profil_rang {
      border-bottom: 1px solid #635f5f;
      border-top: 1px solid #635f5f;
      padding: 3px;
      font-size: 20px;
      margin: 5px auto;
      text-align: center;
      color: #41506f;
      font-family: 'Verdana';
      font-size: 14px;
      font-style: italic;
    }

    /*Liens sous le rang*/
    .profil_contact {
      text-align: center;
    }

    /*Bloc qui contient les infos*/
    .profil_infos {
      margin: 10px auto 5px auto;
      width: 190px;
      padding: 5px;
      background: #ffffff;
      border-bottom: 1px solid #635f5f;
      border-top: 1px solid #635f5f;
    }
    .profil_champ {
      color: #6f6f6f;
      font-size: 11px;
      display: none;
    }
    .profil_champ .label {
      color: #000000!important;
    }

    Et le template viewtopic_body :
    Code:
    <script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){

        if(typeof(_atc) == "undefined") {
            _atc = { };
        }
       
        _atc.cwait = 0;
        $('.addthis_button').mouseup(function(){
            if ($('#at15s').css('display') == 'block') {
                addthis_close();
            }
        });
    });

    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }
           
            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
             {
                if( $(this).is(":visible") )
                {
                   $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                }
                else
                {
                   $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                }
             });
            }
        }
        catch(e) { }
       
       return false;
    };

    //]]>
    </script>

    <table width="100%" border="0" cellspacing="2" cellpadding="0">
       <tr>
          <td align="left" valign="middle" nowrap="nowrap">
             <span class="nav">
             <!-- BEGIN switch_user_authpost -->
             <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
             <!-- END switch_user_authpost -->
             <!-- BEGIN switch_user_authreply -->
             <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
             <!-- END switch_user_authreply -->
             </span>
          </td>      
          <td class="nav" valign="middle" width="100%">
             <span class="nav">
                    <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                    <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                              <span class="profil_navig">{NAV_CAT_DESC_SECOND}</span>
                </span>
          </td>      
          <td align="right" valign="bottom" nowrap="nowrap" width="100%">
             <!-- BEGIN switch_twitter_btn -->
             <span id="twitter_btn" style="margin-left: 6px; ">
                    <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
             </span>
             <!-- END switch_twitter_btn -->
             
             <!-- BEGIN switch_fb_likebtn -->         
             <script>(function(d, s, id) {
               var js, fjs = d.getElementsByTagName(s)[0];
               if (d.getElementById(id)) return;
               js = d.createElement(s); js.id = id;
               js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
               fjs.parentNode.insertBefore(js, fjs);
             }(document, 'script', 'facebook-jssdk'));</script>   
             <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
             <!-- END switch_fb_likebtn -->
             
             <span class="gensmall bold">
                <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
                <!-- BEGIN switch_plus_menu -->
                 | 
                <script type="text/javascript">//<![CDATA[
                   var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                   var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                   var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                   var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                   var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                   var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
                   insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
                <!-- END switch_plus_menu -->
             </span>
          </td>
       </tr>
    </table>

    <table class="forumline blocdessujets" width="100%" border="0" cellspacing="0" cellpadding="0" >
       <tr align="right">
          <td class="catHead" colspan="3" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td width="9%" class="noprint"> </td>
                   <td align="center" class="t-title">
                      <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                   </td>
                   <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                </tr>
             </table>
          </td>
       </tr>
       <!-- BEGIN topicpagination -->
       <tr>
          <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
       </tr>
       <!-- END topicpagination -->
       {POLL_DISPLAY}
       <tr>
          <th class="thLeft" nowrap="nowrap" width="216px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
       </tr>
       <!-- BEGIN postrow -->
       <!-- BEGIN hidden -->
       <tr>
          <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
       </tr>
       <!-- END hidden -->
       <!-- BEGIN displayed -->
       <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
              <td class="{postrow.displayed.ROW_CLASS}" style="background: #d0d0d0; width: 216px;" valign="top">
                <div class="postdetails poster-profile">
                  <div class="profil_utilisateur">
                    <div class="name">
                      <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
                      <div class="profil_pseudo">
                        <strong>{postrow.displayed.POSTER_NAME}</strong>
                      </div>
                    </div>
                    <div class="profil_avatar">{postrow.displayed.POSTER_AVATAR}</div>
                    <div class="profil_rang">{postrow.displayed.POSTER_RANK}</div>
                    <div class="profil_contact">
                      <!-- BEGIN contact_field -->
                      {postrow.displayed.contact_field.CONTENT}
                      <!-- END contact_field -->
                      {postrow.displayed.PROFILE_IMG}
                      {postrow.displayed.PM_IMG}
                      {postrow.displayed.EMAIL_IMG}
                      {postrow.displayed.ONLINE_IMG}
                    </div>
                    <div class="profil_infos">
                      <div class="profil_champs">
                        <!-- BEGIN profile_field -->
                        <span class="profil_champ">
                          {postrow.displayed.profile_field.LABEL} <span>{postrow.displayed.profile_field.CONTENT}</span>
                        </span>
                        <!-- END profile_field -->
                      </div>
                    </div>
                  </div>
            </div>
          </td>
          <td class="{postrow.displayed.ROW_CLASS}" style="background: #e4e3e3;" style="padding-left: none; padding-right: none;" valign="top" width="100%" height="28" colspan="2">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                   <td valign="top" nowrap="nowrap" class="post-options">
                      {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                   </td>
                </tr>
                <tr>
                   <td colspan="2" class="hr">
                      <hr />
                   </td>
                </tr>
                <tr>
                   <td colspan="2">
                      <!-- BEGIN switch_vote_active -->
                      <div class="vote gensmall">
                         <!-- BEGIN switch_vote -->
                         <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                         <!-- END switch_vote -->

                         <!-- BEGIN switch_bar -->
                         <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                            <!-- BEGIN switch_vote_plus -->
                            <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                            <!-- END switch_vote_plus -->

                            <!-- BEGIN switch_vote_minus -->
                            <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                            <!-- END switch_vote_minus -->
                         </div>
                         <!-- END switch_bar -->

                         <!-- BEGIN switch_no_bar -->
                         <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                         <!-- END switch_no_bar -->

                         <!-- BEGIN switch_vote -->
                         <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                         <!-- END switch_vote -->
                      </div>
                      <!-- END switch_vote_active -->

                      <div class="postbody">

                         <div>{postrow.displayed.MESSAGE}</div>

                         <!-- BEGIN switch_attachments -->
                         <dl class="attachbox">
                            <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                            <dd>
                               <!-- BEGIN switch_post_attachments -->
                               <dl class="file">
                                  <dt>
                                     <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                     <!-- BEGIN switch_dl_att -->
                                     <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                     <!-- END switch_dl_att -->

                                     <!-- BEGIN switch_no_dl_att -->
                                     {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                     <!-- END switch_no_dl_att -->
                                  </dt>

                                  <!-- BEGIN switch_no_comment -->
                                  <dd>
                                     <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                  </dd>
                                  <!-- END switch_no_comment -->

                                  <!-- BEGIN switch_no_dl_att -->
                                  <dd>
                                     <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                  </dd>
                                  <!-- END switch_no_dl_att -->

                                  <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                               </dl>
                               <!-- END switch_post_attachments -->
                            </dd>
                         </dl>
                         <!-- END switch_attachments -->

                         <div class="clear"></div>
                         <!-- BEGIN switch_signature -->
                         <div class="signature_div">
                            {postrow.displayed.SIGNATURE}
                         </div>
                         <!-- END switch_signature -->

                      </div>
                      <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                   </td>
                </tr>
             </table>
          </td>
       </tr>
       <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <td class="{postrow.displayed.ROW_CLASS} browse-arrows" style="background: #d0d0d0;" align="center" valign="middle" width="150">
                      <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
                      <br />
                      <br />
                      <br />
          </td>
          <td class="{postrow.displayed.ROW_CLASS} messaging gensmall" style="background: #e4e3e3;" width="100%">
             <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                                      <td valign="middle">
                                      </td>
                </tr>
             </table>
          </td>
       </tr>
       <!-- BEGIN first_post_br -->
    </table>
    <hr />
    <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
          <th class="thLeft" nowrap="nowrap" width="216px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
       </tr>
       <!-- END first_post_br -->
       <!-- END displayed -->
       <!-- END postrow -->
       <!-- BEGIN no_post -->
       <tr align="center">
          <td class="row1" colspan="3" height="28">
             <span class="genmed">{no_post.L_NO_POST}</span>
          </td>
       </tr>
       <!-- END no_post -->
       <tr align="right">
          <td class="catBottom" colspan="3" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td width="9%" class="noprint"> </td>
                   <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
                   <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                </tr>
             </table>
          </td>
       </tr>
    </table>
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
       <tr>
          <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
          <!-- BEGIN topicpagination -->
          <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
          <!-- END topicpagination -->
       </tr>
       <!-- BEGIN switch_user_logged_in -->
       <!-- BEGIN watchtopic -->
       <tr>
          <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
       </tr>
       <!-- END watchtopic -->
       <!-- END switch_user_logged_in -->
    </table>

    <!-- BEGIN promot_trafic -->
    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
       <tr>
          <td class="catBottom" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
                   <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                </tr>
             </table>
          </td>
       </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
       <tr>
          <td class="catBottom" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
                   <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                </tr>
             </table>
          </td>
       </tr>
       <tr>
          <td class="row2 postbody" valign="top">
             <!-- BEGIN link -->
             » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
             <!-- END link -->
          </td>
       </tr>
    </table>
    <!-- END promot_trafic -->

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
       <tbody>
          <tr>
             <td class="catBottom">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tbody>
                      <tr>
                         <td valign="top">
                            <div class="cattitle"> {L_FORUM_RULES}</div>
                         </td>
                      </tr>
                   </tbody>
                </table>
             </td>
          </tr>
          <tr>
             <td class="row1 clearfix">
                <table>
                   <tr>
                      <!-- BEGIN switch_forum_rule_image -->
                      <td class="logo">
                         <img src="{RULE_IMG_URL}" alt="" />
                      </td>
                      <!-- END switch_forum_rule_image -->
                      <td class="rules postbody">
                         {RULE_MSG}
                      </td>
                   </tr>
                </table>
             </td>
          </tr>
       </tbody>
    </table>
    <!-- END switch_forum_rules -->

    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
          <td class="row2" colspan="2" align="center" style="padding:0px">
             <!-- BEGIN switch_user_logged_in -->
             <a name="quickreply"></a>
             {QUICK_REPLY_FORM}<br />
             <!-- END switch_user_logged_in -->
          </td>
       </tr>
       <tr>
          <td style="margin:0; padding: 0;" colspan="2">
             <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                <tbody>
          <!-- BEGIN show_permissions -->
          <tr>
             <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
             <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
          </tr>
          <!-- END show_permissions -->
          <tr>
             <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <!-- BEGIN show_permissions -->
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                      <!-- END show_permissions -->
                   </tr>
                </table>
             </td>
          </tr>
       </tbody>
             </table>
          </td>
       </tr>
       <tr>
          <td style="margin:0; padding: 0;" colspan="2">
             <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                <tbody>
          <tr>
             <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                   </tr>
                </table>
             </td>
          </tr>
       </tbody>
             </table>
          </td>
       </tr>
    </table>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
       <tr>
          <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
             <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
             </span>
          </td>

          <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

          <!-- BEGIN moderation_panel -->
          <td align="center">
             <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
          </td>
          <td align="center" width="250">
             <span class="gensmall"> </span>
          </td>
          <!-- END moderation_panel -->
       </tr>
    </table>
    </form>

    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
       <tr>
          <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
             <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                <input type="hidden" name="t" value="{TOPIC_ID}" />

                <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

                <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
             </form>
          </td>
       </tr>
    </table>
    <!-- END viewtopic_bottom -->

    <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
    //]]>
    </script>
    <!-- END switch_image_resize -->
    <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

    Enfin, les noms et positions des champs de ton profil doivent être comme cela (avec l'orthographe des champs identique) et si tu changes le nom d'un champ, tu dois aussi le changer dans le javascript (ce qui est assez facile je crois) :
    https://2img.net/image.noelshack.com/fichiers/2016/51/1482264651-profil.jpg



    24nono38
    24nono38
    FémininAge : 34Messages : 69

    Mar 20 Déc 2016 - 22:31

    Merci beaucoup Very Happy

    C'est vraiment super Very Happy
    J'admire ton travail ! Je ne comprends toujours rien au javascript et je crois que je n'y arriverais jamais XD

    Je viens de mettre en place tout ça et ça marche !
    Juste un truc (mais si on peut rien faire à la limite c'est pas bien grave). Pour le profil B, je ne peux pas mettre la date de naissance en format date (car ce sont des dates qui vont être avant 1900) et le forum n'accepte pas ce genre de dates là. Donc j'ai mis un format texte. J'ai modifié, ça, mais ça n'apparait pas dans mon profil B



    (Onyx) [Profil] Avoir un double profil changeable 230763kratossign1
    Contenu sponsorisé


      La date/heure actuelle est Dim 28 Avr 2024 - 0:20