Donner la couleur du groupe à une div

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Donner la couleur du groupe à une div

Message par Heine le Sam 6 Mai 2017 - 23:37

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous et merci de prendre le temps de lire mon topic !

Voilà, j'aimerai savoir s'il était possible de récupérer la couleur du groupe d'un joueur pour l'utiliser, par exemple, comme couleur de fond d'une div ? C'est pour un codage concernant les messages, dans une div qui contient notamment la date du message ainsi que les petits boutons comme citer, etc.

Merci d'avance de votre aide !

Cordialement.


Dernière édition par Heine le Mar 30 Mai 2017 - 0:00, édité 1 fois

Heine
Nouveau membre

Messages : 25
Inscrit(e) le : 19/07/2010

http://shinobi-no-yami@hotmail.fr
Heine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Lixyr le Dim 7 Mai 2017 - 9:39

Bonjour,

Souhaitez-vous un code fonctionnel pour tous les groupes ou seulement pour quelques uns ?




avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5914
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Heine le Dim 7 Mai 2017 - 12:46

Tout les groupes, si possible !

Merci pour la réponse rapide =)

Heine
Nouveau membre

Messages : 25
Inscrit(e) le : 19/07/2010

http://shinobi-no-yami@hotmail.fr
Heine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Heine le Lun 8 Mai 2017 - 10:56

Petit up !

Heine
Nouveau membre

Messages : 25
Inscrit(e) le : 19/07/2010

http://shinobi-no-yami@hotmail.fr
Heine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Heine le Mar 9 Mai 2017 - 12:45

Up !

Heine
Nouveau membre

Messages : 25
Inscrit(e) le : 19/07/2010

http://shinobi-no-yami@hotmail.fr
Heine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Heine le Sam 13 Mai 2017 - 11:22

Mh, personne ? :/

Up !

Heine
Nouveau membre

Messages : 25
Inscrit(e) le : 19/07/2010

http://shinobi-no-yami@hotmail.fr
Heine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Lixyr le Dim 14 Mai 2017 - 9:18

Bonjour.

Voici un code fonctionnel :

Code:
$(function() {
   $.each($('.sujetconteneur tr.post'), function( index, value ) {
      var color_gp = $(this).find('.sujetprofil .joueurnom .name span').css('color');
      if (typeof(color_gp) != "undefined") {
         $(this).find('td.post-options > div').css('background-color', color_gp);
      }
   });
});

Il suffit de le mettre dans
• panneau -> modules -> feuilles JavaScript
• créer une nouvelle page
• - nom : couleur du groupe pour messages (ou comme vous voulez)
- cocher "sur les sujets"
- mettre le code dans le champ texte
• valider


Le code que je vous ai donné récupère la couleur du groupe et l'ajoute en background à la zone "date et logos de modération". Elle est mise en dur ce qui n'est pas très propre. Pour avoir un code un peu plus propre, il aurait fallu avoir des rangs par exemple. Une image ou quelque chose avec un terme précis (le nom du groupe par exemple) pour pouvoir utiliser du CSS plutôt que de mettre la couleur directement.




avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5914
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Heine le Mar 16 Mai 2017 - 13:28

Merci beaucoup !

De ce que je comprend du code, il récupère la couleur du pseudo pour ensuite la donner à l'autre endroit, c'est ça ? En soit que la couleur soit brute ne me dérange pas, j'arrangerai si besoin, le problème est que je comptais aussi utiliser ce code pour donner la couleur de fond au fond où se trouve le pseudo. Sauf que bah du coup, je vais devoir faire en sorte que le dit pseudo ne soit pas dans la même couleur ! Le code ne risque pas, du coup, ne plus fonctionner ? :/

Sinon, s'il y a un autre moyen via les rangs, pourquoi pas ! Je pense qu'en effet ça serait bien plus simple ! xD

Merci de votre aide !

Heine
Nouveau membre

Messages : 25
Inscrit(e) le : 19/07/2010

http://shinobi-no-yami@hotmail.fr
Heine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Lixyr le Mer 17 Mai 2017 - 9:48

