[Réglé] Changer couleur des liens du panel de connexion

[Jujufield]

Bonjour,

Je souhaite changer la couleur du pseudo affiché dans le panel de connexion car il est illisible sur le design que j'ai mis, de même que deux liens pour l'identification via quicklogin.

En effet j'ai cherché et fais plein de tests dans les templates, mais ces quelques liens sont inclus dans autre chose qui fait que balises <font>, <span> etc n'ont pas d'effet.

Pouvez-vous m'indiquer où placer mon code pour modifier la couleur pour les liens soulignés en rouge dans les images ci dessous s'il vous plait ?

   

   

Merci d'avance,

Jujufield

Site concerné : http://www.neo-creators.fr
MyBB : 1.6.6

[spyto]

En tant que visiteur, je ne vois que le volet 'panelcontent_1'.
Dans ton CSS, tu as :

Code PHP :

#panelcontent_4, #panelcontent_2, #panelcontent_3, #panelcontent_5, #panelcontentl_6, #panelcontent_7, #panelcontent_8, #panelcontent_9, #panelcontent_10, #panelcontent_11, #panelcontent_12 {
    width: 617px;
    color: #222222;
    line-height: 17px;
    height: 87px;
    font-size: 11px;
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 0px;
    margin-left: 15px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
    background-image: url(images/entete_forum/panelbga.png);
}

#panelcontent_1 {
    width: 505px;
    color: #222222;
    line-height: 17px;
    height: 87px;
    font-size: 11px;
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 0px;
    margin-left: 15px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
    background-image: url(images/entete_forum/panelbgg.png);
} 


Le premier sélecteur étant celui par défaut et le second celui que je vois.
Je note que la couleur de #panelcontent_1 est #222222 ce qui est un gris presque noir ! (couleur de "Se rappeler"). A toi de changer cette valeur.

Quant aux liens qui sont en dessous (Mot de passe oublié, s'enregistrer), on ne les voit quasiment pas : gris sur cyan).
Je ne sais pas d'où est héritée la balise <a>... Rien ne t'empêche de donner un style à "#panel a" qui devrait englober tout ? Difficile à dire sans pouvoir tester.

Par exemple

Code PHP :

#panel a {
  color: couleur visible;
  text-decoration: none;
}
#panel a:hover {
  color: autre couleur visible;
  text-decoration: underline;
} 


Et si ça ne marche pas là, peut-être définir la balise a de "#panelcontent_4, #panelcontent_2, #panelcontent_3, #panelcontent_5, #panelcontentl_6, #panelcontent_7, #panelcontent_8, #panelcontent_9, #panelcontent_10, #panelcontent_11, #panelcontent_12" de la même façon ?

Code PHP :

#panelcontent_4 a, #panelcontent_2 a, #panelcontent_3 a, #panelcontent_5 a, #panelcontentl_6 a, #panelcontent_7 a, #panelcontent_8 a, #panelcontent_9 a, #panelcontent_10 a, #panelcontent_11 a, #panelcontent_12 a {
  color: couleur visible;
  text-decoration: none;
} 


etc...

Ou peut-être simplement de panelcontent_1 uniquement ?

Je me demande pourquoi iil y a autant de définitions de ce panelcontent_x, et toutes les mêmes sauf le _1 ?

[Jujufield]

Merci !

Je suis entrain de travailler dessus avec tes indications, je te tiens au courant du résultat.

Citation :Je me demande pourquoi iil y a autant de définitions de ce panelcontent_x, et toutes les mêmes sauf le _1 ?

Je voulais afficher une image de fond (plus petite) pour le panel des visiteurs et une autre différente et plus large pour les gens connectés. Exdiogene m'a conseillé cette solution.

http://mybb.fr/thread-5352.html

[Jujufield]

Bon je me suis remis à mon problème ce soir, oui il faut aussi penser à régler les siens :p

Et j'ai donc résolu mon problème.

J'ai suivi tes conseils, en fait de définir une couleur pour tous les liens histoire de rendre tout de la couleur que je souhaite, sachant que définir ces liens "MDP oublié" et "S'enregistrer" en particulier est impossible à faire de manière simple.

Par contre, tous mes autres liens étaient changés, mais eux sont simples à définir donc j'ai bombardé de <font color="#xxxxxx"> :p

Donc dans le block header_guest j'ai mis une div <div id="couleurquicklogin"> et pareil pour le bloc header_member

Et dans le CSS ça, en suivant ton idée :

Code PHP :

#panelcontent_4, #panelcontent_2, #panelcontent_3, #panelcontent_5, #panelcontentl_6, #panelcontent_7, #panelcontent_8, #panelcontent_9, #panelcontent_10, #panelcontent_11, #panelcontent_12 {
    width: 617px;
    color: #222222;
    line-height: 17px;
    height: 87px;
    font-size: 11px;
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 0px;
    margin-left: 15px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
    background-image: url(images/entete_forum/panelbga.png);
}


#panelcontent_1 {
    width: 505px;
    color: #222222;
    line-height: 17px;
    height: 87px;
    font-size: 11px;
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 0px;
    margin-left: 15px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
    background-image: url(images/entete_forum/panelbgg.png);
} 

#couleurquicklogin a{
  color: #222222;
} 

#couleuruser a{
  color: #000080;
} 


Le résultat est impec, tout est lisible via quicklogin : http://www.neo-creators.fr

Et puis une fois connecté le pseudo est lisible aussi désormais

Thanks... one more time

[Sulfus]

Content que ton problème soit résolu.
Sinon beau forum

[Jujufield]

Merci.