Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[Invision] Changement de couleur pour un dernier groupe installé.


2 participants

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

Romain
Romain
Donateur

https://www.syndromeklinefelter.org/

MessageRomain Dim 19 Mai 2019 - 8:53

  • Version du forum :
    Invision
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
Bonjour,

Je voudrais que la couleur du nouveau membre s'affiche dans une autre couleur que celle des membres présents dans l'un des 5 groupes, ça je sais faire et je viens de la changer.

Je voudrais en fait que cette barre là :

[Invision] Changement de couleur pour un dernier groupe installé. Messag10

Soit dans la même couleur que du groupe auquel le membre fait parti, là il s'agit des gens qui font parti du groupe des membres non présenté sur mon forum.

Voici le code que Milouze m'avait codé, ce code se situe dans la feuille CSS 

Code:
/*Administrateur*/
    .M14_Admin .post-header{background-color:#FFB129 !important;}
    /*Membres presentes*/
    .M14_rang1 .post-header{background-color:#1E11D6 !important;}
    /*En attente de resultats medicaux*/
    .M14_rang2 .post-header{background-color:#419EDB !important;}
    /*Professionnel*/
    .M14_rang3 .post-header{background-color:#07D9E0 !important;}
/* la couleur de police pour Admin et groupes*/
.M14_Admin .post-header,.M14_rang1 .post-header ,.M14_rang2 .post-header,.M14_rang3 .post-header ,.M14_Admin h3 a,.M14_Admin .author a[href^="/u"],.M14_Admin .author a[href^="/u"] span,.M14_Admin ul.post-info li ,.M14_Admin ul.post-info li a,.M14_rang1 .post-header  a[href^="/t"],.M14_rang2 .post-header  a[href^="/t"],.M14_rang3 .post-header  a[href^="/t"],.M14_rang1 .post-header a[href^="/u"]  ,.M14_rang2 .post-header a[href^="/u"] ,.M14_rang3 .post-header a[href^="/u"] ,.M14_rang1 .post-header a[href^="/u"] span ,.M14_rang2 .post-header a[href^="/u"] span ,.M14_rang3 .post-header a[href^="/u"] span ,.M14_rang1 .post-header h3 a,.M14_rang2 .post-header h3 a, .M14_rang3 .post-header h3 a
{color:white !important;text-decoration:none !important;}

.M14_enLigne{line-height: 16px !important;margin-top: 5px;position: absolute;}
.M14_Admin .M14_enLigne{color:#006600;}
.M14_rang1 .M14_enLigne{color:#1E11D6;}
.M14_rang2 .M14_enLigne{color:#419EDB;}
.M14_rang3 .M14_enLigne{color:#07D9E0;}

Et voici le code JS que Milouze m'avait donné :

Code:
$(function(){
$('.popmenubutton').find('a[href^="javascript:void"] span').each(function(){
var M14_color=$(this).css('color');
//CHANGER LA COULEUR PAR DEFAUT ICI
var colordefaut='#1E11D6';
if(M14_color)
{
$(this).closest('div[class*="post--"]').find('.post-header').css('backgroundColor',M14_color);
}
else
{
$(this).closest('div[class*="post--"]').find('.post-header').css('backgroundColor',colordefaut);
}
  
});});

Et je veux juste que dans la barre de couleur rose, celle du dernier groupe, Je veux juste l'écriture en blanc.

Merci pour votre aide.
Cordialement
Romain


Dernière édition par Romain le Dim 19 Mai 2019 - 19:28, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 19 Mai 2019 - 9:20

Hello Romain,
tu as changé de fofo mon ami et je ne vois rien concernant les class.
Admettons :

Code:
.M14_Admin

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 19 Mai 2019 - 9:31

Le plus simple en gardant le script suivant:

Code:
    $(function(){
    $('.popmenubutton').find('a[href^="javascript:void"] span').each(function(){
    var M14_color=$(this).css('color');
    //CHANGER LA COULEUR PAR DEFAUT ICI
    var colordefaut='#1E11D6';
    if(M14_color)
    {
    $(this).closest('div[class*="post--"]').find('.post-header').css('backgroundColor',M14_color);
    }
    else
    {
    $(this).closest('div[class*="post--"]').find('.post-header').css('backgroundColor',colordefaut);
    }
     
    });});

Et ensuite, tu donnes des couleurs aux groupes tout en mettant un nombre de messages précis mon ami:
Utilisateurs et Groupes/Groupes/Administration des Groupes

Adhésion automatique des membres :Oui  

Nombre minimum de messages :1

[Invision] Changement de couleur pour un dernier groupe installé. 1251

Ensuite tu peux supprimer le style suivant il ne sert plus a rien:
Code:
   /*Administrateur*/
        .M14_Admin .post-header{background-color:#FFB129 !important;}
        /*Membres presentes*/
        .M14_rang1 .post-header{background-color:#1E11D6 !important;}
        /*En attente de resultats medicaux*/
        .M14_rang2 .post-header{background-color:#419EDB !important;}
        /*Professionnel*/
        .M14_rang3 .post-header{background-color:#07D9E0 !important;}
    /* la couleur de police pour Admin et groupes*/
    .M14_Admin .post-header,.M14_rang1 .post-header ,.M14_rang2 .post-header,.M14_rang3 .post-header ,.M14_Admin h3 a,.M14_Admin .author a[href^="/u"],.M14_Admin .author a[href^="/u"] span,.M14_Admin ul.post-info li ,.M14_Admin ul.post-info li a,.M14_rang1 .post-header  a[href^="/t"],.M14_rang2 .post-header  a[href^="/t"],.M14_rang3 .post-header  a[href^="/t"],.M14_rang1 .post-header a[href^="/u"]  ,.M14_rang2 .post-header a[href^="/u"] ,.M14_rang3 .post-header a[href^="/u"] ,.M14_rang1 .post-header a[href^="/u"] span ,.M14_rang2 .post-header a[href^="/u"] span ,.M14_rang3 .post-header a[href^="/u"] span ,.M14_rang1 .post-header h3 a,.M14_rang2 .post-header h3 a, .M14_rang3 .post-header h3 a
    {color:white !important;text-decoration:none !important;}

    .M14_enLigne{line-height: 16px !important;margin-top: 5px;position: absolute;}
    .M14_Admin .M14_enLigne{color:#006600;}
    .M14_rang1 .M14_enLigne{color:#1E11D6;}
    .M14_rang2 .M14_enLigne{color:#419EDB;}
    .M14_rang3 .M14_enLigne{color:#07D9E0;}
Romain
Romain
Donateur

https://www.syndromeklinefelter.org/

MessageRomain Dim 19 Mai 2019 - 10:35

Coucou,

En fait je ne veux pas que les membres accèdent aux groupes en fonction des messages.

Si tu veux, s'est un système qui vise à protéger les membres par des personnes malsaine.

Mon forum est sur une anomalie génétique et en 2018, j'ai eu quelques trolls qui se sont fait passé pour des porteurs de cette anomalie et y ont mis le souk.

Donc en fait, le groupe 5 celui en rose, je le met une fois que le profil du membre correspond au profil adéquat et le nouveau membre est inséré par mes soins dans le groupe 5 qui donne accès seulement à la partie présentation.

Une fois que le membre s'est présenté, alors il est orienter vers l'un des trois autres groupes.

Donc en fait, je préfèrait que tu m'indique qu'elle ligne je dois rajouter au code déjà mis en place pour que la barre rose (couleur du groupe 5) affiche le titre du sujet, le pseudo s'affiche en blanc comme pour les autres groupes.

Voilou, tu comprends ma demande ?

Merci pour ton aide
A+
Romain
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 19 Mai 2019 - 10:41

Oky pas de soucis Romain,

je viens de m'inscrire sur ton fofo mon ami clin oeil .

Ensuite tu peux me rafraichir la mémoire concernant cette class:

Code:
.M14_Admin
Tu l'a positionnée ou stp?


La c.s.s modifiée:
Code:
/*Administrateur*/
.M14_Admin .post-header{background-color:#FFB129 !important;}
/*Membres presentes*/
 .M14_rang1 .post-header{background-color:#1E11D6 !important;}
/*En attente de resultats medicaux*/
.M14_rang2 .post-header{background-color:#419EDB !important;}
/*Professionnel*/
.M14_rang3 .post-header{background-color:#07D9E0 !important;}
/*groupe5*/
.M14_rang4 .post-header{background-color:#F000D4 !important;}
/* la couleur de police pour Admin et groupes*/
.M14_Admin .post-header,
.M14_rang1 .post-header ,
.M14_rang2 .post-header,
.M14_rang3 .post-header ,
.M14_rang4 .post-header ,
.M14_Admin h3 a,
.M14_Admin .author a[href^="/u"],
.M14_Admin .author a[href^="/u"] span,
.M14_Admin ul.post-info li ,
.M14_Admin ul.post-info li a,
.M14_rang1 .post-header  a[href^="/t"],
.M14_rang2 .post-header  a[href^="/t"],
.M14_rang3 .post-header  a[href^="/t"],
.M14_rang4 .post-header  a[href^="/t"],
.M14_rang1 .post-header a[href^="/u"] ,
.M14_rang2 .post-header a[href^="/u"] ,
.M14_rang3 .post-header a[href^="/u"] ,
.M14_rang4 .post-header a[href^="/u"] ,
.M14_rang1 .post-header a[href^="/u"] span ,
.M14_rang2 .post-header a[href^="/u"] span ,
.M14_rang3 .post-header a[href^="/u"] span ,
.M14_rang4 .post-header a[href^="/u"] span ,
.M14_rang1 .post-header h3 a,
.M14_rang2 .post-header h3 a,
.M14_rang3 .post-header h3 a,
.M14_rang4 .post-header h3 a
{color:white !important;text-decoration:none !important;}

        .M14_enLigne{line-height: 16px !important;margin-top: 5px;position: absolute;}
        .M14_Admin .M14_enLigne{color:#006600;}
        .M14_rang1 .M14_enLigne{color:#1E11D6;}
        .M14_rang2 .M14_enLigne{color:#419EDB;}
        .M14_rang3 .M14_enLigne{color:#07D9E0;}
        .M14_rang4 .M14_enLigne{color:#F000D4;}

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 19 Mai 2019 - 11:00

Hum, je viens de trouver,
tu as de script:
Code:
$(function(){
$('.Admin').closest('.post').addClass('M14_Admin');
$('a[href^="/u"] span[style="color:#1E11D6"]').closest('.post').addClass('M14_rang1');
$('a[href^="/u"] span[style="color:#419EDB"]').closest('.post').addClass('M14_rang2');
$('a[href^="/u"] span[style="color:#07D9E0"]').closest('.post').addClass('M14_rang3');
});




Remplaces le par celui-ci:

Code:
$(function(){
$('.Admin').closest('.post').addClass('M14_Admin');
$('a[href^="/u"] span[style="color:#1E11D6"]').closest('.post').addClass('M14_rang1');
$('a[href^="/u"] span[style="color:#419EDB"]').closest('.post').addClass('M14_rang2');
$('a[href^="/u"] span[style="color:#07D9E0"]').closest('.post').addClass('M14_rang3');
$('a[href^="/u"] span[style="color:#F000D4"]').closest('.post').addClass('M14_rang4');
});



Puis la c.s.s modifiée ici:
https://www.milouze14.com/t32173-invision-changement-de-couleur-pour-un-dernier-groupe-installe#611402


Romain
Romain
Donateur

https://www.syndromeklinefelter.org/

MessageRomain Dim 19 Mai 2019 - 11:42

Coucou,

Pour le script, je le met dans les JS ?

Merci Milouze
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 19 Mai 2019 - 11:45

Pour le script, il est déjà présent Romain,
il suffit de l'éditer en cliquant sur le petit edit et de remplacer son contenu.

Romain
Romain
Donateur

https://www.syndromeklinefelter.org/

MessageRomain Dim 19 Mai 2019 - 11:55

Re,

Merci pour ton aide, j'attends de voir lorsqu'un nouveau membre se présentera, si la barre rose s'affiche en haut de l'écran écrite en blanc.

Amitiés
Romain
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 19 Mai 2019 - 19:32

De rien Romain, bonne soirée mon ami.


Coucou

Sujet résolu et déplacé dans le forum adéquate  

A bientôt pour une prochaine demande  clin oeil

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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