Barre de navigation codée bicolore pas sauf déconnexion
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Barre de navigation codée bicolore pas sauf déconnexion
Détails techniques
Version du forum : phpBB2Poste 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
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 !
Re: Barre de navigation codée bicolore pas sauf déconnexion
Bonjour Ninoukimy,
Remplacer les 104 et 105 (code CSS de votre message)
par
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 {
Re: Barre de navigation codée bicolore pas sauf déconnexion
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 ?
Est-ce que pour le "nouveau message" lorsqu'on reçoit un mp c'est le même système ?
Re: Barre de navigation codée bicolore pas sauf déconnexion
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:
Tu remarqueras une ligne supplémentaire:
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:
Penses à cliquer sur le bouton VALIDER
Et voilou .
a++
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 .
a++
Invité- Invité
Re: Barre de navigation codée bicolore pas sauf déconnexion
Coucou !
Merci pour votre aide 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 ?
Merci pour votre aide 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 ?
Re: Barre de navigation codée bicolore pas sauf déconnexion
Hello Ninoukimy,
hum non, tu me faire une capture d'écran de ta boite de réception dans sa totalité (tous les messages reçus) stp .
a++
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 .
a++
Invité- Invité
Re: Barre de navigation codée bicolore pas sauf déconnexion
Re, Milouze !
Voici la capture:
Voici la capture:
- Spoiler:
Re: Barre de navigation codée bicolore pas sauf déconnexion
Re,
merci, tu peux modifier le script ainsi stp:
a++
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++
Invité- Invité
Re: Barre de navigation codée bicolore pas sauf déconnexion
Oh top ça fonctionne !!! Merci beaucoup pour ton aide Je passe le sujet en résolu du coup, encore merci !
Re: Barre de navigation codée bicolore pas sauf déconnexion
De rien Ninoukimy .
a++
a++
Invité- Invité
Sujets similaires
» Barre de navigation : Bouton déconnexion absent
» [Barre de navigation] : supprimer le pseudo a coté de "Déconnexion"
» Barre de couleur derrière la barre de navigation + modifier le css des boutons
» Navigation, parfois connexion/déconnexion, difficile.
» Modifier la barre acceuil,message,deconnexion ...
» [Barre de navigation] : supprimer le pseudo a coté de "Déconnexion"
» Barre de couleur derrière la barre de navigation + modifier le css des boutons
» Navigation, parfois connexion/déconnexion, difficile.
» Modifier la barre acceuil,message,deconnexion ...
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum