AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    (Nihil) Couleurs des groupes dans la barre de navigation

    Partagez
    avatar
    Gandor666
    MasculinAge : 27Messages : 9

    le Jeu 30 Nov 2017 - 10:57

    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 */
        }
    avatar
    Gandor666
    MasculinAge : 27Messages : 9

    le Sam 2 Déc 2017 - 10:18

    petit reup!
    avatar
    Gandor666
    MasculinAge : 27Messages : 9

    le Jeu 7 Déc 2017 - 10:20

    up!
    avatar
    Nihil Scar Winspeare
    Messages : 5004

    le Ven 12 Jan 2018 - 8:50

    Bonjour, nous sommes sans nouvelles...Ce topic est-il toujours d'actualité ? Merci de nous tenir informés du déroulement de ce problème.
    Attention, l'absence de réponse à ce message entrainera l'archivage du topic d'ici une dizaine de jours.



    Très peu présente
    avatar
    Gandor666
    MasculinAge : 27Messages : 9

    le Ven 12 Jan 2018 - 9:13

    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
    avatar
    Nihil Scar Winspeare
    Messages : 5004

    le Ven 12 Jan 2018 - 9:18

    Hello :)

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

    @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" ?




    Très peu présente
    avatar
    Gandor666
    MasculinAge : 27Messages : 9

    le Ven 12 Jan 2018 - 9:34

    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'));
      });
    });
    avatar
    Nihil Scar Winspeare
    Messages : 5004

    le Sam 13 Jan 2018 - 11:07

    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) ^^
    avatar
    Gandor666
    MasculinAge : 27Messages : 9

    le Lun 15 Jan 2018 - 9:35

    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!
    avatar
    Nihil Scar Winspeare
    Messages : 5004

    le Lun 15 Jan 2018 - 10:15

    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 ^^
    avatar
    Nihil Scar Winspeare
    Messages : 5004

    le Lun 12 Mar 2018 - 22:48

    Oulaaa, ça fait longtemps ça Oo

    Bonjour, nous sommes sans nouvelles...Ce topic est-il toujours d'actualité ? Merci de nous tenir informés du déroulement de ce problème.
    Attention, l'absence de réponse à ce message entrainera l'archivage du topic d'ici une dizaine de jours.



    Très peu présente
    Contenu sponsorisé


      La date/heure actuelle est Ven 27 Avr 2018 - 8:58