[Aide Anim/codage] Question Feuille de personnage

Hello !
Je ne savais pas trop ou poser ces questions mais comme c'est a propos de la feuille de personnage, je me dit que ça fait parti des animations ^^

Savez vous s'il est possible de créer un champs "liste de choix" mais avec possibilité de cocher plusieurs choix (voir tous les choix)

Et, j'aimerais créer donc une liste à choix multiple mais avec des images à la place du texte ... Pensez vous que ce soit faisable ? 

Merci par avance
La bise !!

Coucou

J'ai regardé, j'ai testé plein de chose, et je pense que ça ne serait pas possible en utilisant ce principe :/

Cela dit, on peut peut être creusé pour faire un truc en js là dessus... Je fais des tests et je reviens vers toi.

ça doit être modifiable par qui ?

EDIT 14h41 :

Par exemple :
http://miettes.lebonforum.com/u1rpg
http://miettes.lebonforum.com/u2rpg

et les checkbox se gèrent ici :
http://miettes.lebonforum.com/t96-liste-de-choix-case-a-cocher

• Login : Tambouille
• Mot de passe : mdpTambouille2019

Hello !
Merci pour ta réponse,
ce doit être modifiable par les membres elles même
L'idée est de proposer des badges du genre
Bagde

1. 5ans : Inscrite et active depuis 5 ans
   
2. Serial loveuse : A poster 5 nouveaux messages dans la rubrique l'amour a ces raisons
   
3. Social girl : A poster 5 nouveaux messages dans la rubrique Vie sociale
   

et chacune rempli sa fiche elle même en fonction de ce qui lui correspond
ça fait une activité sans que j'ai trop besoin d'intervenir ^^

Un peu comme ça :

Spoiler:

Mais avec la possibilité de les cocher au lieu de devoir rentrer le nom du badge dans un champs texte car je ne trouve pas ça pratique ^^

Je vais regarder ce que tu m'as envoyé de plus près dans la semaine (le week end est toujours assez rempli ^^)

Coucou

ça marche.

En gros, mon idée est la suivante :

1) On a une zone, un topic où chaque membre pourra poster sa liste. Etant donné qu'il postera lui même le message, il pourra l'éditer comme bon lui semble.
sur mon forum de test, c'est ce topic.

2) Dans l'édition de sa fiche de personnage, le membre a un champ "url choix" où il doit indiquer l'url du message qui contient sa fiche :
Sur mon forum :


3) Et tu as un js, qu'on affichera sur toutes les pages, qui fera 2 choses :
- si on est en train de regarder une fiche de personnage d'un membre :
--- il supprimera le champ "url choix"
--- affichera la liste

Voila le js :

Code:

;$(function(){

   // si on est sur la fiche de personnage
   if( location.href.indexOf('/u') > -1 && location.href.indexOf('rpg') > -1 ){
       
        // On récupére l'url du message contenant la liste
        var msgFiche = $('.column1').find('dt .gen[style="color:#E36F26;"]').parents('.details').find('dd .gen').html();
       
        // On cache le champs qui contient le lien du message de la liste
        $('.column1').find('dt .gen[style="color:#E36F26;"]').parents('.details').hide();
       
        // On isole le lien du message et l'id du message
      var lienMsg = msgFiche.split('#')[0],
         idMsg = msgFiche.split('#')[1];
           
        // On affiche sa liste
        $('.column1').find('img[src="https://i.servimg.com/u/f71/20/05/19/39/35343010.png"]').parents('.details').find('dd').load('' + lienMsg +' #p'+ idMsg +' .postbody > .content >.content-msg');

   }

});

et un exemple de fiche : clic

Hello !

Pour la parti du message avec la liste de choix, il faut que chaque membre modifie le code de

Code:

<input type="checkbox" disabled="disabled"> Blablabla

à

Code:

<input type="checkbox" disabled="disabled" checked=""> Blablabla

Pour coder une case ?

Il n'est pas possible de mettre juste le code des case non coché et une fois le message envoyer, la membre puisse cocher les cases voulu ?
J'ai peur que s'il y a du codage à modifier, même si ce n'est pas grand chose, les membres ne jouent pas le jeu ^^

Coucou

oui c'est ça

