Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Rejoignez le forum, c’est rapide et facile

Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.
Communauté francophone - Jimdo
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment :
Coffret Pokémon Bundle 6 Boosters EV05 Forces ...
Voir le deal

[Résolu] Changer la couleur Background du menu déroulant

2 participants

Aller en bas

[Résolu] Changer la couleur Background du menu déroulant Empty [Résolu] Changer la couleur Background du menu déroulant

Message par Solie Ven 31 Juil 2015 - 17:46

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.

[Résolu] Changer la couleur Background du menu déroulant Image27

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)
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

[Résolu] Changer la couleur Background du menu déroulant Empty Re: [Résolu] Changer la couleur Background du menu déroulant

Message par FredVig Sam 1 Aoû 2015 - 10:06

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

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

[Résolu] Changer la couleur Background du menu déroulant Empty Re: [Résolu] Changer la couleur Background du menu déroulant

Message par FredVig Sam 1 Aoû 2015 - 10:14

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;}
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

[Résolu] Changer la couleur Background du menu déroulant Empty Re: [Résolu] Changer la couleur Background du menu déroulant

Message par Solie Sam 1 Aoû 2015 - 23:54

Coucou Fred,

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

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

[Résolu] Changer la couleur Background du menu déroulant Empty Re: [Résolu] Changer la couleur Background du menu déroulant

Message par Solie Dim 2 Aoû 2015 - 4:13

Hey, ce qui me tue, c'est que j'avais essayé le background avec chacune de ces class mais individuellement ! Rolling Eyes

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.
Tu as tout à fait raison, j'ai réduit la transparence à 0.8. Ça passe mieux au dessus du content.


J'ai aussi adouci l'ombre avec une teinte un peu plus claire. C'est moins violent. Je sais, t'aimes pas les ombres tongue  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 silent
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

[Résolu] Changer la couleur Background du menu déroulant Empty Re: [Résolu] Changer la couleur Background du menu déroulant

Message par FredVig Dim 2 Aoû 2015 - 9:28

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… Wink
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

[Résolu] Changer la couleur Background du menu déroulant Empty Re: [Résolu] Changer la couleur Background du menu déroulant

Message par Solie Dim 2 Aoû 2015 - 13:10

Ah ben voilà ! Je ne savais pas à quoi correspondaient les deux premières valeurs de pixels. Je n'y touchais jamais. Super ton lien  cheers

Merci Fred king Une fois de plus, tu assures !
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

[Résolu] Changer la couleur Background du menu déroulant Empty Re: [Résolu] Changer la couleur Background du menu déroulant

Message par FredVig Dim 2 Aoû 2015 - 13:29

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.
[Résolu] Changer la couleur Background du menu déroulant Sol10
ç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.
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

[Résolu] Changer la couleur Background du menu déroulant Empty Re: [Résolu] Changer la couleur Background du menu déroulant

Message par Solie Dim 2 Aoû 2015 - 14:45

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 Wink
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

[Résolu] Changer la couleur Background du menu déroulant Empty Re: [Résolu] Changer la couleur Background du menu déroulant

Message par FredVig Dim 2 Aoû 2015 - 16:14

Solie a écrit:Un tuto à jour de l'un de ces deux outils serait le bienvenu sur le forum. On vous embêterait moins souvent Wink
Ben… on s'ennuierait aussi Sad
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

[Résolu] Changer la couleur Background du menu déroulant Empty Re: [Résolu] Changer la couleur Background du menu déroulant

Message par FredVig Dim 2 Aoû 2015 - 19:00

Je commence une série de tutos actualisés 2015 :
http://www.jimdoforum.fr/t746-2015-les-bases-actualisees-modifier-le-head#3935
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

[Résolu] Changer la couleur Background du menu déroulant Empty Re: [Résolu] Changer la couleur Background du menu déroulant

Message par Solie Dim 2 Aoû 2015 - 21:09

Excellente initiative ! Ton tuto est super clair, en plus. Ça va en aider, du monde !
bravo king

Sujet résolu par FredVig
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

[Résolu] Changer la couleur Background du menu déroulant Empty Re: [Résolu] Changer la couleur Background du menu déroulant

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum