Barre de navigation codée bicolore pas sauf déconnexion

2 participants

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

Résolu Barre de navigation codée bicolore pas sauf déconnexion

Message par Ninoukimy Lun 4 Fév 2019 - 10:09

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Safari
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 03/02/2019
Lien du forum : http://htsas.forumactif.com/

Description du problème

Bonjour tout le monde !

J'ai un petit souci, j'aurai aimé avoir une barre de navigation bicolore sans pour autant me tourner vers le graphisme. C'est pourquoi j'ai utilisé le CSS. Jusqu'à présent, ça a bien fonctionné pour les boutons "standards" (cf capture d'écran), mais je ne parviens pas à faire le même pour le lien de déconnexion: ça fonctionne, mais si je me déconnecte et reconnecte, la mise en forme a disparu. J'ai lu dans un autre sujet que c'était parce que l'URL de "déconnexion" n'était pas fixe, mais je ne parviens pas à faire en sorte par un moyen quelconque, que la mise en forme reste. J'ai aussi essayé en mettant l'url " /login?logout", mais ça ne fonctionne pas. J'avoue que je ne comprends pas trop Surprised

De plus, j'imagine que ce sera le même problème pour "nouveau message" ?

Mon CSS:

Code:

/* BARRE NAVIIIG */
        a.mainmenu[href="/"] { font-size:0 }
  a.mainmenu[href="/"]:after {
      content:"Accueil";
      font-size:13px;
  color: #C43947;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
   font-weight: 600;

    }

        a.mainmenu[href="/faq"] { font-size:0 }
  a.mainmenu[href="/faq"]:after {
      content:"FAQ";
      font-size:13px;
  color: #689D71;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }

        a.mainmenu[href="/search"] { font-size:0 }
  a.mainmenu[href="/search"]:after {
      content:"Rechercher";
      font-size:13px;
  color: #C43947;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }

        a.mainmenu[href="/memberlist"] { font-size:0 }
  a.mainmenu[href="/memberlist"]:after {
      content:"Les New-yorkais";
      font-size:13px;
  color: #689D71;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }

        a.mainmenu[href="/groups"] { font-size:0 }
  a.mainmenu[href="/groups"]:after {
      content:"groupes";
      font-size:13px;
  color: #C43947;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }

        a.mainmenu[href="/profile?mode=editprofile"] { font-size:0 }
  a.mainmenu[href="/profile?mode=editprofile"]:after {
      content:"Profil";
      font-size:13px;
  color: #689D71;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }

        a.mainmenu[href="/privmsg?folder=inbox"] { font-size:0 }
  a.mainmenu[href="/privmsg?folder=inbox"]:after {
      content:"Messagerie";
      font-size:13px;
  color: #C43947;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }

        a.mainmenu[href="/login?logout"] { font-size:0 }
  a.mainmenu[href="/login?logout"]:after {
      content:"Déconnexion";
      font-size:13px;
  color: #689D71;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }

        a.mainmenu[href="/register"] { font-size:0 }
  a.mainmenu[href="/register"]:after {
      content:"Nous rejoindre";
      font-size:13px;
  color: #adadad;
  border-bottom: 1px #C43947 dotted;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }

        a.mainmenu[href="/login"] { font-size:0 }
  a.mainmenu[href="/login"]:after {
      content:"Connexion";
      font-size:13px;
  color: #689D71;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }

Merci d'avance aux personnes qui pourront m'aider !
Ninoukimy

Ninoukimy
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 24/09/2017

http://htsas.forumactif.com/
Ninoukimy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation codée bicolore pas sauf déconnexion

Message par MasDan Mar 5 Fév 2019 - 2:45

Bonjour Ninoukimy,

Remplacer les 104 et 105 (code CSS de votre message)
Code:
a.mainmenu[href="/login"] { font-size:0 }
a.mainmenu[href="/login"]:after {

par
Code:
a.mainmenu[href^="/login"] { font-size:0 }
a.mainmenu[href^="/login"]:after {
MasDan

MasDan
Membre habitué

Masculin
Messages : 1538
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation codée bicolore pas sauf déconnexion

Message par Ninoukimy Mar 5 Fév 2019 - 15:36

Coucou Masdan, merci pour ton aide.

Est-ce que pour le "nouveau message" lorsqu'on reçoit un mp c'est le même système ? reflexion
Ninoukimy

Ninoukimy
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 24/09/2017

http://htsas.forumactif.com/
Ninoukimy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation codée bicolore pas sauf déconnexion

Message par Invité Mar 5 Fév 2019 - 19:21

Hello Ninoukimy,

avec le style que tu as déposé, la connexion et déconnexion auront le même texte.
J'ai modifié la totalité afin d'avoir les bonnes informations pour tes membres.

Changes toutes le c.s.s donnée par celle-ci:
Code:

/* BARRE NAVIIIG */
a.mainmenu[href="/"] { font-size:0 }
  a.mainmenu[href="/"]:after {
      content:"Accueil";
      font-size:13px;
  color: #C43947;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
  font-weight: 600;
 
    }
 
a.mainmenu[href="/faq"] { font-size:0 }
a.mainmenu[href="/faq"]:after {
      content:"FAQ";
      font-size:13px;
  color: #689D71;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }
 
        a.mainmenu[href="/search"] { font-size:0 }
  a.mainmenu[href="/search"]:after {
      content:"Rechercher";
      font-size:13px;
  color: #C43947;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }
 
        a.mainmenu[href="/memberlist"] { font-size:0 }
  a.mainmenu[href="/memberlist"]:after {
      content:"Les New-yorkais";
      font-size:13px;
  color: #689D71;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }
 
        a.mainmenu[href="/groups"] { font-size:0 }
  a.mainmenu[href="/groups"]:after {
      content:"groupes";
      font-size:13px;
  color: #C43947;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }
 
        a.mainmenu[href="/profile?mode=editprofile"] { font-size:0 }
  a.mainmenu[href="/profile?mode=editprofile"]:after {
      content:"Profil";
      font-size:13px;
  color: #689D71;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }
a.mainmenu.M14_colorMp[href="/privmsg?folder=inbox"]:after{color:orange!important;}
a.mainmenu[href="/privmsg?folder=inbox"] { font-size:0 }
  a.mainmenu[href="/privmsg?folder=inbox"]:after {
      content:"Messagerie";
      font-size:13px;
  color: #C43947;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }
 
a.mainmenu[href="/login?logout"] { font-size:0 }
a.mainmenu[href="/login?logout"]:after {
      content:"Déconnexion";
      font-size:13px;
  color: #689D71;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }
 
        a.mainmenu[href="/register"] { font-size:0 }
  a.mainmenu[href="/register"]:after {
      content:"Nous rejoindre";
      font-size:13px;
  color: #adadad;
  border-bottom: 1px #C43947 dotted;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }
 
a.mainmenu[href*="tid"] { font-size:0 }
a.mainmenu[href*="tid"]:after {
      content:"Déconnexion";
      font-size:13px;
  color: #689D71;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }
a.mainmenu[href="/login"] { font-size:0 }
a.mainmenu[href="/login"]:after {
      content:"Connexion";
      font-size:13px;
  color: #689D71;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Oswald';
 font-weight: 600;
    }

Tu remarqueras une ligne supplémentaire:
Code:
a.mainmenu.M14_colorMp[href="/privmsg?folder=inbox"]:after{color:orange!important;}

Elle correspond a l'affichage lorsque tes membres recevront un MP.

Pour cela, il faut ajouter ce script:


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mets un titre explicite.
Coches sur toutes les pages.


Déposes ceci:
Code:

$(function(){$.get('/privmsg?folder=inbox' , function(data){var h= $(data).find('img[title="Message Non-lu"]').length;
if(h<=1){$('a.mainmenu[href="/privmsg?folder=inbox"]').addClass('M14_colorMp').attr('title','Vous avez un message privé');  }
else if(h>1){$('a.mainmenu[href="/privmsg?folder=inbox"]').addClass('M14_colorMp').attr('title','Vous avez ( '+h+' ) messages privés');  }});});



Penses à cliquer sur le bouton VALIDER



Et voilou Wink .

a++
Anonymous

Invité
Invité


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

Résolu Re: Barre de navigation codée bicolore pas sauf déconnexion

Message par Ninoukimy Mer 6 Fév 2019 - 18:11

Coucou !

Merci pour votre aide Embarassed pour ce qui est du bouton déconnexion, ça fonctionne !

Par contre pour ce qui est de nouveau message, il me met un signal nouveau message même quand je n'en ai pas. Est-ce que c'est normal ? Embarassed
Ninoukimy

Ninoukimy
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 24/09/2017

http://htsas.forumactif.com/
Ninoukimy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation codée bicolore pas sauf déconnexion

Message par Invité Mer 6 Fév 2019 - 18:42

Hello Ninoukimy,

Par contre pour ce qui est de nouveau message, il me met un signal nouveau message même quand je n'en ai pas. Est-ce que c'est normal ?

hum non, tu me faire une capture d'écran de ta boite de réception dans sa totalité (tous les messages reçus) stp Wink .

a++
Anonymous

Invité
Invité


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

Résolu Re: Barre de navigation codée bicolore pas sauf déconnexion

Message par Ninoukimy Mer 6 Fév 2019 - 19:07

Re, Milouze !

Voici la capture:

Spoiler:
Ninoukimy

Ninoukimy
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 24/09/2017

http://htsas.forumactif.com/
Ninoukimy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation codée bicolore pas sauf déconnexion

Message par Invité Mer 6 Fév 2019 - 19:32

Re,
merci, tu peux modifier le script ainsi stp:

Code:
$(function(){
$.get('/privmsg?folder=inbox' , function(data){
var h= $(data).find('img[title="Message Non-lu"]').length;
if(h==1)
{
$('a.mainmenu[href="/privmsg?folder=inbox"]').addClass('M14_colorMp').attr('title','Vous avez un message privé'); 
}
else if(h>=2)
{
$('a.mainmenu[href="/privmsg?folder=inbox"]').addClass('M14_colorMp').attr('title','Vous avez ( '+h+' ) messages privés'); 
}

});
    });


a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Barre de navigation codée bicolore pas sauf déconnexion

Message par Ninoukimy Mer 6 Fév 2019 - 19:39

Oh top ça fonctionne !!! Merci beaucoup pour ton aide Very Happy Very Happy cheers Je passe le sujet en résolu du coup, encore merci !
Ninoukimy

Ninoukimy
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 24/09/2017

http://htsas.forumactif.com/
Ninoukimy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation codée bicolore pas sauf déconnexion

Message par Invité Mer 6 Fév 2019 - 19:40

De rien Ninoukimy Wink .

a++
Anonymous

Invité
Invité


Invité 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