Il n'est pas possible de mettre juste le code des case non coché et une fois le message envoyer, la membre puisse cocher les cases voulu ?

Non ce n'est pas possible parce qu'il n'y a pas de possibilité de sauvegarder :/

et si on leur crée un formulaire avec des cases à cocher et qu'après, ils ont juste à copier coller le code généré dans leur message ?

On se baserait sur ce tuto

Miettes a écrit:et si on leur crée  un formulaire avec des cases à cocher et qu'après, ils ont juste à copier coller le code généré dans leur message ?

Il faudra qu'elles re-remplissent tout le formulaire et le recopie/colle à chaque fois qu'elles "débloquent" un nouveau badge, pareil, j'ai peur qu'elles ne jouent pas le jeu :/

Sinon on part comme sur l'exemple en screen que j'ai mis plus haut, un champs texte/liste ou on met le nom du badge et ça fait ressortir le badge en couleur, finalement c'est ce qu'il y a de plus "intuitif" comme méthode ^^
...
Tu saurais comment faire ça ^^'  ?

On peut voir pour que le formulaire récupère la liste précédemment créée je pense

Ha oui si on peut faire ça ce serai chouette, plus c'est simple à faire (pour les membres) mieux ce sera


Edit :
Du coup j'aitenté de commencer quelque chose à partir du tuto , mais la page reste blanche et je suis bloqué la ( je teste sur codepen pour le moment)

Code:

<html>
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title></title>
 <link rel="stylesheet" href="">
</head>
    <body ng-app="angularApp" ng-controller="appController" ng-cloak>

<form action="" method="">
 
    <label for="badge"  >Mes Badges : </label>
<input type="checkbox"  disabled="disabled" ng-model="bagde"> Blablabla
<input type="checkbox" disabled="disabled"> Blablabla
<input type="checkbox" disabled="disabled"> Blablabla
<input type="checkbox" disabled="disabled"> Blablabla
</form>
 
  <div class="btn">
 <button type="reset">Annuler</button>
 <button type="button">Générer le code</button>
 </div>
 
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js" language="Javascript" type="text/javascript"></script>
 
      <script src="http://tambouille-raleuses.forumactif.com/16544.js" type="text/javascript"></script>
 
      <!-- Bibliothèque jQuery -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
 
      <script type="text/javascript">
    // On crée l'application angular et on appelle les modules supplémentaires
 var app = angular.module("angularApp", ['bbModule']);

 // On associe le js à exécuter dans l'application angular
 app.controller("appController", function($scope, $sce){
 
 });
    </script>
 
  </body>
</html>

Je pense que ça vient de codepen .

Essaie de le faire en local sur un IDE (genre notepad). Tu verras le résultats (ou directement dans une page html de ton forum )

En effet c'était Codepen, j'ai tenté de tout mettre, même le javascript, dans la partie "Html" pour me simplifier la vie et il n'a pas aimé je pense ^^ bref
J'ai donc un peu avancé ,enfin j'ai essayé héhé ^^'

Mais j'ai du louper quelque chose car je n'arrive pas à générer le code ...
Au final j'ai posé une question pour l'animation mais on en revient toujours au codage hein
Qu'est ce que j'ai zappé ^^ ?

Code:

