ModernBB : Supprimer la couleur du survol (menu)

3 participants

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

Résolu ModernBB : Supprimer la couleur du survol (menu)

Message par Lulina Dim 3 Juin 2018 - 21:08

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.
Lulina

Lulina
Nouveau membre

Féminin
Messages : 11
Inscrit(e) le : 03/06/2018

Voir le profil de l'utilisateur http://afkcafe.forumactif.com/forum
Lulina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ModernBB : Supprimer la couleur du survol (menu)

Message par MasDan Dim 3 Juin 2018 - 22:07

Bonjour Lulina,

Pour supprimer la couleur blanche au survol du menu, ajouter ceci à votre code CSS
Code:
.navbar a:hover {
  background-color: initial;
}
MasDan

MasDan
Aidactif
Aidactif

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

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

Résolu Re: ModernBB : Supprimer la couleur du survol (menu)

Message par Lulina Dim 3 Juin 2018 - 22:22

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".
Lulina

Lulina
Nouveau membre

Féminin
Messages : 11
Inscrit(e) le : 03/06/2018

Voir le profil de l'utilisateur http://afkcafe.forumactif.com/forum
Lulina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ModernBB : Supprimer la couleur du survol (menu)

Message par MasDan Dim 3 Juin 2018 - 22:51


Remplacer le code par
Code:
.navbar a:hover {
  background-color: initial;
  color: #fff;
}
MasDan

MasDan
Aidactif
Aidactif

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

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

Résolu Re: ModernBB : Supprimer la couleur du survol (menu)

Message par Lulina Dim 3 Juin 2018 - 23:09

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.
Lulina

Lulina
Nouveau membre

Féminin
Messages : 11
Inscrit(e) le : 03/06/2018

Voir le profil de l'utilisateur http://afkcafe.forumactif.com/forum
Lulina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ModernBB : Supprimer la couleur du survol (menu)

Message par Bipo Dim 3 Juin 2018 - 23:14

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.
Bipo

Bipo
Rédactif
Rédactif

Messages : 2714
Inscrit(e) le : 23/09/2010

Voir le profil de l'utilisateur
Bipo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ModernBB : Supprimer la couleur du survol (menu)

Message par Lulina Dim 3 Juin 2018 - 23:37

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 ?
Lulina

Lulina
Nouveau membre

Féminin
Messages : 11
Inscrit(e) le : 03/06/2018

Voir le profil de l'utilisateur http://afkcafe.forumactif.com/forum
Lulina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ModernBB : Supprimer la couleur du survol (menu)

Message par Bipo Dim 3 Juin 2018 - 23:43

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.
Bipo

Bipo
Rédactif
Rédactif

Messages : 2714
Inscrit(e) le : 23/09/2010

Voir le profil de l'utilisateur
Bipo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ModernBB : Supprimer la couleur du survol (menu)

Message par Lulina Dim 3 Juin 2018 - 23:51

Génial ! J'ai pu tester cela fonctionne.
Et pour le fond de façon à ce que ça reste ainsi ? :
ModernBB : Supprimer la couleur du survol (menu) Aide_f10
Lulina

Lulina
Nouveau membre

Féminin
Messages : 11
Inscrit(e) le : 03/06/2018

Voir le profil de l'utilisateur http://afkcafe.forumactif.com/forum
Lulina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ModernBB : Supprimer la couleur du survol (menu)

Message par Bipo Dim 3 Juin 2018 - 23:56

Re,

Vous pouvez ajouter ce code :

Code:
.navbar {
    background-color: #333333;
}

Ce qui aura pour résultat :

ModernBB : Supprimer la couleur du survol (menu) 03-06-12




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

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

ModernBB : Supprimer la couleur du survol (menu) 03-06-13

Bipo.
Bipo

Bipo
Rédactif
Rédactif

Messages : 2714
Inscrit(e) le : 23/09/2010

Voir le profil de l'utilisateur
Bipo a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: ModernBB : Supprimer la couleur du survol (menu)

Message par Lulina Lun 4 Juin 2018 - 0:00

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


Dernière édition par Lulina le Lun 4 Juin 2018 - 0:02, édité 1 fois
Lulina

Lulina
Nouveau membre

Féminin
Messages : 11
Inscrit(e) le : 03/06/2018

Voir le profil de l'utilisateur http://afkcafe.forumactif.com/forum
Lulina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ModernBB : Supprimer la couleur du survol (menu)

Message par Bipo Lun 4 Juin 2018 - 0:01

Bipo a écrit:

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

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

ModernBB : Supprimer la couleur du survol (menu) 03-06-13

Bipo.
Bipo

Bipo
Rédactif
Rédactif

Messages : 2714
Inscrit(e) le : 23/09/2010

Voir le profil de l'utilisateur
Bipo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ModernBB : Supprimer la couleur du survol (menu)

Message par Lulina Lun 4 Juin 2018 - 0:03

Merci belle soirée !
Lulina

Lulina
Nouveau membre

Féminin
Messages : 11
Inscrit(e) le : 03/06/2018

Voir le profil de l'utilisateur http://afkcafe.forumactif.com/forum
Lulina 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