(Nihil) Couleurs des groupes dans la barre de navigation

http://test-ouat.forumactif.com/

Je vous présente mon problème, mais pour ça il faut d'abord que vous vous connectiez au fofo car s'est dans l'interface utilisateur du joueur que tout se déroule !

Login : Testeur
Mdp : test2578

Une fois connecté, j'aimerai deux choses que je n'arrive pas à mettre en place :

Que la couleur du pseudo dans le message de Bienvenue soit de la couleur du groupe.

Que le cercle autour de l'avatar prennent également la couleur du groupe principal!

Pour informations, j'ai fait ca à partir d'un libre service, j'ai modifié la feuille de style CSS et la Template du Haut du forum bien evidemment ! Je fais ça pour aider un forum sur lequel je joue. =) Si vous voulez des codes, vous pouvez me demander !

Merci d'avance ^^
si c'est impossible (même si je sais que l'impossible n'existe pas en codage xD) n'hésitez pas à me le dire !
Voilà mon code : (sous phpbb2)


Le code html que j'ai placé sous la template overall_header :

Code:


                <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" id="navSIT">
<tr><td><!-- BEGIN switch_user_logged_in --><div class="avaSIT"></div><div class="welcSIT"></div><!-- END switch_user_logged_in --></td></tr>
<script type="text/javascript">$(function(){$('.avaSIT').html(_userdata.avatar);{$('.welcSIT').html( _userdata.username);}});</script>
<tr><td class="navSIT" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td></tr>
</table>

Le CSS (mais je dois que ce soit utile...)

Code:

    /* NAVIGATION */
    #navSIT {
    position:fixed; z-index:5; left:0; top:0;
    width:100%; height:25px; border-width:2px; border-color:darkred; border-style:groove;
    background-image:url(http://img15.hostingpics.net/pics/12894114kgumtjpg.png); /* MODIFIABLE */
    }
    .navSIT {
    position:absolute; top:15px; right:15px;
    }
    .mainmenu img {
    display:none;
    }
    /* BORDURE AVATAR */
    .avaSIT {
    position:absolute; z-index:5; left:15px;
    width:75px; height:75px; border-radius:75px; overflow:hidden; border:3px solid;
    border-color:darkred; /* MODIFIABLE */
    }
    /* IMAGE AVATAR */
    .avaSIT img{
    width:75px;
    }
    /* MESSAGE DE BIENVENUE */
    .welcSIT {
    position:absolute; left:130px; top:20px;
    font-size:12px; font-family:Arial; font-weight:bold; margin-top: -15px
        /* MODIFIABLE */
    color:darkred;/* MODIFIABLE */
    }

    /* BIENVENUE */
    .welcSIT::before {
    float:left; margin-right:5px;
  content:'Bienvenue,'; /* MODIFIABLE */
    }
    /* LIENS NAVIGATION */
    #navSIT a{
    display:inline-block; vertical-align:middle;
    text-align:center;
    text-transform:uppercase; font-size:12px; font-family:Georgia; margin-top: -30px;/* MODIFIABLE */
    color:darkred; /* MODIFIABLE */
    transition:all .65s linear; -webkit-transition:all .65s linear;
    }
    /* SURVOL LIEN NAVIGATION */
    #navSIT a:hover {
    color:#4D5756; /* MODIFIABLE */
    }
    /* DECONNEXION */
    a#logout.mainmenu {
    font-size:0px;
    }
    a#logout.mainmenu::after {
    display:inline-block; vertical-align:middle;
    font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
    }
    /* MENU RECHERCHE */
    #search_menu {
    top:45px !important; left:5% !important;
    }
    /* COULEUR FOND MENU RECHERCHE */
    #search_menu td.row2 {
    background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
    }
    /* COULEUR TEXTE MENU RECHERCHE */
    #search_menu td.row2 span.genmed {
    color:black !important; /* MODIFIABLE */
    }
    /* TITRE MENU RECHERCHE */
    #search_menu th.thHead {
    text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
    background:black; color:white; /* MODIFIABLE */
    }
    /* BARRE MENU RECHERCHE */
    #search_menu input.post {
    height:23px !important; border:none !important;
    background:white; color:black; /* MODIFIABLE */
    }
    /* BOUTON MENU RECHERCHE */
    #search_menu input.button {
    height:25px; border:none !important; text-transform:uppercase;
    background:black; color:white !important; /* MODIFIABLE */
    }
    /* RECHERCHE AVANCEE */
    #search_menu a{
    display:block; margin-bottom:5px; width:235px;
    background:none !important; border:none !important;
    text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */
    }