<html>
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Badges</title>
 <link rel="stylesheet" href="">

 
  <style>
    **/style cochage/**
 #selectbadge{}
   
    **/styule bouton/**
 #btn{}   
   
    **/ style affichage badge /**
    #rendubadge{}
 
 
  </style>
    </head>
 
    <body ng-app="angularApp" ng-controller="appController" ng-cloak>
<div class="selectbadge">

<form action="#" method="post">
 
  <input type="checkbox" id="badge1" value="premiere_checkbox">
<label for="badge1" ng-model="bagde1" > Badge 1 </label>
<input type="checkbox" id="cbox2" value="deuxieme_checkbox">
  <label for="badge2" ng-model="bagde2"> Badge 2 </label>
<input type="checkbox" id="cbox2" value="deuxieme_checkbox">
  <label for="badge3" ng-model="bagde3"> Badge 3 </label> 

</form>

</div>
 
    <div id="rendu-cache" style="display: none;"></div>
<textarea id="txt-genere" ng-hide="!showCode" readonly></textarea>
   
   
  <div class="btn">

 <button type="reset">Annuler</button>
 <button type="button">Générer le code</button>
 
</div>
   
<div class="rendubadge">
Mes badges :
{{badge1}}
</div>


<!-- Bibliothèque jQuery -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
 
      <script type="text/javascript">
    // On crée l'application angular et on appelle les modules supplémentaires
 var app = angular.module("angularApp", ['bbModule']);

 // On associe le js à exécuter dans l'application angular
 app.controller("appController", function($scope, $sce){
 
 });


// On associe le js à exécuter dans l'application angular
 app.controller("appController", function($scope, $sce){
 // Par défaut, on cache la zone du texte généré
 $scope.showCode = false;

 // on récupère le code
 $scope.genererCode = function(){

 // On récupère le contenu html de la div #rendu
 var codeMsg = document.getElementById('rendu').innerHTML;

 // On le met dans notre div cachée pour pouvoir la nettoyer
 document.getElementById('rendu-cache').innerHTML = codeMsg;
 // On supprime les classes angular
 $('#rendu-cache .ng-binding').each( function(){
 $(this).removeClass('ng-binding');
 if( $(this).attr('data-ng-bind') ){
 $(this).removeAttr('data-ng-bind');
 $(this).removeAttr('ks-nl2br');
 $(this).removeAttr('ks-bbcode');
 }
 });

 // On récupère le contenu nettoyé
 codeMsg = document.getElementById('rendu-cache').innerHTML;

 // On l'injecte dans notre champ html
          document.getElementById('txt-genere').value = codeMsg ;
          // On affiche la zone
          $scope.showCode = true;
 };

 });

        $scope.cacherBloc = function(){
 if($scope.showCode){
 // On le cache
 $scope.showCode = false;
 }
 // sinon on ne fait rien
 };
 });

 $('body')
 // Au clic sur le champ de texte généré, il se sélectionne
        .on("click", "#txt-genere", function(){
              if (!window.getSelection().toString()) {
                  // Required for mobile Safari
                  this.setSelectionRange(0, this.value.length);
              }
        });

    </script>
 
  </body>

</html>

Tu as appelé 2 fois ceci :

Code:

 // On associe le js à exécuter dans l'application angular
 app.controller("appController", function($scope, $sce){
 
 });


// On associe le js à exécuter dans l'application angular
 app.controller("appController", function($scope, $sce){

on va donc supprimer le premier


---

Ensuite, ce bout de code :

Code:

$scope.cacherBloc = function(){
    if($scope.showCode){
      // On le cache
      $scope.showCode = false;
    }
    // sinon on ne fait rien
  };

doit être dans l'application angular

---

Et tout ça :

Code:

// On récupère le contenu nettoyé
  codeMsg = document.getElementById('rendu-cache').innerHTML;

  // On l'injecte dans notre champ html
    document.getElementById('txt-genere').value = codeMsg ;
    // On affiche la zone
    $scope.showCode = true;

doit être dans la fonction qui génère le code

----

il manque aussi l'appel à la bibiliothèque angular

----

Ici :

Code:

// On récupère le contenu html de la div #rendu
    var codeMsg = document.getElementById('rendu').innerHTML;

il n'y a aucun élement qui a cet id dans ta page html. Du coup, il ne sait pas quoi récupérer. On va donc ajouter l'info ici :

Code:

<div class="rendubadge" id="rendu">

----

D'ailleurs en parlant du rendu, il va falloir tout écrire ici :

Code:

<div class="rendubadge" id="rendu">
Mes badges :
{{badge1}}
</div>

----

Et pour finir, il manque l'appel à la méthode à excecuter ici :

Code:

<button type="button">Générer le code</button>

---

Voilà le code corrigé

Code:

<html>
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Badges</title>
 <link rel="stylesheet" href="">

 
  <style>
    **/style cochage/**
 #selectbadge{}
   
    **/styule bouton/**
 #btn{}   
   
    **/ style affichage badge /**
    #rendubadge{}
 
 
  </style>
    </head>
 
    <body ng-app="angularApp" ng-controller="appController" ng-cloak>
<div class="selectbadge">

<form action="#" method="post">
 
  <input type="checkbox" id="badge1" ng-model="bagde1" value="premiere_checkbox">
  <label for="badge1"> Badge 1 </label>

  <input type="checkbox" id="badge2" ng-model="bagde2" value="deuxieme_checkbox">
  <label for="badge2"> Badge 2 </label>

  <input type="checkbox" id="badge3" ng-model="badge3" value="troisieme_checkbox">
  <label for="badge3"> Badge 3 </label>

</form>

</div>
 
    <div id="rendu-cache" style="display: none;"></div>
<textarea id="txt-genere" ng-hide="!showCode" readonly></textarea>
   
   
  <div class="btn">

 <button type="reset">Annuler</button>
 <button type="button" ng-click="genererCode()">Générer le code</button>
 
</div>
   
<div class="rendubadge" id="rendu">
  Mes badges :

  <input type="checkbox" id="checkedbadge1" ng-checked="bagde1" value="premiere_checkbox" disabled="disabled">
  <label for="checkedbadge1"> Badge 1 </label>

  <input type="checkbox" id="checkedbadge2" ng-checked="bagde2" value="deuxieme_checkbox" disabled="disabled">
  <label for="checkedbadge2"> Badge 2 </label>

  <input type="checkbox" id="checkedbadge3" ng-checked="badge3" value="troisieme_checkbox" disabled="disabled">
  <label for="checkedbadge3"> Badge 3 </label>

</div>


<!-- Bibliothèque Angular -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js" language="Javascript" type="text/javascript"></script>
 
<script src="http://tambouille-raleuses.forumactif.com/16544.js" type="text/javascript"></script>

<!-- Bibliothèque jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
 
      <script type="text/javascript">
    // On crée l'application angular et on appelle les modules supplémentaires
 var app = angular.module("angularApp", ['bbModule']);

// On associe le js à exécuter dans l'application angular
 app.controller("appController", function($scope, $sce){
  // Par défaut, on cache la zone du texte généré
  $scope.showCode = false;

  // on récupère le code
  $scope.genererCode = function(){

    // On récupère le contenu html de la div #rendu
    var codeMsg = document.getElementById('rendu').innerHTML;

    // On le met dans notre div cachée pour pouvoir la nettoyer
    document.getElementById('rendu-cache').innerHTML = codeMsg;

    // On supprime les classes angular
    $('#rendu-cache .ng-binding').each( function(){
      $(this).removeClass('ng-binding');
      if( $(this).attr('data-ng-bind') ){
        $(this).removeAttr('data-ng-bind');
        $(this).removeAttr('ks-nl2br');
        $(this).removeAttr('ks-bbcode');
      };
    });

    // On récupère le contenu nettoyé
    codeMsg = document.getElementById('rendu-cache').innerHTML;

    // On l'injecte dans notre champ html
      document.getElementById('txt-genere').value = codeMsg ;
      // On affiche la zone
      $scope.showCode = true;
  };

  $scope.cacherBloc = function(){
    if($scope.showCode){
      // On le cache
      $scope.showCode = false;
    }
    // sinon on ne fait rien
  };
   
 });

 $('body')
 // Au clic sur le champ de texte généré, il se sélectionne
        .on("click", "#txt-genere", function(){
              if (!window.getSelection().toString()) {
                  // Required for mobile Safari
                  this.setSelectionRange(0, this.value.length);
              }
        });

    </script>
 
  </body>

</html>

Du coup, prochaine étape : récupérer le code existant. Je vais voir comment on peut faire ça

oulala il en manquait des choses, pourtant j'ai suivi pas à pas mais j'ai quand même loupé des choses, pas évident le javascript ^^
Merci beaucoup pour ta correction

ça marche tiens moi au courant, pendant ce temps j'ai commencer le visuel des bagdes

Coucou

J'ai continué à travailler dessus. Voilà le résultat "final" (sans CSS )

http://miettes.lebonforum.com/h38-temp-aide-mme-feuillage

Tu peux tester avec un des messages ici :
http://miettes.lebonforum.com/t96-liste-de-choix-case-a-cocher#

je ne comprend pas bien comment ça marche ^^' J'ai essayé sur le forum de test et sur mon forum dans ma rubrique secrete ^^
Donc imaginon je suis une membre qui découvre. Je clique sur le lien qui m'emene sur la page du formulaire.
Je n'ai pas encore de fiche, je choisi le badge 1 et 2, je copie colle dans un nouveau sujet.

Une fois envoyé quand je regarde mon sujet , je peut encore cocher ou décocher les cases , c'est normal ?
car du coup c'est ce que je souhaitais au début mais qui n'était pas possible sans passer par le formulaire ^^
J'suis paumé

Je test ici, je nai pas encore de badge, je vais sur la page du formulaire, admettons que j'ai gagné mes badges 1 et 2 , je coche , je prend le code, je le met la (j'envoie pour vérifier ce que je dit et j'édite pour confirmer )



        

Mes badges :

Badge 1 Badge 2 Badge 3



C'est bien ça, quand je valide, je vois mes badge 1 et 2 de coché, je peux les décocher si je veux et j'arrive a cocher directement mon badge 3

Du coup, si je met tout mes badge dans le formulaire, le 1er coup elles remplissent le formulaire avec les badge qu'elles ont déja et ensuite elle n'ont qu'a completer en cochant directement sur leur sujet

ah j'ai oublié d'ajouter le disabled C'est corrigé sur le formulaire du coup.

Du coup, si je met tout mes badge dans le formulaire, le 1er coup elles remplissent le formulaire avec les badge qu'elles ont déja et ensuite elle n'ont qu'a completer en cochant directement sur leur sujet Very Happy

Si tu recharges la page, tu perds ce que tu as coché / décoché ...

Si moi j'édites le message, j'ai que du code html, je n'ai pas les cases...

ha oui effectivement en quittant le sujet et en revenant ça enlève ce que j'ai coché hors formulaire.

Ok donc du coup je viens de tester avec le code corrigé, je ne peux pas cocher une fois le code mis dans le message, c'est bon .

Ensuite, je prend le lien du sujet ou j'ai posté le code de mon formulaire et je le met dans
"Indique le lien du message contenant tes badges"
je valide et la, la liste des bagdes disparait, je ne  peux que " Générer  le code " ( ou "annuler")

oui c'est normal, il faut que le fichier html soit sur le forum (il va utiliser une fonction qui ne peut pas marcher d'un site web à l'autre, il faut que ça soit sur le même domaine )

Voici le formulaire :

Code:

<html>
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Badges</title>
 <link rel="stylesheet" href="">

 
  <style>
    **/style cochage/**
 #selectbadge{}
   
    **/styule bouton/**
 #btn{}   
   
    **/ style affichage badge /**
    #rendubadge{}
 
 
  </style>
    </head>
 
    <body ng-app="angularApp" ng-controller="appController" ng-cloak>
<div class="selectbadge">

<form action="#" method="post">

   <p>
       <input ng-model="radioButton.oldCode" ng-click="radioButton.oldCode = true ; action('oldCode');" ng-value="true" type="checkbox" /> <label>coche la case si tu as déjà une fiche.</label>
     </p>
     <div data-ng-if="radioButton.oldCode">
        Indique le lien du message contenant tes badges
        <input type="text" ng-model="ancienCode">
    <br />
    <input type="button" value="valider" ng-click="recupInfos(ancienCode);"/>
  </div>
 
    <div id="blk-cb">
       <p>Mes badges : </p><!--

       --><input type="checkbox" id="badge1" value="premiere_checkbox"><!--
        --><label for="badge1"> Badge 1 </label><!--

        --><input type="checkbox" id="badge2" value="deuxieme_checkbox"><!--
        --><label for="badge2"> Badge 2 </label><!--

        --><input type="checkbox" id="badge3" value="troisieme_checkbox"><!--
        --><label for="badge3"> Badge 3 </label>
    </div>
 

</form>

</div>
 
    <div id="rendu-cache" style="display: none;"></div>
   <textarea id="txt-genere" ng-hide="!showCode" readonly></textarea>
   
   
  <div class="btn">

 <button type="reset">Annuler</button>
 <button type="button" ng-click="genererCode()">Générer le code</button>
 
</div>

<!-- Bibliothèque Angular -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js" language="Javascript" type="text/javascript"></script>
 
<script src="http://tambouille-raleuses.forumactif.com/16544.js" type="text/javascript"></script>

<!-- Bibliothèque jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
 
      <script type="text/javascript">
    // On crée l'application angular et on appelle les modules supplémentaires
 var app = angular.module("angularApp", ['bbModule']);

// On associe le js à exécuter dans l'application angular
 app.controller("appController", function($scope, $sce){
    // Par défaut, on cache la zone du texte généré
    $scope.showCode = false;


    // on récupère le code
    $scope.genererCode = function(){

       // On récupère le contenu html de la div #rendu
       var codeMsg = document.getElementById('blk-cb').innerHTML;

       $('#rendu-cache').html(codeMsg);

       $('#rendu-cache input[type="checkbox"]').each( function(){

             $(this).attr('disabled', true);

          });


        codeMsg = document.getElementById('rendu-cache').innerHTML;

       // On l'injecte dans notre champ html
        document.getElementById('txt-genere').value = codeMsg ;

        // On affiche la zone
        $scope.showCode = true;
    };

    $scope.cacherBloc = function(){
       if($scope.showCode){
          // On le cache
          $scope.showCode = false;
       }
       // sinon on ne fait rien
   };

   // Récupérer info
    $scope.recupInfos = function(data){
       var msg = data,
         lienMsg = msg.split('#')[0],
         idMsg = msg.split('#')[1];

       $('#rendu-cache').load(''+ lienMsg +' #p'+ idMsg +' .postbody > .content > .content-msg');

       setTimeout( function(){
          $('#rendu-cache .content-msg input[type="checkbox"]').each( function(){

             $(this).removeAttr('disabled');

          });

          var htmlToCopy = $('#rendu-cache .content-msg').html();

          $('#blk-cb').html(htmlToCopy);
       }, 800);
    };
   
 });

 $('body')
 // Au clic sur le champ de texte généré, il se sélectionne
        .on("click", "#txt-genere", function(){
              if (!window.getSelection().toString()) {
                  // Required for mobile Safari
                  this.setSelectionRange(0, this.value.length);
              }
        })
        .on("change", '#blk-cb input[type="checkbox"]', function(){
           if($(this).is(':checked')){
              $(this).attr('checked', true);
           }else{
              $(this).removeAttr('checked');
           }
        });

    </script>
 
  </body>

</html>

Coucou !
Du coup je viens de le mettre sur ma page html (http://forumfeminin.forumactif.org/h8-badges) et j'ai essayé depuis mon forum
http://forumfeminin.forumactif.org/t1026-test-les-badges-de-mme-feuillage#10491
J'ai le même problème quand je met le lien ci dessus dans le formulaire, je valide, les badges disparaissent :/

Coucou

Dans le formulaire, il faut que tu remplaces ça :

Code:

$('#rendu-cache').load(''+ lienMsg +' #p'+ idMsg +' .postbody > .content > .content-msg');

par

Code:

$('#rendu-cache').load(''+ lienMsg +' #p'+ idMsg +' .postbody > div');

Je ne savais pas la version de ton forum ^^ du coup j'ai mis celle de mon forum de test

ça devrait marcher cette fois

hello !
Justement j'hésitais à changer de version... (Mais bien sur, je galère sur mon thème de test pour le codage, du coup ça prend du temps )

Je reprend tout ça a partir de Lundi
Merci beaucoup !

Passe un bon week end !!!

De rien

je vais en faire un tuto pour chaque version je pense (et si tu es d'accord bien sur)

Du coup, tu pourras t'en servir si un jour tu veux changer de version

Coucou ! Oui bien sur pas de problème pour le tuto

Coucou

Le tuto est parti en relecture coté privé Dès qu'il est en ligne, je te donne le lien. Tu auras toutes les infos pour le mettre en place comme ça

EDIT 18h

Le tuto est disponible ici

Super Merci beaucoup !
J'ai commencé a tenté la personnalisation en CSS mais pour le moment je n'ai pas reussi, j'ai l'impression que le Style n'est pas pris en compte ...
enfin j'ai regardé ça rapidement, il faut que je me re-penche la dessus !
Et je vais tenter de passer une commande sur Art of fruit pour mes badges sinon je n'avancerais jamais ^^