Et bien justement, si vous faites ça via CSS, vous pourrez également gérer la couleur du texte à ces endroits. Ce serait donc bien plus maniable et plus simple pour vous. Car si cette modification de texte doit se faire via JS en fonction des couleurs, il faudra les saisir à la main dans le JS, ce qui posera problème car si jamais demain vous décidez de modifier une couleur de groupe, il faudra aussi aller la changer dans le JS, et c'est bien plus facile pour une personne qui n'y connait pas grand chose de modifier du CSS que du JS. Bref ce serait plus facile et plus maniable de faire ça par CSS, et donc ce serait mieux d'avoir un indicateur, comme un rang (mais du coup il ne faudra pas oublier de mettre le rang à chaque membre, donc un rang automatique pour les membres et un rang manuel pour le staff serait mieux), qui sera géré par CSS et que vous pourrez facilement modifier vous-même au besoin.




avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5914
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Heine le Jeu 18 Mai 2017 - 7:55

D'accord ! En effet, cette méthode semble bien plus pratique. Mais comment je peux le faire, du coup ?

Heine
Nouveau membre

Messages : 25
Inscrit(e) le : 19/07/2010

http://shinobi-no-yami@hotmail.fr
Heine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Lixyr le Jeu 18 Mai 2017 - 9:50

Alors, pour les rangs je vous laisse lire ce tutoriel, qui explique très bien le fonctionnement :
Like a Star @ heaven les rangs

