[RÉGLÉ] Changement background menu principal avec bgmax

[patrice44]

Bonjour, je souhaite changer la couleur du fond du menu principal. (template protostar)

http://www.comme-un-chat-au-soleil.fr/

Quand j'examine l'élément avec firebug je vois que les propriétés de" .nav-pills" sont héritées de "body".
Et là je sèche...

D'autre part j'utilise le module bgmax pour le fond du site. C'est dans ce module que j'ai choisi la couleur et l'opacité du fond.
Je vois qu'il y a la possibilité avec bgmax d'inscrire un code complementaire dans head.

Je me dis que c'est peut être là qu'il y a quelque chose à faire, mais ça dépasse mes compétences.

En fouillant sur le forum, j'ai essayé de rentrer des instructions dans le module "menu principal" et de les remettre dans le fichier template.css mais sans succès.

Je vous remercie d'avance pour le coup de main patrice

[lomart]

Re : Changement background menu principal avec bgmax

Bonjour,

Vous avez vu juste. c'est le rôle du code complementaire dans head.

Dans votre cas, il faut ajouter :

.navigation {
    background-color: #eee;
    margin-left: -20px;
    margin-right: -20px;
    padding: 5px 20px;
}

J'ai mis un gris très clair (#eee) à vous d'ajuster

[dolmenhir]

Re : Changement background menu principal avec bgmax

Salut,

TU peux changer cette couleur à plusieurs endroits, tout dépend du rendu final que tu souhaite obtenir.

Pour un arrière plan c'est la class "navigation"

Pour personnaliser un template "Protostar", il est conseillé d'ajouter un fichier "user.css" dans le dossier CSS du template

/templates/protostar/css/

Il sera chargé automatiquement.

Et de placer dans ce fichier css toutes les modifications que tu souhaites effectuer.

Cela a le grand avantage de ne pas toucher au code d'origine, et d'avoir un fichier plus petit, plus clair et plus facile à administrer.

Dol.

[patrice44]

Re : Changement background menu principal avec bgmax

Merci infiniment les amis pour vos réponses rapides et précises, le code dans bgmax fait merveille.

Juste une petite précision, en navigant d'un menu à l'autre, l'image du fond varie en taille selon certains menus. Savez vous où je dois chercher pour régler cela.

Et une derniere question (du pinaillage ;-) ) , j'ai pu changer la couleur du texte "site description" , le nom et le tel, qui est en orange, mais je voudrais changer le bleu qui est apparait lorsque l'on passe la souris dessus, et je ne sais pas comment y avoir accés.

Encore un grand merci à vous

[patrice44]

Re : Changement background menu principal avec bgmax

Je viens de trouver pour changer la couleur du "site description" en revanche je ne sais toujours pas pourquoi la taille de mon image de fond varie. rereremerci.

[dolmenhir]

Re : Changement background menu principal avec bgmax

Juste une petite précision, en navigant d'un menu à l'autre, l'image du fond varie en taille selon certains menus. Savez vous où je dois chercher pour régler cela.

C'est lié à l'attribut "background-size" dans ton body qui est en "cover".

Le cover a pour effet d'adapter le background à la taille de la page.
Donc plus tu as de contenu et plus le fond s'étire pour tout remplir.

Les autres options seront moins adaptées à ton besoin.
Sinon, trouves-toi un fond que tu peux répliquer (repeat) et donc virer le cover.
Ou fais des pages moins longues, et plus uniformes.

+ d'info sur l'attribut "background-size :

https://www.w3schools.com/cssref/css3_pr_background-size.asp

Et une derniere question (du pinaillage ;-) ) , j'ai pu changer la couleur du texte "site description" , le nom et le tel, qui est en orange, mais je voudrais changer le bleu qui est apparait lorsque l'on passe la souris dessus, et je ne sais pas comment y avoir accés.

ça c'est du ":hover"
Surement un truc comme ça :

.nav-pills > li > a:hover {
color: #ff6600;
}

Dol.

[patrice44]

Re : Changement background menu principal avec bgmax

Merci, de votre aide précieuse.Affaire classée
patrice