petit reup!

up!

Malheureusement aucune nouvelle. J'essaie de voir avec un ami qui est pro en JS. Mais le soucis c'est qu'il n'arrive pas trop à stabiliser les codes JS dans du PHPbb2

Hello :)

Au passage, oui, c'est possible, on peut s'y prendre de plusieurs façons possible

Gandor666 a écrit:le soucis c'est qu'il n'arrive pas trop à stabiliser les codes JS dans du PHPbb2

Hum, tu veux dire quoi par "stabiliser les codes JS dans du PHPbb2" ?

Ben je répète juste ce qu'il m'a dit... Je crois qu'il n'aime pas trop le phpBB2 mais il m'a dit que mon code ressemblerait à un truc de ce style :

Code:


$(function() {
  $('.postdetails .chpr1').each(function() {
    $('*', this).css('color', $(this).closest('.postdetails').find('.pnpr a > span').css('color'));
  });
});


Alors huuuum, j'sais pas trop ce qu'il y a essayé de faire, je suppose a repris un code d'ailleurs, mais ça ressemble plutôt aux codes pour colorer d'une couleur différente dans les messages, en fonction de la couleur du posteur x)

Je viens de me connecter, j'ai vu que sur ton forum tu as déjà ce code là :

Code:

setTimeout(function() {
  if (_userdata.user_level == 1) {
    var colorEditated = "#000099"
  } else if (_userdata.user_level == 2) {
    var colorEditated = "#000099"
  } else {
    var colorEditated = "#3a963a"
  }
  $('.avaSIT').css('border-color', colorEditated);
  $('.welcSIT').css('color', colorEditated)
}, 100);

Il faudra l'enlever ensuite pour éviter que 2 codes s'écrivent au dessus ^^'

Il y a plusieurs manières de faire, certaines plus optimisées que d'autres. En voici une toute simple, pas forcément hyper optimisée mais ça fonctionne.

1/ Récupérer la couleur la couleur du pseudo de la personne dans le QEEL.
2/ Remplacer la couleur comme vu dans ton code au dessus :

Code:

 $('.avaSIT').css('border-color', colorEditated);
  $('.welcSIT').css('color', colorEditated)

3/ Sur les pages où il n'y a pas le QEEL, appeler l'index du forum pour récupérer le QEEL

Est ce que tu veux coder toi même et on te donne des conseils ou bien c'est une demande de code ? (et dans ce cas là je déplace dans la bonne section) ^^

C'est une demande de code ! Merci en tout cas pour la réponse ^^

Celui qui est déjà présent c'est moi qui l'est fait, celui qui est à faire est encore "en cours" de projet, mais si tu peux me le faire, alors je veux bien ca me retirerait une épine du pied, surtout que le projet avec les élèves se rapproche à grands pas. Mais effectivement, c'est ce que je foulais faire, allez cherche dans l'index ou dans le QEEL mais je connaissais pas les variables ( je débute juste en JS sur phpbb) merci!

Du coup je déplace le sujet dans la section des demandes et j'ajoute mon pseudo dans le titre :)
Le code est déjà fait, je le posterai juste quand j'aurai un peu plus de temps pour détailler les quelques modifs à faire ^^

Oulaaa, ça fait longtemps ça Oo