Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PhpBB3] Retirer bouton contact aux invités
par photoclic Aujourd'hui à 9:46

» histoire du Jour sans fin
par Quad Daniel Aujourd'hui à 7:30

» [PhpBB2] Avertissement lors de la publication d'un email
par Milouze14 Aujourd'hui à 3:53

» *RESOLU*[PhpBB2] Annonce Google décalée
par Milouze14 Lun 11 Nov 2019 - 21:08

» [PhpBB2] Ajouter à vos favoris
par Milouze14 Lun 11 Nov 2019 - 18:22

» [PhpBB2] Changer le nom d'un groupe
par petitefeuille Lun 11 Nov 2019 - 15:53

» *RESOLU*[Edge] Bannière defilante
par Milouze14 Lun 11 Nov 2019 - 8:57

» *RESOLU*[PhpBB3] Bouton uniquement sur premier post
par Milouze14 Dim 10 Nov 2019 - 19:19

» *RESOLU*[PhpBB3] Photos par thèmes
par Milouze14 Dim 10 Nov 2019 - 17:51

» Le ver de terre "Blagounette"
par soleda Sam 9 Nov 2019 - 6:14

» *RESOLU*[PhpBB3] L'heure sous la date dans un Blog
par Milouze14 Ven 8 Nov 2019 - 19:30

» [PhpBB2] Ajout de boutons barre Windows 10
par Milouze14 Ven 8 Nov 2019 - 17:53

» [Edge]Avatar par défaut dans le Qeel
par Milouze14 Ven 8 Nov 2019 - 17:25

» [PhpBB2] Barre windows 10
par Milouze14 Mer 6 Nov 2019 - 18:15

» [Edge] Icônes Font Awesome devant les titres de forums
par Milouze14 Mar 5 Nov 2019 - 19:12

» [Edge] Supprimer la bulle des icones du forum
par Milouze14 Mar 5 Nov 2019 - 16:03

» [PhpBB2] Installe rmarque ligne
par Milouze14 Lun 4 Nov 2019 - 19:52

» [PhpBB2] Indexation d'une section par auteur et par ordre alphabétique
par Milouze14 Lun 4 Nov 2019 - 14:54

» [AwesomeBB] Modifier l'icône du bouton d'accueil
par Splash Lun 4 Nov 2019 - 11:51

» *RESOLU*[PhpBB3] Retour à la page d'accueil
par Milouze14 Dim 3 Nov 2019 - 20:39

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

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

Romain
Romain
Milouzien

MessageRomain le 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à :

*RESOLU*[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

MessageMilouze14 le 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

MessageMilouze14 le 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

*RESOLU*[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
Milouzien

MessageRomain le 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

MessageMilouze14 le 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

MessageMilouze14 le 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
Milouzien

MessageRomain le Dim 19 Mai 2019 - 11:42

Coucou,

Pour le script, je le met dans les JS ?

Merci Milouze
Milouze14
Milouze14
Fondateur

MessageMilouze14 le 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
Milouzien

MessageRomain le 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

MessageMilouze14 le 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