ModernBB : Supprimer la couleur du survol (menu)

[Lulina]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://afkcafe.forumactif.com/forum

Description du problème

Bonsoir à vous,

Je viens ici vous faire part d'une demande en ce qui concerne mon forum nouvellement créer.
Je souhaiterais supprimer la couleur blanche au survol du menu du haut (barre de navigation).
Car en ajoutant des images à la place de "l'écriture", exemple : faq, recherche etc, cela ne me met pas le bouton correctement et change sa couleur quand on place la flèche dessus.

Merci d'avance, en vous souhaitant une belle soirée.

[MasDan]

Bonjour Lulina,

Pour supprimer la couleur blanche au survol du menu, ajouter ceci à votre code CSS

Code:

.navbar a:hover {
  background-color: initial;
}

[Lulina]

Bonsoir,

Merci beaucoup ce code fonctionne parfaitement !
Une dernière question concernant ce même sujet :
Comment cette fois supprimer la couleur noire sur le texte du menu au survol ? Que cela reste au final de la même couleur quand nous survolons le"bouton".

[MasDan]

Remplacer le code par

Code:

.navbar a:hover {
  background-color: initial;
  color: #fff;
}

[Lulina]

Merci beaucoup.

Est-il également possible de modifier la taille des écritures de la barre de navigation ? et de la mettre en caractère gras également ?
Ce sera tout ensuite.

[Bipo]

Bonsoir Lulina,

Code:

.navbar a {
    font-weight: bold;
    font-size: xxpx;
}

Remplacer xx par la taille souhaitée. L'élément font-weight: bold; met la police en gras.

Bonne soirée.
Bipo.

[Lulina]

Bonsoir Bipo,

Merci beaucoup c'est exactement ce que je recherchais.
Possibilité de changer la couleur du coup des écritures du menu car on le voit peu ? Le blanc par une autre ?
Ou bien que le fond derrière le menu soit coloré en prenant toute la longueur de la page ?

[Bipo]

Re,

On peut tout faire sur Forumactif ! Dans le code que je vous ai communiqué précédemment, ajoutez la ligne suivante :

Code:

color: #code_couleur;

Exemple :

Code:

color: #CD7025;

Ce qui donne dans le code précédent :

Code:

.navbar a {
    color: #CD7025;
    font-weight: bold;
    font-size: xxpx;
}

Bipo.

[Lulina]

Génial ! J'ai pu tester cela fonctionne.
Et pour le fond de façon à ce que ça reste ainsi ? :

[Bipo]

Re,

Vous pouvez ajouter ce code :

Code:

.navbar {
    background-color: #333333;
}

Ce qui aura pour résultat :

---

Ou alors, si vous voulez que la barre soit sur toute la page :

Code:

#headerbar-top {
    background-color: #333333;
}


Bipo.

[Lulina]

Merci beaucoup je passe en résolu une fois fait !
En vous souhaitant à tout les deux une belle soirée !

[Bipo]

Ou alors, si vous voulez que la barre soit sur toute la page :

Code:

#headerbar-top {
    background-color: #333333;
}


Bipo.

[Lulina]

Merci belle soirée !