Donner la couleur du groupe à une div

3 participants

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 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
avatar

Heine
**

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

Heine a été remercié(e) par l'auteur de ce sujet.

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

Message par Lixyr Dim 7 Mai 2017 - 9:39

Bonjour,

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


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Donner la couleur du groupe à une div 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Donner la couleur du groupe à une div 3592387030 pour prévenir la modération.

Donner la couleur du groupe à une div Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 Dim 7 Mai 2017 - 12:46

Tout les groupes, si possible !

Merci pour la réponse rapide =)
avatar

Heine
**

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

Heine a été remercié(e) par l'auteur de ce sujet.

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

Message par Heine Lun 8 Mai 2017 - 10:56

Petit up !
avatar

Heine
**

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

Heine a été remercié(e) par l'auteur de ce sujet.

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

Message par Heine Mar 9 Mai 2017 - 12:45

Up !
avatar

Heine
**

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

Heine a été remercié(e) par l'auteur de ce sujet.

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

Message par Heine Sam 13 Mai 2017 - 11:22

Mh, personne ? :/

Up !
avatar

Heine
**

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

Heine a été remercié(e) par l'auteur de ce sujet.

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

Message par Lixyr 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.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Donner la couleur du groupe à une div 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Donner la couleur du groupe à une div 3592387030 pour prévenir la modération.

Donner la couleur du groupe à une div Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 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 !
avatar

Heine
**

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

Heine a été remercié(e) par l'auteur de ce sujet.

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

Message par Lixyr 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.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Donner la couleur du groupe à une div 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Donner la couleur du groupe à une div 3592387030 pour prévenir la modération.

Donner la couleur du groupe à une div Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 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 ?
avatar

Heine
**

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

Heine a été remercié(e) par l'auteur de ce sujet.

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

Message par Lixyr 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).


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Donner la couleur du groupe à une div 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Donner la couleur du groupe à une div 3592387030 pour prévenir la modération.

Donner la couleur du groupe à une div Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 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).
avatar

Heine
**

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

Heine a été remercié(e) par l'auteur de ce sujet.

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

Message par Lixyr 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.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Donner la couleur du groupe à une div 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Donner la couleur du groupe à une div 3592387030 pour prévenir la modération.

Donner la couleur du groupe à une div Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 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 !
avatar

Heine
**

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

Heine a été remercié(e) par l'auteur de ce sujet.

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

Message par Lixyr 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.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Donner la couleur du groupe à une div 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Donner la couleur du groupe à une div 3592387030 pour prévenir la modération.

Donner la couleur du groupe à une div Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 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 !
avatar

Heine
**

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

Heine a été remercié(e) par l'auteur de ce sujet.

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

Message par Lixyr 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);
          }
      });
    });


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Donner la couleur du groupe à une div 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Donner la couleur du groupe à une div 3592387030 pour prévenir la modération.

Donner la couleur du groupe à une div Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 Sam 27 Mai 2017 - 22:36

Donner la couleur du groupe à une div DeXXKqF
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é.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Donner la couleur du groupe à une div 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Donner la couleur du groupe à une div 3592387030 pour prévenir la modération.

Donner la couleur du groupe à une div Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 Lun 29 Mai 2017 - 9:52

Donner la couleur du groupe à une div UmaslZ4Bonjour,

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 »
Chacha

Chacha
Modéractif
Modéractif

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

https://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 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 ;-;
avatar

Heine
**

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

Heine a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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