[Résolu] Changer la couleur Background du menu déroulant
2 participants
Page 1 sur 1
[Résolu] Changer la couleur Background du menu déroulant
Hello les amis,
J'aurais une question qui concerne la possibilité de changer la couleur du background du menu déroulant.
En effet, avec style, je ne peux accéder à cette fonction parce qu'au moment de la sélection avec le rouleau, je suis renvoyée sur les sous-pages :/
Est-ce normal ou est-ce un problème de compatibilité avec Firefox? Je suis sous Firefox 39.0.
J'aimerais que le background du menu déroulant soit similaire à celui du menu général, c'est à dire de couleur rgba(44, 51, 51, 0.7)
J'ai tenté de régler le problème avec du code, j'ai juste réussi à assortir l'arrondi (radius) des boutons oranges avec le menu général. Rien pour le background, je ne trouve pas la div.
Merci par avance,
Solie
J'aurais une question qui concerne la possibilité de changer la couleur du background du menu déroulant.
En effet, avec style, je ne peux accéder à cette fonction parce qu'au moment de la sélection avec le rouleau, je suis renvoyée sur les sous-pages :/
Est-ce normal ou est-ce un problème de compatibilité avec Firefox? Je suis sous Firefox 39.0.
J'aimerais que le background du menu déroulant soit similaire à celui du menu général, c'est à dire de couleur rgba(44, 51, 51, 0.7)
J'ai tenté de régler le problème avec du code, j'ai juste réussi à assortir l'arrondi (radius) des boutons oranges avec le menu général. Rien pour le background, je ne trouve pas la div.
Merci par avance,
Solie
Dernière édition par Solie le Jeu 10 Sep 2015 - 23:09, édité 1 fois (Raison : Ajout de la balise Résolu)
Re: [Résolu] Changer la couleur Background du menu déroulant
Il est possible d'accéder - normalement - à cette fonction avec "style".
Testé sous Firefox en connexion sans échec.
Le style de l'arrière-plan est général, commun aux menus comme aux sous-menus.
mais il existe peut-être des différences d'un design à l'autre.
Sur ton design, le style par défaut organise les menus et sous-menu selon ce schéma : boutons en suspension sur fond semi opaque, qui s'animent au survol et font "naître" au clic une nouvelle série de sous-menus sur fond sombre.
SI tu mets le même fond transparent dans les sous-menus, ils risquent de manquer de structure en flottant au dessus des contenus.
Testé sous Firefox en connexion sans échec.
Le style de l'arrière-plan est général, commun aux menus comme aux sous-menus.
mais il existe peut-être des différences d'un design à l'autre.
Sur ton design, le style par défaut organise les menus et sous-menu selon ce schéma : boutons en suspension sur fond semi opaque, qui s'animent au survol et font "naître" au clic une nouvelle série de sous-menus sur fond sombre.
SI tu mets le même fond transparent dans les sous-menus, ils risquent de manquer de structure en flottant au dessus des contenus.
Re: [Résolu] Changer la couleur Background du menu déroulant
Tu dois pouvoir forcer cet aspect avec les class de menu de niveau 1 et 2. Je trouve que le résultat est moyen :
- Code:
.mainnav .j-nav-level-1, .mainnav .j-nav-level-2{
background-color: rgba(44, 51, 51, 0.7);
box-shadow: 1px 1px 8px #131313;}
Re: [Résolu] Changer la couleur Background du menu déroulant
Coucou Fred,
A l'origine, la topbar, le content, la sidebar et le footer étaient de la teinte "gris sombre" du background des sous-menus. J'ai changé tout ce que j'ai pu. Et je pensais que cette option n'était pas possible pour les menus déroulants. Heureusement que je ne suis pas partie du design vert ^^
C'est peut-être propre au design Malaga, effectivement. Je viens de tester en safe mode, le rouleau disparaît dès que je survole les sous-menus...
FredVig a écrit:Il est possible d'accéder - normalement - à cette fonction avec "style".
Testé sous Firefox en connexion sans échec.
Le style de l'arrière-plan est général, commun aux menus comme aux sous-menus.
mais il existe peut-être des différences d'un design à l'autre.
A l'origine, la topbar, le content, la sidebar et le footer étaient de la teinte "gris sombre" du background des sous-menus. J'ai changé tout ce que j'ai pu. Et je pensais que cette option n'était pas possible pour les menus déroulants. Heureusement que je ne suis pas partie du design vert ^^
C'est peut-être propre au design Malaga, effectivement. Je viens de tester en safe mode, le rouleau disparaît dès que je survole les sous-menus...
Re: [Résolu] Changer la couleur Background du menu déroulant
Hey, ce qui me tue, c'est que j'avais essayé le background avec chacune de ces class mais individuellement !
J'ai aussi adouci l'ombre avec une teinte un peu plus claire. C'est moins violent. Je sais, t'aimes pas les ombres J'ai tenté de ne mettre le shadow que sur le border-bottom et sur le border-right. J'ai du écrire des bêtises...
Ensuite, j'ai carrément tenté un truc qui n'existe visiblement pas :
box-bottom-right-shadow: 1px 1px 8px #202020;
Voici mon code actuel :
Si tu as une idée pour ne mettre le shadow qu'en bas et à droite, je suis preneuse
Tu as tout à fait raison, j'ai réduit la transparence à 0.8. Ça passe mieux au dessus du content.FredVig a écrit:
SI tu mets le même fond transparent dans les sous-menus, ils risquent de manquer de structure en flottant au dessus des contenus.
J'ai aussi adouci l'ombre avec une teinte un peu plus claire. C'est moins violent. Je sais, t'aimes pas les ombres J'ai tenté de ne mettre le shadow que sur le border-bottom et sur le border-right. J'ai du écrire des bêtises...
Ensuite, j'ai carrément tenté un truc qui n'existe visiblement pas :
box-bottom-right-shadow: 1px 1px 8px #202020;
Voici mon code actuel :
- Code:
<style type="text/css">
/*<![CDATA[*/
/* background sous-menu avec ombre et radius */
.mainnav .j-nav-level-1, .mainnav .j-nav-level-2{
background-color: rgba(44, 51, 51, 0.80);
border-bottom: 0px solid;
-webkit-border-bottom-right-radius: 12px;
-moz-border-bottom-right-radius: 12px;
border-bottom-right-radius: 12px;
box-shadow: 1px 1px 8px #202020;}
/*]]>*/
</style>
Si tu as une idée pour ne mettre le shadow qu'en bas et à droite, je suis preneuse
Re: [Résolu] Changer la couleur Background du menu déroulant
Tu peux utiliser un générateur de code css :
genérateur de CSS
C'est le plus simple et tu auras les codes pour tous les navigateurs compatibles.
? J'aime bien les ombres, j'en mets partout…
genérateur de CSS
C'est le plus simple et tu auras les codes pour tous les navigateurs compatibles.
? J'aime bien les ombres, j'en mets partout…
Re: [Résolu] Changer la couleur Background du menu déroulant
Ah ben voilà ! Je ne savais pas à quoi correspondaient les deux premières valeurs de pixels. Je n'y touchais jamais. Super ton lien
Merci Fred Une fois de plus, tu assures !
Merci Fred Une fois de plus, tu assures !
Re: [Résolu] Changer la couleur Background du menu déroulant
Merci Solange.
Je fais mon possible pour aider, en espérant qu'on m'aidera en retour.
Dans le doute sur l'usage d'une valeur, tu peux utiliser l'inspecteur d'élément :
tu sélectionnes la valeur dans la colonne de droite (firefox), et tu fais varier la valeur avec les flèches clavier. Tu vois le résultat en direct, ça permet d'ajuster au pixel prêt. Idem avec les couleurs, les transparences… il ya un colorpicker.
Bon, toi, du dois connaître, mais j'aime rappeler cet aspect pour les lecteurs du forum.
ça ne change rien sur vos sites, c'est juste temporaire, en local.
On peut aussi désactiver une caractéristique, ou en taper de nouvelles. C'est mon outil principal pour ajuster un design.
Je fais mon possible pour aider, en espérant qu'on m'aidera en retour.
Dans le doute sur l'usage d'une valeur, tu peux utiliser l'inspecteur d'élément :
tu sélectionnes la valeur dans la colonne de droite (firefox), et tu fais varier la valeur avec les flèches clavier. Tu vois le résultat en direct, ça permet d'ajuster au pixel prêt. Idem avec les couleurs, les transparences… il ya un colorpicker.
Bon, toi, du dois connaître, mais j'aime rappeler cet aspect pour les lecteurs du forum.
ça ne change rien sur vos sites, c'est juste temporaire, en local.
On peut aussi désactiver une caractéristique, ou en taper de nouvelles. C'est mon outil principal pour ajuster un design.
Re: [Résolu] Changer la couleur Background du menu déroulant
Avec les flèches ? Je vais tester cela...
Tu sais, j'ai beaucoup ramé le premier mois avec l'inspecteur et Firebug. Ce dernier me semblait un peu moins compliqué d'approche. J'avais regardé les vidéos YouTube, mais rien sur une utilisation pour les codes. Il y avait bien un tuto de Frédéric déposé par Jimdo sur le forum. Il est malheureusement incompréhensible, les photos ne sont plus en ligne. Aujourd'hui, quand par miracle j'arrive à constituer un code sans l'aide du forum, c'est toujours par le biais de l'inspecteur + une bonne dose de recherches CSS dans Google. Ça m'a pris six heures pour relooker ma topbar avec l'inspecteur! J'exploite l'outil en autodidacte de façon très peu académique.
Bon, quand je trouve mes codes sans l'aide du forum, je suis fière quand-même ! Toutefois, un tuto à jour de l'un de ces deux outils serait le bienvenu sur le forum. On vous embêterait moins souvent
Tu sais, j'ai beaucoup ramé le premier mois avec l'inspecteur et Firebug. Ce dernier me semblait un peu moins compliqué d'approche. J'avais regardé les vidéos YouTube, mais rien sur une utilisation pour les codes. Il y avait bien un tuto de Frédéric déposé par Jimdo sur le forum. Il est malheureusement incompréhensible, les photos ne sont plus en ligne. Aujourd'hui, quand par miracle j'arrive à constituer un code sans l'aide du forum, c'est toujours par le biais de l'inspecteur + une bonne dose de recherches CSS dans Google. Ça m'a pris six heures pour relooker ma topbar avec l'inspecteur! J'exploite l'outil en autodidacte de façon très peu académique.
Bon, quand je trouve mes codes sans l'aide du forum, je suis fière quand-même ! Toutefois, un tuto à jour de l'un de ces deux outils serait le bienvenu sur le forum. On vous embêterait moins souvent
Re: [Résolu] Changer la couleur Background du menu déroulant
Ben… on s'ennuierait aussiSolie a écrit:Un tuto à jour de l'un de ces deux outils serait le bienvenu sur le forum. On vous embêterait moins souvent
Re: [Résolu] Changer la couleur Background du menu déroulant
Je commence une série de tutos actualisés 2015 :
http://www.jimdoforum.fr/t746-2015-les-bases-actualisees-modifier-le-head#3935
http://www.jimdoforum.fr/t746-2015-les-bases-actualisees-modifier-le-head#3935
Re: [Résolu] Changer la couleur Background du menu déroulant
Excellente initiative ! Ton tuto est super clair, en plus. Ça va en aider, du monde !
bravo
Sujet résolu par FredVig
bravo
Sujet résolu par FredVig
Sujets similaires
» [Résolu] Changer la couleur de fond (background) du CONTENU (content) sur une page
» [RESOLU] Menu déroulant pour nos rubriques
» [Résolu] Changer la couleur du trait de séparation
» garder la couleur du menu lors du clic du sous menu
» Barre de menu et sous menu de couleur différente
» [RESOLU] Menu déroulant pour nos rubriques
» [Résolu] Changer la couleur du trait de séparation
» garder la couleur du menu lors du clic du sous menu
» Barre de menu et sous menu de couleur différente
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|