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.

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

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

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

Message par Solie le 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.



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

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

http://www.voixoff.com

Revenir en haut Aller en bas

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

Message par FredVig le Sam 01 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.

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

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

Message par FredVig le Sam 01 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;}

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

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

Message par Solie le Sam 01 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...
avatar
Solie

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

http://www.voixoff.com

Revenir en haut Aller en bas

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

Message par Solie le Dim 02 Aoû 2015, 04: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
avatar
Solie

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

http://www.voixoff.com

Revenir en haut Aller en bas

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

Message par FredVig le Dim 02 Aoû 2015, 09: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

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

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

Message par Solie le Dim 02 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 !
avatar
Solie

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

http://www.voixoff.com

Revenir en haut Aller en bas

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

Message par FredVig le Dim 02 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.

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

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

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

Message par Solie le Dim 02 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
avatar
Solie

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

http://www.voixoff.com

Revenir en haut Aller en bas

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

Message par FredVig le Dim 02 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

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

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

Message par FredVig le Dim 02 Aoû 2015, 19:00


_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

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

Message par Solie le Dim 02 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
avatar
Solie

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

http://www.voixoff.com

Revenir en haut Aller en bas

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

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

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