Le mieux étant pour vous de :
- créer 1 rang non spécial avec un minimum de 1 message (ou 0, c'est vous qui voyez) pour les membres (le rang sera automatiquement rajouté, vous n'aurez pas à le faire à la main) ;
- créer 1 ou plusieurs rangs spéciaux (ce sera à vous de l'ajouter à la main aux membres correspondant) pour les membres du staff (ex : administrateur, modérateur etc).
Et pour tous ces rangs quels qu'ils soient, mettre en "titre du rang" un mot (ex : "Administrateur", "Modérateur", "Membre" etc).




avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5914
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Heine le Jeu 18 Mai 2017 - 12:18

Alors en effet ce tutoriel explique très bien comment utiliser les rangs, mais ce que je ne comprend pas c'est comment je peux m'en servir pour réaliser ce que je souhaite... C'est à dire donner à deux divs (l'une contenant le pseudo du joueur et l'autre contenant la date du message ainsi que les boutons basiques, comme dans le premier code) une couleur spécifique, différente selon le membre (relié à son groupe, tout simplement).

Heine
Nouveau membre

Messages : 25
Inscrit(e) le : 19/07/2010

http://shinobi-no-yami@hotmail.fr
Heine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Lixyr le Ven 19 Mai 2017 - 9:24

Et bien, ça je vous l'expliquerai quand vous aurez mis les rangs. ^^
Ça se fait pareil, en JS, sauf que le code sera un peu différent. Et je rajouterai du CSS qu'il faudra modifier.




avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5914
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Heine le Sam 20 Mai 2017 - 15:07

Oh d'accord, désolé !

Voilà, j'ai ajouté un span au rang du fondateur et j'ai créé un rang de nouveau membre directement ajouté aux membres dès leurs inscriptions !

Heine
Nouveau membre

Messages : 25
Inscrit(e) le : 19/07/2010

http://shinobi-no-yami@hotmail.fr
Heine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Lixyr le Dim 21 Mai 2017 - 10:22

Ah vous avez rajouté un span. Très bien, on n'aura pas besoin d'image dans ce cas.

Alors, du coup remplacez le JS que je vous ai donné par celui-ci :

Code:
$(function() {
  $.each($('.sujetconteneur tr.post'), function( index, value ) {
      var rank_gp = $(this).find('.sujetprofil .joueurrang span').attr('class');
      if (typeof(rank_gp) != "undefined") {
        $(this).find('td.post-options > div').addClass(rank_gp);
      }
  });
});

Le code JS fonctionne ainsi cette fois : il récupère le nom du rang et l'ajoute en tant que classe dans les espaces que vous souhaitez colorer.

Ensuite, ajoutez ceci dans votre CSS (panneau > affichage > couleurs > feuille de style CSS)
Code:

.post-options .fondateur {
  background-color: #000000;
  color: #ffffff;
}

.post-options .nouveau {
  background-color: #CEC4F2;
}

Vous remarquerez qu'à chaque fois, j'indique la classe que vous avez rajouté pour les rangs, à laquelle j'ajoute :
- la couleur de fond ;
- et si besoin une couleur de texte (pour le noir notamment, car noir sur noir ça ne donne rien de visible).

Essayez ça sur votre forum. Ensuite, si vous souhaitez ajouter la couleur à d'autres endroits, dites-le moi et je rajouterai ça dans le JS.




avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5914
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Heine le Lun 22 Mai 2017 - 16:19

Le code fonctionne à merveille, merci !

Du coup en effet, j'aimerai savoir s'il était possible d'ajouter la même couleur au fond de la div joueurnom qui contient du coup le pseudo du joueur ?

Merci encore !

Heine
Nouveau membre

Messages : 25
Inscrit(e) le : 19/07/2010

http://shinobi-no-yami@hotmail.fr
Heine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Lixyr le Mar 23 Mai 2017 - 10:06

Oui c'est possible. Du coup, le code CSS serait plutôt :

Code:
.sujetconteneur .post div.fondateur {
  background-color: #000000;
  color: #ffffff;
}
 
.sujetconteneur .post div.nouveau {
  background-color: #CEC4F2;
}

(là j'augmente la hiérarchie afin qu'on prenne toute la ligne profil + message et non pas seulement le message, donc la ligne où il y a le pseudo est désormais impactée par le code. J'ai modifié .fondateur par div.fondateur etc pour éviter que le background ne se mette sur le span du groupe que vous avez rajouté et qui permet la récupération du nom du groupe. Là je ne cible que les div alors qu'avec le code précédent je ciblais toutes les balises ayant la classe, mais comme j'ai augmenté la hiérarchie à toute la zone, le rang est aussi impacté et j'imagine que ce n'est pas ce que vous souhaitez.)

auquel il faudrait rajouter :

Code:
/* rajouter une ligne avec une virgule à la fin pour chaque groupe/rang */
.sujetconteneur .post .fondateur .name span,
.sujetconteneur .post .nouveau .name span {
    color: white !important;
}

(comme les couleurs des groupes sont générées dans le PA, vous avez deux solutions :
- ajouter ce CSS et ajouter une ligne à chaque fois que vous avez un groupe ;
- mettre la couleur de tous les groupes en blanc ou en couleur lisible et ne pas mettre ce CSS)

et pour le JS ça donnerait ça :

Code:
    $(function() {
      $.each($('.sujetconteneur tr.post'), function( index, value ) {
          var rank_gp = $(this).find('.sujetprofil .joueurrang span').attr('class');
          if (typeof(rank_gp) != "undefined") {
            $(this).find('td.post-options > div').addClass(rank_gp);
            $(this).find('.sujetprofil .joueurnom').addClass(rank_gp);
          }
      });
    });




avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5914
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Lixyr le Sam 27 Mai 2017 - 22:36

Où en-est votre problème ?

  • Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône RÉSOLU en éditant votre premier message,

  • Votre problème est toujours d'actualité, dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté.




avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5914
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Chacha le Lun 29 Mai 2017 - 9:52

Bonjour,

Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 54331
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner la couleur du groupe à une div

Message par Heine le Lun 29 Mai 2017 - 23:59

ÉNORME désolé pour l'énorme retard ! J'ai été très pris et j'ai pas réussi à passer ><

Le code fonctionne parfaitement ! Un énorme (oui beaucoup de fois le même mot xD) merci pour ça, vraiment !

C'est résolu du coup ! Encore déésolééé pour le retard ;-;

Heine
Nouveau membre

Messages : 25
Inscrit(e) le : 19/07/2010

http://shinobi-no-yami@hotmail.fr
Heine a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum